/*
Theme Name: Cobertura 360
Theme URI: https://cobertura360.com
Author: Cobertura 360
Author URI: https://cobertura360.com
Description: Tema premium de WordPress para periódicos digitales, revistas de noticias y portales informativos. Incluye módulo integrado de administración de anuncios con dimensiones exactas, categorías dinámicas en barra azul, optimización SEO avanzada con Schema.org y OpenGraph, buscador interactivo, tipografía moderna y diseño fluido en TailwindCSS.
Version: 2.2.3
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cobertura360
Tags: news, magazine, blog, two-columns, custom-header, custom-menu, featured-images, theme-options, translation-ready
*/

/* Reset & Material Symbols setup */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none !important;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga' 1 !important;
    vertical-align: middle;
}

.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Tokens de color base Cobertura 360 */
:root {
    --primary: #00408b;
    --primary-container: #0057b8;
    --secondary: #8f4e00;
    --secondary-container: #fc9013;
    --background: #fcf9f8;
    --on-background: #1c1b1b;
    --surface: #fcf9f8;
    --surface-container: #f0eded;
    --surface-container-high: #eae7e7;
    --outline: #727784;
    --outline-variant: #c2c6d4;
}

.bg-primary { background-color: #00408b !important; }
.text-primary { color: #00408b !important; }
.border-primary { border-color: #00408b !important; }
.bg-secondary { background-color: #8f4e00 !important; }
.text-secondary { color: #8f4e00 !important; }
.bg-secondary-container { background-color: #fc9013 !important; }
.text-on-secondary-container { color: #623400 !important; }
.bg-primary-container { background-color: #0057b8 !important; }
.text-on-primary { color: #ffffff !important; }

@keyframes glow-pulse {
    0%, 100% {
        box-shadow: 0 0 8px rgba(16, 185, 129, 0.4), 0 0 15px rgba(16, 185, 129, 0.2);
    }
    50% {
        box-shadow: 0 0 22px rgba(16, 185, 129, 0.9), 0 0 35px rgba(16, 185, 129, 0.6);
    }
}
.whatsapp-glow {
    animation: glow-pulse 2s infinite ease-in-out;
}

/* WordPress Standard Classes */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
}
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption-text {
    font-size: 0.85em;
    color: #727784;
    text-align: center;
    margin-top: 0.5em;
    font-style: italic;
}

/* Sticky Social Bar Transition */
.social-share-btn {
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.social-share-btn:hover {
    transform: scale(1.1);
}