climaBox.innerHTML =
'<img src="' + iconoTop + '" style="width:42px;height:42px;">' +
'<span>' + temperatura + '°C</span>' +
'<span class="clima-ciudad">Concepción del Uruguay</span>';/*
Theme Name: Uruguayenses Pro
Theme URI: https://uruguayenses.com
Author: Alfredo Rodríguez
Author URI: https://uruguayenses.com
Description: Theme periodístico profesional para Uruguayenses Digital. Diseño moderno para medios de comunicación, noticias, videos y coberturas en tiempo real.
Version: 2.0
License: GPL v2 or later
Text Domain: uruguayenses-pro
Tags: news, newspaper, magazine, blog, responsive, videos
*/

/* =========================================
   BASE
========================================= */

body{
  margin:0;
  font-family:Arial, sans-serif;
}

*{
  box-sizing:border-box;
}

.container{
  width:100%;
  max-width:1180px;
  margin:auto;
  padding:0 15px;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

/* =========================================
   TOP BAR
========================================= */

.top-bar{
  background:#d6eaf8;
  padding:6px 0;
  font-size:14px;
}

.top-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.top-left{
  color:#0073aa;
  font-weight:600;
}

.top-center{
  color:#333;
}

.top-right a{
  margin-left:10px;
  color:#0073aa;
  font-weight:600;
  text-decoration:none;
}

/* =========================================
   HEADER
========================================= */

.site-header{
  border-bottom:1px solid #ddd;
  background:#fff;
}

.header-inner{
  display:grid;
  grid-template-columns:60px 1fr 200px;
  align-items:center;
  padding:10px 0;
}

/* MENU */
.menu-toggle{
  display:flex;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
}

.menu-toggle span{
  height:3px;
  background:#0073aa;
  border-radius:2px;
}

/* ESCALONADO */
.menu-toggle span:nth-child(1){width:28px;}
.menu-toggle span:nth-child(2){width:20px;}
.menu-toggle span:nth-child(3){width:12px;}

/* LOGO */
.site-branding{
  text-align:center;
}

.custom-logo{
  max-height:60px;
  width:auto;
}

/* BUSCADOR */
.header-search{
  text-align:right;
}

/* =========================================
   MENU LATERAL
========================================= */

.menu-overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  opacity:0;
  visibility:hidden;
  transition:0.3s;
  z-index:999;
}

.menu-overlay.active{
  opacity:1;
  visibility:visible;
}

.side-menu{
  position:fixed;
  top:0;
  left:0;
  width:260px;
  height:100%;
  background:#111;
  padding:20px;
  transform:translateX(-100%);
  transition:0.3s ease;
  z-index:1000;
}

.side-menu.active{
  transform:translateX(0);
}

.menu-close{
  position:absolute;
  top:10px;
  right:10px;
  background:#e00000;
  color:#fff;
  border:none;
  padding:6px 10px;
  cursor:pointer;
}

.menu-list{
  list-style:none;
  padding:50px 0 0;
  margin:0;
}

.menu-list li{
  margin-bottom:15px;
}

.menu-list a{
  color:#fff;
  text-decoration:none;
  font-size:16px;
}

/* =========================================
   HOME
========================================= */

.home-top{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:15px;
}

.main-post{
  position:relative;
  overflow:hidden;
}

.main-post img{
  height:420px;
  object-fit:cover;
}

.main-post .overlay{
  position:absolute;
  bottom:0;
  width:100%;
  padding:15px;
  background:linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

.main-post h2{
  color:#fff;
  margin:0;
  font-size:20px;
}

.side-post img{
  height:200px;
  object-fit:cover;
}

.home-bottom{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
  margin-top:20px;
}

.bottom-post img{
  height:140px;
  object-fit:cover;
}

/* =========================================
   SINGLE
========================================= */

.single-flex{
  display:flex;
  gap:30px;
}

.single-content{
  flex:2;
}

.single-sidebar{
  flex:1;
}

.post-content{
  font-size:18px;
  line-height:1.7;
  text-align:justify;
}

/* PUBLICIDAD */
.ad-box{
  margin-bottom:20px;
}

.ad-box img{
  width:100%;
}

/* =========================================
   FOOTER
========================================= */

.site-footer{
  background:#0b0b0b;
  color:#fff;
  margin-top:50px;
  padding:40px 0;
}

.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:30px;
}

.footer-col h3{
  margin-bottom:10px;
}

.footer-col a{
  color:#bbb;
  text-decoration:none;
  font-size:14px;
}

.footer-bottom{
  text-align:center;
  margin-top:30px;
  font-size:13px;
  color:#888;
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:900px){

  .home-top{
    grid-template-columns:1fr;
  }

  .home-bottom{
    grid-template-columns:1fr 1fr;
  }

  .single-flex{
    flex-direction:column;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

}
/* =========================================
   🔥 RESTORE PORTADA (LA QUE FUNCIONABA)
========================================= */

/* TOP */
.home-top{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:20px;
}

/* IMAGENES TOP */
.top-image img{
  width:100%;
  height:280px !important;
  object-fit:cover;
}

/* TITULO TOP */
.top-title{
  font-size:20px;
  font-weight:700;
  margin-top:10px;
  line-height:1.3;
}

/* GRID ABAJO */
.home-bottom{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px;
}

/* IMAGENES ABAJO */
.bottom-image img{
  width:100%;
  height:160px !important;
  object-fit:cover;
}

/* TITULOS ABAJO */
.bottom-post h3{
  font-size:15px;
  margin-top:8px;
  line-height:1.3;
}

/* MOBILE */
@media(max-width:900px){

  .home-top{
    grid-template-columns:1fr !important;
  }

  .home-bottom{
    grid-template-columns:1fr 1fr !important;
  }

}
/* =========================================
   🔥 FIX TITULOS + CATEGORIAS (SIN ROMPER)
========================================= */

/* TITULOS (como antes) */
.top-title,
.bottom-post h3,
.side-post h3,
.section-post h4{
  color:#111 !important;
  font-weight:700;
}

/* hover elegante */
.top-title:hover,
.bottom-post h3:hover{
  color:#0077cc !important;
}

/* =========================
   TITULOS DE SECCION
========================= */

.section-title{
  width:100%;
  text-align:center;
  padding:14px 10px;
  margin:40px 0 20px;
  font-size:22px;
  font-weight:800;
  color:#fff;
  border:none !important;
  border-radius:6px;
}

/* =========================
   COLORES POR CATEGORIA
========================= */

.section-policiales{
  background:linear-gradient(90deg,#004e92,#000428);
}

.section-ciudad{
  background:linear-gradient(90deg,#2193b0,#6dd5ed);
}

.section-provincia{
  background:linear-gradient(90deg,#ff5f6d,#7b4397);
}

.section-pais{
  background:linear-gradient(90deg,#00c6ff,#0072ff);
}

.section-politica{
  background:linear-gradient(90deg,#bdc3c7,#2c3e50);
}

.section-deportes{
  background:linear-gradient(90deg,#11998e,#38ef7d);
}

.section-educacion{
  background:linear-gradient(90deg,#f7971e,#ffd200);
}

.section-sociedad{
  background:linear-gradient(90deg,#8360c3,#2ebf91);
}

.section-espectaculo{
  background:linear-gradient(90deg,#fc466b,#3f5efb);
}

/* =========================
   GRID SECCIONES
========================= */

.section-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.section-post img{
  width:100%;
  height:160px;
  object-fit:cover;
}

.section-post h4{
  font-size:14px;
  margin-top:8px;
  line-height:1.3;
}

/* MOBILE */
@media(max-width:900px){
  .section-grid{
    grid-template-columns:1fr 1fr;
  }
}
/* =========================================
   🔥 FIX PUBLICIDAD CENTRADA
========================================= */

.home-ad,
.horizontal-ad{
  text-align:center !important;
}

.home-ad img,
.horizontal-ad img{
  display:block;
  margin:0 auto !important;
  max-width:100%;
}

/* =========================================
   🔥 TITULOS PRO (SIN NEGRO DURO)
========================================= */

.top-title,
.bottom-post h3,
.side-post h3,
.section-post h4{
  color:#1a1a1a !important; /* gris oscuro elegante */
  font-weight:700;
  text-decoration:none !important;
}

/* eliminar subrayado de links */
.top-post a,
.bottom-post a,
.side-post a{
  text-decoration:none !important;
  color:inherit !important;
}

/* hover más moderno */
.top-title:hover,
.bottom-post h3:hover,
.side-post h3:hover{
  color:#0077cc !important;
}
/* =========================================
   🔥 TITULOS CATEGORIAS (NEGRO PRO)
========================================= */

/* TITULOS EN SECCIONES */
.section-post h4{
  color:#000 !important;
  text-decoration:none !important;
  font-weight:700;
}

/* LINKS DE NOTICIAS */
.section-post a{
  text-decoration:none !important;
  color:#000 !important;
}

/* HOVER SUAVE */
.section-post a:hover h4{
  color:#0077cc !important;
}
/* =========================================
   🔥 RESTORE SINGLE (EL QUE FUNCIONABA)
========================================= */

/* LAYOUT */
.single-flex{
  display:flex !important;
  gap:30px !important;
  align-items:flex-start !important;
}

/* CONTENIDO */
.single-content{
  flex:2 !important;
  min-width:0;
}

/* SIDEBAR */
.single-sidebar{
  flex:1 !important;
  position:relative !important;
}

/* IMAGEN PRINCIPAL */
.post-image img{
  width:100%;
  height:auto !important;
  border-radius:6px;
}

/* TEXTO */
.post-content{
  font-size:18px;
  line-height:1.7;
  text-align:justify;
}

/* PUBLICIDAD */
.ad-box{
  margin-bottom:20px;
}

.ad-box img{
  width:100%;
  height:auto;
  display:block;
}

/* RELACIONADAS */
.related-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:15px;
}

.related-item img{
  width:100%;
  height:120px;
  object-fit:cover;
}

/* MOBILE */
@media(max-width:900px){

  .single-flex{
    flex-direction:column !important;
  }

  .related-grid{
    grid-template-columns:1fr 1fr !important;
  }

}
/* =========================================
   🔥 FIX SINGLE REAL (COMPATIBLE CON TU PHP)
========================================= */

/* CONTENEDOR */
.single-flex{
  display:flex;
  gap:30px;
  align-items:flex-start;
}

/* CONTENIDO */
.single-content{
  width:70%;
}

/* SIDEBAR */
.single-sidebar{
  width:30%;
}

/* CAJAS SIDEBAR */
.sidebar-box{
  margin-bottom:25px;
}

/* TITULO */
.post-title{
  font-size:32px;
  margin:10px 0;
  line-height:1.2;
}

/* VOLANTA */
.volanta{
  color:#e00000;
  font-weight:bold;
  font-size:14px;
  margin-bottom:5px;
}

/* CATEGORIA */
.post-category{
  font-size:13px;
  color:#0077cc;
  margin-bottom:5px;
}

/* FECHA */
.post-meta{
  font-size:13px;
  color:#777;
  margin-bottom:15px;
}

/* EXTRACTO */
.post-excerpt{
  font-size:18px;
  color:#444;
  margin-bottom:15px;
}

/* IMAGEN */
.post-image img{
  width:100%;
  height:auto;
  margin-bottom:20px;
}

/* CONTENIDO */
.post-content{
  font-size:18px;
  line-height:1.7;
  text-align:justify;
}

/* RELACIONADAS */
.related-posts{
  margin-top:40px;
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
}

.related-item{
  display:block;
  text-decoration:none;
  color:#000;
}

.related-item img{
  width:100%;
  height:120px;
  object-fit:cover;
}

.related-item h4{
  font-size:14px;
  margin-top:5px;
}

/* PUBLICIDAD */
.ad-box{
  margin-bottom:20px;
}

.ad-box img{
  width:100%;
  height:auto;
  display:block;
}

/* MÁS LEÍDAS */
.sidebar-box ul{
  padding:0;
  list-style:none;
}

.sidebar-box li{
  margin-bottom:10px;
}

.sidebar-box a{
  text-decoration:none;
  color:#000;
}

/* MOBILE */
@media(max-width:900px){
  .single-flex{
    flex-direction:column;
  }

  .single-content,
  .single-sidebar{
    width:100%;
  }

  .related-grid{
    grid-template-columns:1fr 1fr;
  }
}
/* =========================================
   🔥 FIX REAL SINGLE (ESTRUCTURA CORRECTA)
========================================= */

/* CONTENEDOR GENERAL */
.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 15px;
}

/* SINGLE LAYOUT */
.single-flex{
  display:grid !important;
  grid-template-columns:2fr 1fr !important;
  gap:30px !important;
  align-items:start;
}

/* CONTENIDO */
.single-content{
  width:100% !important;
}

/* SIDEBAR */
.single-sidebar{
  width:100% !important;
}

/* ASEGURA QUE NO SE ROMPA */
.single-sidebar,
.single-content{
  display:block;
}

/* IMAGEN */
.post-image img{
  width:100%;
  height:auto;
  border-radius:6px;
}

/* TITULO */
.post-title{
  font-size:32px;
  line-height:1.2;
  margin-bottom:10px;
}

/* TEXTO */
.post-content{
  font-size:18px;
  line-height:1.7;
  text-align:justify;
}

/* SIDEBAR FIX */
.sidebar-box{
  margin-bottom:25px;
  background:#fff;
}

/* MÁS LEÍDAS */
.sidebar-box ul{
  padding-left:18px;
}

/* PUBLICIDAD */
.ad-box img{
  width:100%;
  height:auto;
  display:block;
}

/* RELACIONADAS */
.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
}

/* MOBILE */
@media(max-width:900px){

  .single-flex{
    grid-template-columns:1fr !important;
  }

  .related-grid{
    grid-template-columns:1fr 1fr;
  }

}
/* =========================================
   🔥 ESPACIO ENTRE TOP BAR Y HEADER
========================================= */

.site-header{
  margin-top:8px; /* podés ajustar entre 5 y 10 */
}
.site-header{
  margin-top:8px;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
}
/* =========================================
   BOTON VER MÁS PRO
========================================= */

.load-more-box{
  text-align:center;
  margin:40px 0;
}

.load-more-btn{
  display:inline-block;
  padding:14px 28px;
  background:#0077cc;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  border-radius:6px;
  transition:0.3s;
}

.load-more-btn:hover{
  background:#005fa3;
}
/* =========================================
   🔥 PORTADA FULL WIDTH PRO
========================================= */

.home{
  max-width:100% !important;
  padding:0 8px !important; /* aire lateral */
}

/* IMAGENES NO SE ROMPEN */
.top-image img,
.bottom-image img{
  width:100%;
  height:auto;
}

/* =========================================
   ESPACIO + LINEA DEGRADADO PRO
========================================= */

.home-full,
.home{
  margin-top:12px; /* 👈 más aire arriba */
  padding-top:8px; /* 👈 separa la línea del contenido */

  border-top:2px solid;
  border-image:linear-gradient(to right, #0077cc, transparent) 1;
}
/* =========================================
   SINGLE → ESPACIO + LINEA PRO
========================================= */

.single .container{
  margin-top:12px;
  padding-top:8px;

  border-top:2px solid;
  border-image:linear-gradient(to right, #0077cc, transparent) 1;
}
/* =========================================
   ESPACIO SOBRE VOLANTA
========================================= */

.volanta{
  margin-top:8px;
}
/* =========================================
   ESPACIO TOP BAR (SIN LINEA)
========================================= */

.top-bar{
  margin-top:8px;
  margin-bottom:8px;
}
/* =========================================
   SINGLE → ESPACIO TOP BAR LIMPIO
========================================= */

.single .top-bar{
  margin-top:8px;
  margin-bottom:8px;
  border:none !important;
}
/* =========================================
   SINGLE PRO (ESTILO DIARIO)
========================================= */

/* VOLANTA */
.volanta{
  font-size:13px;
  font-weight:700;
  color:#0077cc;
  text-transform:uppercase;
  margin-top:8px;
  margin-bottom:5px;
}

/* TITULO */
.post-title{
  font-size:36px;
  font-weight:800;
  line-height:1.2;
  margin-bottom:10px;
}

/* BAJADA */
.post-excerpt{
  font-size:20px;
  color:#444;
  margin-bottom:15px;
}

/* FECHA */
.post-meta{
  font-size:13px;
  color:#777;
  margin-bottom:15px;
}

/* IMAGEN */
.post-image img{
  width:100%;
  border-radius:6px;
  margin-bottom:20px;
}

/* TEXTO */
.post-content{
  font-size:18px;
  line-height:1.8;
  text-align:justify;
}

/* PRIMERA LETRA GRANDE */
.post-content p:first-child::first-letter{
  font-size:48px;
  float:left;
  line-height:1;
  padding-right:6px;
  font-weight:bold;
}

/* RELACIONADAS */
.related-posts h3{
  margin-top:40px;
  font-size:18px;
}
/* =========================================
   LETRA CAPITULAR (DROP CAP PRO)
========================================= */

.post-content p:first-of-type::first-letter{
  float:left;
  font-size:52px;
  line-height:1;
  font-weight:700;
  margin-right:8px;
  margin-top:4px;
  color:#000;
}
/* ===============================
   TITULOS NEGROS SIN SUBRAYADO
=============================== */

/* Más leídas */
.mas-leidas a{
  color:#000 !important;
  text-decoration:none !important;
  font-weight:600;
}

.mas-leidas a:hover{
  color:#0077cc;
}

/* Te puede interesar */
.related-posts a{
  color:#000 !important;
  text-decoration:none !important;
  font-weight:600;
}

.related-posts a:hover{
  color:#0077cc;
}
/* =========================================
   FIX TITULOS MAS LEIDAS + RELACIONADAS
========================================= */

/* TODOS LOS LINKS EN SIDEBAR */
.sidebar a,
.widget a,
.mas-leidas a,
.related-posts a{
  color:#000 !important;
  text-decoration:none !important;
}

/* TITULOS */
.sidebar li a,
.widget li a,
.mas-leidas li a,
.related-posts li a{
  font-weight:600;
  line-height:1.4;
  display:block;
}

/* HOVER */
.sidebar a:hover,
.widget a:hover,
.mas-leidas a:hover,
.related-posts a:hover{
  color:#0077cc !important;
}

/* SACAR SUBRAYADO GLOBAL EN ESAS ZONAS */
.sidebar a:before,
.sidebar a:after,
.widget a:before,
.widget a:after{
  display:none !important;
}
/* 🔥 MENÚ LATERAL PRO */
.side-menu{
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
    transition: 0.3s ease;
    padding: 20px;
    box-shadow: 5px 0 20px rgba(0,0,0,0.1);
    overflow-y: auto;
}

/* ACTIVO */
.side-menu.active{
    left: 0;
}

/* OVERLAY */
.menu-overlay{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.4);
    opacity:0;
    visibility:hidden;
    transition:0.3s;
    z-index:9998;
}

.menu-overlay.active{
    opacity:1;
    visibility:visible;
}

/* LOGO */
.menu-logo{
    text-align:center;
    margin-bottom:25px;
}

.menu-logo img{
    max-width:140px;
    height:auto;
}

/* BOTÓN CERRAR */
.menu-close{
    position:absolute;
    top:15px;
    right:15px;
    background:#f1f1f1;
    border:none;
    font-size:18px;
    width:35px;
    height:35px;
    border-radius:50%;
    cursor:pointer;
}

/* LISTA */
.menu-list{
    list-style:none;
    padding:0;
    margin:0;
}

.menu-list li{
    border-bottom:1px solid #eee;
}

.menu-list li a{
    display:block;
    padding:12px 5px;
    color:#111;
    text-decoration:none;
    font-weight:500;
}

.menu-list li a:hover{
    color:#0a58ca;
}
/* 🔴 BOTON EN VIVO HEADER */
.live-btn-header{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 10px;
  padding:6px 12px;
  background:#e10600;
  color:#fff;
  font-size:13px;
  font-weight:700;
  border-radius:20px;
  text-decoration:none;
  white-space:nowrap;
}

/* puntito */
.live-dot{
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
  position:relative;
}

/* animación pulso */
.live-dot::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  animation:pulseLive 1.5s infinite;
}

@keyframes pulseLive{
  0%{transform:scale(1);opacity:1;}
  70%{transform:scale(2.5);opacity:0;}
  100%{opacity:0;}
}
/* HEADER EN UNA SOLA LINEA */
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:nowrap;
}

/* LOGO */
.site-branding{
  flex-shrink:0;
}

/* BOTON EN VIVO */
.live-btn-header{
  flex-shrink:0;
}

/* BUSCADOR */
.header-search{
  flex-shrink:0;
  display:flex;
  align-items:center;
}

/* INPUT BUSCADOR */
.header-search input{
  height:32px;
}

/* BOTON BUSCAR */
.header-search button{
  height:32px;
}
/* ===== LIVE PRO ===== */

.live-body{
    margin:0;
    background:#000;
    font-family:Arial, sans-serif;
}

.live-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    padding:20px;
}

/* LOGO CON EFECTO */
.live-logo img{
    max-height:80px;
    margin-bottom:15px;

    filter: drop-shadow(0 0 10px rgba(0,150,255,0.7));
    animation: glowLogo 2s ease-in-out infinite alternate;
}

@keyframes glowLogo{
    from{
        filter: drop-shadow(0 0 5px rgba(0,150,255,0.5));
    }
    to{
        filter: drop-shadow(0 0 20px rgba(0,150,255,1));
    }
}

/* EN VIVO */
.live-indicator{
    color:#fff;
    font-size:18px;
    font-weight:bold;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:8px;
}

.live-indicator .dot{
    width:10px;
    height:10px;
    background:red;
    border-radius:50%;
    animation:pulse 1s infinite;
}

@keyframes pulse{
    0%{opacity:1;}
    50%{opacity:0.3;}
    100%{opacity:1;}
}

/* PLAYER */
.live-player{
    width:100%;
    max-width:1100px;
}

.live-player video{
    width:100%;
    height:auto;
    border-radius:10px;
    box-shadow:0 0 30px rgba(0,0,0,0.8);
}
/* ===== FONDO PREMIUM ===== */

.live-body{
    position:relative;
    overflow-x:hidden;
    background:radial-gradient(circle at center, #0a0a0a 0%, #000 80%);
}

/* CAPA 1 – LUZ SUAVE */
.live-body::before{
    content:"";
    position:fixed;
    top:0;
    left:-100%;
    width:200%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent 30%,
        rgba(0,120,255,0.05) 45%,
        rgba(0,120,255,0.12) 50%,
        rgba(0,120,255,0.05) 55%,
        transparent 70%
    );
    animation:premiumLight 12s linear infinite;
    z-index:0;
}

/* CAPA 2 – GLOW DIFUSO */
.live-body::after{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle at 70% 30%, rgba(0,150,255,0.08), transparent 60%);
    animation:ambientMove 18s ease-in-out infinite alternate;
    z-index:0;
}

/* MOVIMIENTO SUAVE */
@keyframes premiumLight{
    0%{transform:translateX(0);}
    100%{transform:translateX(50%);}
}

/* AMBIENTE */
@keyframes ambientMove{
    0%{
        transform:translate(0,0);
        opacity:0.6;
    }
    100%{
        transform:translate(-40px, 30px);
        opacity:1;
    }
}

/* CONTENEDOR */
.mas-leidas-pro{
  position:relative;
  padding-left:25px;
}

/* 🔴 LÍNEA VERTICAL ÚNICA */
.mas-leidas-pro::before{
  content:'';
  position:absolute;
  left:8px;
  top:0;
  bottom:0;
  width:2px;
  background:#ddd;
}

/* ITEM */
.mas-item-pro{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  text-decoration:none;
  position:relative;
}

/* 🔴 CÍRCULO ROJO */
.mas-item-pro::before{
  content:'';
  position:absolute;
  left:-17px;
  top:10px;
  width:10px;
  height:10px;
  background:#e60023;
  border-radius:50%;
  z-index:2;
}

/* HOVER */
.mas-item-pro:hover::before{
  transform:scale(1.2);
  transition:0.2s;
}
.mas-leidas-pro{
  font-family:Arial, sans-serif;
}

.mas-leidas-pro h3{
  font-size:18px;
  margin-bottom:15px;
}

.mas-item-pro{
  display:block;
  padding:10px 0;
  border-bottom:1px solid #eee;
  text-decoration:none;
}

.mas-item-pro p{
  font-size:14px;
  font-weight:600;
  color:#111;
  margin:0;
}

.views{
  font-size:12px;
  color:#777;
  display:inline-block;
  margin-right:5px;
}

.badge-trending{
  background:#e60023;
  color:#fff;
  font-size:10px;
  padding:2px 6px;
  border-radius:4px;
}
/* ===== HEADER BASE ===== */
.site-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:#fff;
  transition:all 0.35s ease;
}

/* CONTENIDO */
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:18px 0;
  transition:all 0.3s ease;
}

/* LOGO */
.site-branding img{
  height:60px;
  transition:all 0.3s ease;
}

/* ===== EFECTO SCROLL PRO ===== */
.site-header.scrolled{
  background:#ffffffee;
  backdrop-filter:blur(8px);
  box-shadow:0 4px 20px rgba(0,0,0,0.08);
}

/* REDUCE ALTURA */
.site-header.scrolled .header-inner{
  padding:8px 0;
}

/* LOGO MÁS CHICO */
.site-header.scrolled .site-branding img{
  height:40px;
}

/* BOTÓN EN VIVO */
.live-btn-header{
  font-weight:700;
  color:#fff;
  background:#e60023;
  padding:6px 12px;
  border-radius:20px;
  display:flex;
  align-items:center;
  gap:6px;
  text-decoration:none;
}

/* DOT EN VIVO */
.live-dot{
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
  animation:pulse 1.5s infinite;
}

/* ANIMACIÓN */
@keyframes pulse{
  0%{opacity:1;}
  50%{opacity:0.3;}
  100%{opacity:1;}
}

:root{
  --color-principal:#0b5ed7;
  --color-principal-hover:#084298;
}

.post-content a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#0b5ed7;
  color:#fff !important;
  padding:12px 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  margin:12px 0;
  font-size:0; /* OCULTA URL */
  transition:0.2s;
}

.post-content a::before{
  content:"📝 Acceder al enlace";
  font-size:15px;
}

.post-content a:hover{
  background:#084298;
}
/* TOP BAR SHARE PRO */

.top-left{
  font-size:17px;
  font-weight:600;
}

.share-top{
  display:flex;
  gap:14px;
}

.share-top a{
  color:#444;
  font-size:17px;
  text-decoration:none;
  transition:.2s;
}

.share-top a:hover{
  color:#0073e6;
  transform:scale(1.15);
}
/* =========================================
   META + SHARE PRO
========================================= */

.share-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:15px;
  padding-bottom:8px;
  border-bottom:1px solid #eee;
}

/* FECHA */
.meta-left{
  font-size:15px;
  font-weight:600;
  color:#555;
  display:flex;
  align-items:center;
  gap:6px;
}

/* ICONOS */
.meta-right{
  display:flex;
  gap:12px;
}

.meta-right a{
  color:#444;
  font-size:16px;
  text-decoration:none;
  transition:.2s;
}

.meta-right a:hover{
  color:#0073e6;
  transform:scale(1.15);
}

/* MOBILE */
@media(max-width:768px){
  .share-meta{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
}
/* =========================
   FOOTER PRO
========================= */

.site-footer{
  background:#0a0a0a;
  color:#fff;
  padding:40px 0 20px;
}

/* GRID */
.footer-inner{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:40px;
}

/* TEXTOS */
.footer-col h3{
  margin-bottom:10px;
  font-size:16px;
}

.footer-col p{
  color:#bbb;
  font-size:14px;
  line-height:1.5;
}

/* LINKS */
.footer-col ul{
  list-style:none;
  padding:0;
}

.footer-col ul li{
  margin-bottom:6px;
}

.footer-col ul li a{
  color:#ccc;
  text-decoration:none;
  transition:.2s;
}

.footer-col ul li a:hover{
  color:#fff;
}

/* 🔥 REDES GRANDES */
.footer-social{
  margin-top:15px;
  display:flex;
  gap:15px;
}

.footer-social a{
  font-size:22px; /* 👈 MÁS GRANDE */
  color:#bbb;
  transition:.3s;
}

.footer-social a:hover{
  color:#00aaff;
  transform:scale(1.2);
}

/* COPYRIGHT */
.footer-bottom{
  text-align:center;
  margin-top:30px;
  font-size:13px;
  color:#777;
  border-top:1px solid #222;
  padding-top:15px;
}

/* MOBILE */
@media(max-width:900px){
  .footer-inner{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-social{
    justify-content:center;
  }
}
/* FOOTER REDES MEJORADAS */
.footer-social{
  margin-top:15px;
  display:flex;
  gap:16px;
}

.footer-social a{
  font-size:22px;
  color:#bbb;
  transition:.3s;
}

.footer-social a:hover{
  color:#00aaff;
  transform:scale(1.2);
}
/* =========================================
   FIX FOOTER GRID + PUBLICIDAD
========================================= */

.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:30px;
}

/* columna publicidad */
.footer-ad{
  display:block;
  width:100%;
}

.footer-ad img{
  width:100%;
  height:auto;
  display:block;
}

/* evita que se esconda */
.footer-col{
  min-width:0;
}
.footer-ad img{
  width:100%;
  height:auto;
  display:block;
}
/* REDES NUEVAS (SIN ROMPER NADA) */

.footer-social{
  display:flex;
  gap:14px;
  margin-top:10px;
}

.footer-social a{
  font-size:20px;
  color:#bbb;
  text-decoration:none;
  transition:.3s;
}

.footer-social a:hover{
  color:#00aaff;
  transform:scale(1.15);
}
/* =========================================
   FIX FOOTER PUBLICIDAD (REAL)
========================================= */

.footer-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr); /* 🔥 fuerza 4 columnas */
  gap:25px;
}

/* columna newsletter/publicidad */
.footer-grid .footer-col{
  width:100%;
}

/* PUBLICIDAD */
.footer-ad{
  width:100%;
  margin-top:15px;
}

.footer-ad img{
  width:100%;
  height:auto;
  display:block;
}
.footer-social a{
  font-size:20px;
  color:#bbb;
  margin-right:10px;
  transition:.3s;
}

.footer-social a:hover{
  color:#00aaff;
  transform:scale(1.1);
}

/* FIX POSICIÓN */
.thumb-wrapper{
  position:relative;
  overflow:hidden;
}

/* =========================================
   VIDEO ICON CLEAN FINAL
========================================= */

.video-icon{

    position:absolute;

    top:12px;

    right:12px;

    width:34px;

    height:34px;

    border-radius:50%;

    background:rgba(255,255,255,.95);

    z-index:50;

    box-shadow:0 2px 10px rgba(0,0,0,.15);

    font-size:0 !important;

    overflow:hidden;

}

/* ELIMINA TODO LO INTERNO */
.video-icon *{
    display:none !important;
}

/* ELIMINA AFTER */
.video-icon::after{
    display:none !important;
    content:none !important;
}

/* PLAY NUEVO */
.video-icon::before{

    content:"";

    position:absolute;

    left:12px;
    top:11px;

    width:0;
    height:0;

    border-left:10px solid #0077cc;

    border-top:6px solid transparent;

    border-bottom:6px solid transparent;

}

/* HOVER */
.thumb-wrapper:hover .video-icon{
  transform:scale(1.1);
  background:#fff;
}

/* =========================
   MENU HOVER PRO
========================= */

.menu-list li a{
  display:block;
  padding:12px 10px;
  color:#111;
  font-weight:600;
  border-radius:6px;
  transition:all 0.25s ease;
}

/* HOVER */
.menu-list li a:hover{
  background:#e9f2ff; /* azul muy suave */
  color:#0077cc; /* azul del sitio */
  padding-left:14px; /* efecto desplazamiento */
}

/* ACTIVO (cuando estás en esa categoría) */
.menu-list li.current-menu-item a,
.menu-list li.current_page_item a{
  background:#0077cc;
  color:#fff;
}

/* EFECTO LINEA IZQUIERDA (PRO) */
.menu-list li a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:60%;
  background:#0077cc;
  transition:0.25s;
  border-radius:2px;
}

/* ACTIVAR LINEA */
.menu-list li a:hover::before{
  width:4px;
}

/* IMPORTANTE */
.menu-list li{
  position:relative;
}
/* =========================
   SEARCH PRO
========================= */

.search-header h1{
  font-size:26px;
  margin-bottom:20px;
}

/* GRID */
.search-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

/* ITEM */
.search-item{
  display:block;
  border-bottom:1px solid #eee;
  padding-bottom:15px;
}

/* IMAGEN */
.search-thumb img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:6px;
}

/* CONTENIDO */
.search-content h2{
  font-size:18px;
  margin:10px 0 5px;
  color:#111;
}

.search-content p{
  font-size:14px;
  color:#555;
}

/* LINKS */
.search-item a{
  text-decoration:none;
  color:inherit;
}

/* HOVER */
.search-item:hover h2{
  color:#0077cc;
}

/* PAGINACION */
.search-pagination{
  margin:30px 0;
  text-align:center;
}

/* MOBILE */
@media(max-width:900px){
  .search-grid{
    grid-template-columns:1fr;
  }
}
/* =========================
   LIVE SEARCH PRO
========================= */

.header-search{
  position:relative;
}

#live-search-results{
  position:absolute;
  top:40px;
  right:0;
  width:350px;
  background:#fff;
  box-shadow:0 8px 25px rgba(0,0,0,0.1);
  border-radius:8px;
  z-index:9999;
  overflow:hidden;
}

/* ITEM */
.live-search-item{
  border-bottom:1px solid #eee;
}

.live-search-item a{
  display:flex;
  gap:10px;
  padding:10px;
  text-decoration:none;
  color:#111;
}

/* IMAGEN */
.live-search-item img{
  width:60px;
  height:60px;
  object-fit:cover;
  border-radius:4px;
}

/* TEXTO */
.live-search-text p{
  font-size:14px;
  margin:0;
  font-weight:600;
}

.live-search-text span{
  font-size:12px;
  color:#777;
}

/* HOVER */
.live-search-item:hover{
  background:#f5f9ff;
}

/* SIN RESULTADOS */
.no-results{
  padding:10px;
  font-size:14px;
}
/* =========================
   🚀 PERFORMANCE PRO
========================= */

/* evita saltos de imagen (CLS) */
img{
  height:auto;
  max-width:100%;
}

/* mejora render en navegador moderno */
img{
  content-visibility:auto;
}

/* mejora estabilidad layout */
.top-image img,
.bottom-image img,
.section-post img{
  width:100%;
  height:auto;
  display:block;
}
/* =========================
   FIX IMAGENES SIN ROMPER
========================= */

.top-image img,
.bottom-image img,
.section-post img{
  width:100%;
  height:auto;
  display:block;
}

/* contenedores sin interferir */
.top-image,
.bottom-image,
.thumb-wrapper{
  position:relative;
}
.share-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  margin-right:8px;
  border-radius:50%;
  background:#f1f1f1;
  transition:0.3s;
}

.share-icon svg{
  width:18px;
  height:18px;
  fill:#111;
}

/* HOVER PRO */
.share-icon:hover{
  transform:scale(1.1);
}

/* COLORES POR RED */
.share-icon:nth-child(1):hover svg{ fill:#25D366; } /* WhatsApp */
.share-icon:nth-child(2):hover svg{ fill:#1877F2; } /* Facebook */
.share-icon:nth-child(3):hover svg{ fill:#000; }    /* X */
.share-icon:nth-child(4):hover svg{ fill:#0088cc; } /* Telegram */
/* META BAR */
.post-meta-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:10px 0 15px;
  border-bottom:1px solid #eee;
  padding-bottom:8px;
}

/* FECHA */
.post-date{
  font-size:14px;
  color:#0073ff;
  font-weight:600;
}

/* REDES */
.post-share{
  display:flex;
  gap:8px;
}

.share-icon{
  display:inline-block;
  font-size:12px;
  padding:6px 8px;
  background:#f1f1f1;
  border-radius:4px;
  color:#111;
  font-weight:bold;
  transition:0.2s;
}

.share-icon:hover{
  background:#0073ff;
  color:#fff;
}

/* CAPTION */
.image-caption{
  font-size:13px;
  color:#666;
  margin-top:6px;
  border-left:3px solid #0073ff;
  padding-left:8px;
}

/* MOBILE */
@media(max-width:768px){
  .post-meta-bar{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
}
/* =========================================
   🔥 FIX META SINGLE FINAL (LIMPIO Y PRO)
========================================= */

/* CONTENEDOR */
.post-meta-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:12px 0 18px;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  flex-wrap:wrap;
}

/* FECHA */
.post-meta-bar .meta-left{
  font-size:15px;
  font-weight:600;
  color:#0077cc;
  display:flex;
  align-items:center;
  gap:6px;
}

/* REDES */
.post-meta-bar .meta-right{
  display:flex;
  gap:10px;
}

/* BOTONES REDES */
.post-meta-bar .meta-right a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  background:#f5f5f5;
  border-radius:50%;
  transition:0.25s;
}

/* SVG */
.post-meta-bar .meta-right svg{
  width:16px;
  height:16px;
  fill:#333;
  transition:0.25s;
}

/* HOVER PRO */
.post-meta-bar .meta-right a:hover{
  transform:scale(1.1);
  background:#e9f2ff;
}

/* COLORES POR RED */
.post-meta-bar .meta-right a:nth-child(1):hover svg{ fill:#25D366; }
.post-meta-bar .meta-right a:nth-child(2):hover svg{ fill:#1877F2; }
.post-meta-bar .meta-right a:nth-child(3):hover svg{ fill:#000; }
.post-meta-bar .meta-right a:nth-child(4):hover svg{ fill:#0088cc; }

/* MOBILE */
@media(max-width:768px){
  .post-meta-bar{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* =========================================
   🔥 CAPTION PRO (IMAGEN)
========================================= */

.image-caption{
  font-size:13px;
  color:#666;
  margin-top:6px;
  border-left:3px solid #0077cc;
  padding-left:10px;
  font-style:italic;
}

/* =========================================
   🔥 FIX CONFLICTOS (NO ROMPER NADA)
========================================= */

/* neutraliza estilos viejos duplicados */
.post-share,
.share-icon{
  all:unset;
}
/* ICONOS SHARE PRO IGUAL TOP BAR */

.meta-right{
  display:flex;
  gap:10px;
}

/* BOTONES */
.share-icon{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f1f1f1;
  cursor:pointer;
  border:none;
  transition:0.25s;
}

/* SVG */
.share-icon svg{
  width:18px;
  height:18px;
  fill:#444;
}

/* HOVER PRO */
.share-icon:hover{
  transform:scale(1.1);
  background:#e9f2ff;
}

/* COLORES */
.share-icon:nth-child(1):hover svg{ fill:#25D366; }
.share-icon:nth-child(2):hover svg{ fill:#1877F2; }
.share-icon:nth-child(3):hover svg{ fill:#000; }
.share-icon:nth-child(4):hover svg{ fill:#0088cc; }

/* COPY */
.copy-link{
  font-size:16px;
}
/* =========================================
   📱 MOBILE PRO (NO ROMPE NADA)
========================================= */

@media (max-width:768px){

  body{
    font-size:15px;
  }

  .wrap{
    padding:12px;
  }

  .hero{
    padding:16px;
    border-radius:16px;
  }

  .hero h1{
    font-size:24px;
    line-height:1.2;
  }

  .hero p{
    font-size:14px;
    line-height:1.5;
  }

  .hero-actions{
    gap:8px;
  }

  .hero-btn{
    padding:12px;
    font-size:14px;
    border-radius:10px;
  }

  .card, .small-card{
    padding:12px;
    font-size:14px;
  }

  h3{
    font-size:16px;
    margin-bottom:8px;
  }

  /* GRID YA LO TENÉS PERO MEJORADO */
  .news-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  /* BOTÓN VER MÁS */
  #load-more{
    padding:14px;
    font-size:15px;
  }

}
/* FIX GLOBAL SCROLL HORIZONTAL */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}
@media (max-width:768px){

  .header-inner{
    flex-wrap: wrap;
  }

  .site-branding{
    width:100%;
    text-align:center;
  }

  .site-branding img{
    max-width:180px;
    height:auto;
  }

  .search-form{
    width:100%;
    margin-top:10px;
  }

  .search-form input{
    width:100%;
  }

}
img{
  max-width:100%;
  height:auto;
}
/* =========================================
   🔥 HERO PORTAL PROFESIONAL
========================================= */

.hero-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;

    margin-top:15px;
    margin-bottom:25px;
}

/* PRINCIPAL */
.hero-main{
    position:relative;
}

.hero-image{
    position:relative;
    overflow:hidden;
    border-radius:14px;
}

.hero-image img{
    width:100%;
    height:620px;

    object-fit:cover;
    display:block;

    transition:0.3s;
}

/* LATERAL */
.hero-side{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.hero-side-post{
    position:relative;
}

.hero-side-image{
    position:relative;
    overflow:hidden;
    border-radius:14px;
}

.hero-side-image img{
    width:100%;
    height:300px;

    object-fit:cover;
    display:block;

    transition:0.3s;
}

/* OVERLAY */
.hero-overlay{
    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.75),
        rgba(0,0,0,0.15),
        transparent
    );
}

/* TEXTO */
.hero-content{
    position:absolute;

    left:25px;
    right:25px;
    bottom:25px;

    z-index:2;
}

.hero-title{
    color:#fff;

    font-size:44px;
    line-height:1.1;

    font-weight:800;

    margin:0;

    text-shadow:0 2px 10px rgba(0,0,0,0.4);
}

/* TITULOS LATERALES */
.hero-side-content{
    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    z-index:2;
}

.hero-side-content h2{
    color:#fff;

    font-size:28px;
    line-height:1.15;

    font-weight:800;

    margin:0;

    text-shadow:0 2px 10px rgba(0,0,0,0.4);
}

/* HOVER */
.hero-main:hover img,
.hero-side-post:hover img{
    transform:scale(1.03);
}


/* MOBILE */
@media(max-width:992px){

    .hero-grid{
        grid-template-columns:1fr;
    }

    .hero-image img{
        height:420px;
    }

    .hero-side-image img{
        height:240px;
    }

    .hero-title{
        font-size:30px;
    }

    .hero-side-content h2{
        font-size:22px;
    }

}

@media(max-width:768px){

    .hero-image img{
        height:300px;
    }

    .hero-side-image img{
        height:220px;
    }

    .hero-title{
        font-size:24px;
    }

    .hero-side-content h2{
        font-size:19px;
    }

}
/* =========================================
   🔥 HEADER FINAL LIMPIO
========================================= */

/* TOP BAR */
.top-bar{
  position:relative;
  z-index:9999;
}

/* HEADER */
.site-header{
  position:sticky;
  top:0;
  z-index:99999;
  background:#fff;
  transition:all .3s ease;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
}

/* HEADER INTERNO */
.header-inner{
  min-height:90px;
  transition:all .3s ease;
}

/* SCROLL */
.site-header.scrolled{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  box-shadow:0 4px 18px rgba(0,0,0,.10);
}

/* HEADER MÁS CHICO */
.site-header.scrolled .header-inner{
  min-height:58px;
}

/* LOGO */
.custom-logo{
  max-height:60px;
  transition:all .3s ease;
}

.site-header.scrolled .custom-logo{
  max-height:40px;
}

/* BUSCADOR */
.site-header.scrolled .header-search{
  transform:scale(.92);
}

/* BOTÓN EN VIVO */
.site-header.scrolled .live-btn-header{
  transform:scale(.88);
}

/* MENU */
.site-header.scrolled .menu-toggle{
  transform:scale(.88);
}

/* MOBILE */
@media(max-width:768px){

  .header-inner{
    min-height:74px;
  }

  .site-header.scrolled .header-inner{
    min-height:54px;
  }

  .site-header.scrolled .custom-logo{
    max-height:34px;
  }

}
/* =========================================
   🔥 CARDS PORTAL PRO
========================================= */

.news-card{
    position:relative;

    overflow:hidden;

    border-radius:14px;

    background:#000;
}

/* IMAGEN */
.news-card img{

    width:100%;
    height:240px;

    object-fit:cover;

    display:block;

    transition:0.4s ease;
}

/* OVERLAY */
.news-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.78),
        rgba(0,0,0,0.18),
        transparent
    );

    z-index:1;
}

/* CONTENIDO */
.news-card-content{

    position:absolute;

    left:16px;
    right:16px;
    bottom:16px;

    z-index:2;
}

/* TITULO */
.news-card-title{

    color:#fff;

    font-size:24px;

    line-height:1.15;

    font-weight:800;

    margin:0;

    text-shadow:0 2px 10px rgba(0,0,0,0.4);
}

/* HOVER */
.news-card:hover img{

    transform:scale(1.05);
}

/* MOBILE */
@media(max-width:768px){

    .news-card img{
        height:220px;
    }

    .news-card-title{
        font-size:20px;
    }

}
/* =========================================
   🔥 CARDS PREMIUM FINAL
========================================= */

/* CARD */
.news-card{
    position:relative;
    overflow:hidden;
    border-radius:14px;
    background:#000;
}

/* IMAGEN */
.news-card img{
    width:100%;
    height:320px; /* MÁS GRANDE */

    object-fit:cover;

    display:block;

    transition:0.4s ease;
}

/* OVERLAY */
.news-card::before{
    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.82),
        rgba(0,0,0,0.20),
        transparent
    );

    z-index:1;
}

/* CONTENIDO */
.news-card-content{
    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    z-index:2;
}

/* TITULO */
.news-card-title{
    color:#fff !important;

    font-size:26px;

    line-height:1.15;

    font-weight:800;

    margin:0;

    text-shadow:0 2px 10px rgba(0,0,0,0.5);

    transition:none !important;
}

/* NO CAMBIA COLOR */
.news-card:hover .news-card-title{
    color:#fff !important;
}

/* HOVER SOLO IMAGEN */
.news-card:hover img{
    transform:scale(1.05);
}

/* SECCIONES MÁS CHICAS */
.section-post.news-card img{
    height:240px;
}

.section-post .news-card-title{
    font-size:20px;
}

/* MOBILE */
@media(max-width:768px){

    .news-card img{
        height:250px;
    }

    .news-card-title{
        font-size:21px;
    }

    .section-post.news-card img{
        height:200px;
    }

}
/* =========================================
   🔥 TITULOS BLANCOS FIJOS
========================================= */

.news-card-title,
.news-card-title:hover,
.news-card a,
.news-card a:hover,
.section-post .news-card-title,
.section-post .news-card-title:hover{

    color:#fff !important;

    text-decoration:none !important;
}

/* SIN CAMBIO EN HOVER */
.news-card:hover .news-card-title{
    color:#fff !important;
}
/* =========================================
   🔥 PORTADA CARDS PREMIUM
========================================= */

/* GRID ABAJO */
.home-bottom{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    margin-top:22px;
}

/* CARD */
.home-bottom .news-card{
    position:relative;

    overflow:hidden;

    border-radius:14px;

    background:#000;
}

/* IMAGEN */
.home-bottom .news-card img{

    width:100%;

    height:300px; /* MÁS GRANDES */

    object-fit:cover;

    display:block;

    transition:0.4s ease;
}

/* OVERLAY */
.home-bottom .news-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.82),
        rgba(0,0,0,0.20),
        transparent
    );

    z-index:1;
}

/* CONTENIDO */
.home-bottom .news-card-content{

    position:absolute;

    left:16px;
    right:16px;
    bottom:16px;

    z-index:3;
}

/* TITULOS */
.home-bottom .news-card-title{

    color:#fff !important;

    font-size:18px;

    line-height:1.12;

    font-weight:800;

    margin:0;

    text-shadow:0 2px 12px rgba(0,0,0,0.6);

    transition:none !important;
}

/* LINKS */
.home-bottom .news-card a,
.home-bottom .news-card a:hover{

    color:#fff !important;

    text-decoration:none !important;
}

/* HOVER */
.home-bottom .news-card:hover img{

    transform:scale(1.05);
}

/* MOBILE */
@media(max-width:768px){

    .home-bottom{

        grid-template-columns:1fr 1fr;
    }

    .home-bottom .news-card img{

        height:220px;
    }

    .home-bottom .news-card-title{

        font-size:18px;
    }

}
/* =========================================
   🔥 ESPACIOS PUBLICIDAD
========================================= */

/* PUBLICIDAD */
.home-ad,
.horizontal-ad{

    margin-top:30px;

    margin-bottom:40px;
}

/* IMAGEN PUBLICIDAD */
.home-ad img,
.horizontal-ad img{

    display:block;

    width:100%;

    border-radius:12px;
}

/* SECCIONES */
.home-section{

    margin-top:35px;
}
/* =========================================
   🔥 MENU LATERAL FIX
========================================= */

/* MENU ABIERTO */
.side-menu{
    z-index:999999;
}

/* BOTON HAMBURGUESA */
.menu-toggle{
    z-index:1;
}

/* OCULTAR HAMBURGUESA CUANDO ABRE */
.side-menu.active ~ .site-header .menu-toggle{
    opacity:0;
    visibility:hidden;
}
/* =========================================
   🔥 MENU LATERAL SCROLL FIX
========================================= */

.side-menu{

    overflow-y:auto;

    max-height:100vh;

    padding-bottom:80px;
}

/* LISTA */
.menu-list{

    display:flex;

    flex-direction:column;

    gap:8px;
}

/* ITEMS */
.menu-list li{

    display:block;
}
/* =========================================
    background:#000;
}

.espectaculo-side-card img{

    width:100%;
    height:250px;

    object-fit:cover;

    transition:.4s ease;
}

.espectaculo-side-card:hover img{

    transform:scale(1.05);
}

.espectaculo-side-card h3{

    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    z-index:2;

    color:#fff !important;

    font-size:24px;

    line-height:1.1;

    font-weight:800;

    margin:0;

    text-shadow:0 3px 15px rgba(0,0,0,.6);
}

/* MOBILE */
@media(max-width:768px){

    .espectaculos-grid{

        grid-template-columns:1fr;
    }

    .espectaculo-main{

        min-height:420px;
    }

    .espectaculo-main img{

        height:420px;
    }

    .espectaculo-title{

        font-size:32px;
    }

}
/* =========================================
   🎭 ESPECTÁCULOS PREMIUM FINAL
========================================= */

/* TITULO */
.section-espectaculos{

    background:linear-gradient(
        90deg,
        #ff0080,
        #ff5f6d,
        #ffc371
    );

    color:#fff;

    border-radius:14px;

    padding:14px 22px;

    font-size:28px;

    font-weight:900;

    margin-bottom:24px;

    box-shadow:0 4px 20px rgba(255,0,128,.25);

    position:relative;

    overflow:hidden;
}

.section-espectaculos::after{

    content:"✨";

    position:absolute;

    right:20px;
    top:50%;

    transform:translateY(-50%);

    font-size:28px;

    opacity:.9;
}

/* GRID */
.espectaculos-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:18px;

    margin-bottom:25px;
}

/* PRINCIPAL */
.espectaculo-main{

    position:relative;

    border-radius:18px;

    overflow:hidden;

    background:#000;

    min-height:520px;
}

/* IMAGEN PRINCIPAL */
.espectaculo-main img{

    width:100%;

    height:520px;

    object-fit:contain;

    background:#000;

    transition:.5s ease;
}

/* HOVER */
.espectaculo-main:hover img{

    transform:scale(1.03);
}

/* OVERLAY */
.espectaculo-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.92),
        rgba(0,0,0,.25),
        transparent
    );

    z-index:1;
}

/* CONTENIDO */
.espectaculo-content{

    position:absolute;

    left:26px;
    right:26px;
    bottom:26px;

    z-index:2;
}

/* TAG */
.espectaculo-tag{

    display:inline-block;

    background:#ff0080;

    color:#fff;

    padding:7px 15px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    margin-bottom:14px;

    text-transform:uppercase;

    letter-spacing:.5px;
}

/* TITULO */
.espectaculo-title{

    color:#fff !important;

    font-size:46px;

    line-height:1.03;

    font-weight:900;

    margin:0;

    text-shadow:0 4px 20px rgba(0,0,0,.6);
}

/* LATERALES */
.espectaculo-side{

    display:flex;

    flex-direction:column;

    gap:18px;
}

/* CARD */
.espectaculo-side-card{

    position:relative;

    overflow:hidden;

    border-radius:16px;

    background:#000;

    min-height:250px;
}

/* IMAGEN LATERAL */
.espectaculo-side-card img{

    width:100%;

    height:250px;

    object-fit:cover;

    transition:.4s ease;
}

/* HOVER */
.espectaculo-side-card:hover img{

    transform:scale(1.05);
}

/* TITULO LATERAL */
.espectaculo-side-card h3{

    position:absolute;

    left:18px;
    right:18px;
    bottom:18px;

    z-index:2;

    color:#fff !important;

    font-size:24px;

    line-height:1.1;

    font-weight:800;

    margin:0;

    text-shadow:0 3px 15px rgba(0,0,0,.6);
}

/* LINKS */
.espectaculo-main a,
.espectaculo-main a:hover,
.espectaculo-side-card a,
.espectaculo-side-card a:hover{

    color:#fff !important;

    text-decoration:none !important;
}

/* MOBILE */
@media(max-width:768px){

    .espectaculos-grid{

        grid-template-columns:1fr;
    }

    .espectaculo-main{

        min-height:420px;
    }

    .espectaculo-main img{

        height:420px;
    }

    .espectaculo-title{

        font-size:32px;
    }

    .espectaculo-side-card h3{

        font-size:20px;
    }

}
/* =========================================
   🔥 HEADER PREMIUM FINAL LIMPIO
========================================= */

/* TOP BAR */
.top-bar{
    position:relative;
    z-index:999;
    background:#eef5fb;
    border-bottom:1px solid #dfe8f1;
    padding:6px 0;
}

/* HEADER */
.site-header{
    position:sticky;
    top:0;
    z-index:9999;
    background:#fff;
    transition:all .3s ease;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

/* CONTENIDO HEADER */
.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    min-height:86px;

    transition:all .3s ease;
}

/* SCROLL */
.site-header.scrolled{
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

/* HEADER MÁS CHICO */
.site-header.scrolled .header-inner{
    min-height:62px;
}

/* LOGO */
.custom-logo{
    max-height:58px;
    transition:all .3s ease;
}

/* LOGO SCROLL */
.site-header.scrolled .custom-logo{
    max-height:42px;
}

/* BOTONES */
.site-header.scrolled .live-btn-header,
.site-header.scrolled .header-search,
.site-header.scrolled .menu-toggle{
    transform:scale(.94);
}

/* =========================================
   📖 BARRA LECTURA
========================================= */

.reading-progress{
    position:fixed;
    top:0;
    left:0;

    width:0%;

    height:4px;

    background:linear-gradient(
        90deg,
        #005bea,
        #00c6fb
    );

    z-index:999999;

    transition:width .1s linear;
}

/* MOBILE */
@media(max-width:768px){

    .header-inner{
        min-height:72px;
    }

    .site-header.scrolled .header-inner{
        min-height:56px;
    }

    .custom-logo{
        max-height:48px;
    }

    .site-header.scrolled .custom-logo{
        max-height:36px;
    }

}
/* =========================================
   📘 FACEBOOK PAGE SIDEBAR
========================================= */

.sidebar-facebook{

    margin-top:25px;

    background:#fff;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 3px 14px rgba(0,0,0,.06);
}

/* TITULO */
.sidebar-facebook h3{

    margin:0;

    padding:18px;

    font-size:22px;

    font-weight:800;

    color:#111;

    border-bottom:1px solid #eee;
}

/* CONTENEDOR */
.facebook-page-box{

    width:100%;

    overflow:hidden;

    background:#fff;
}

/* IFRAME */
.facebook-page-box iframe{

    display:block;

    width:100%;
}

/* MOBILE */
@media(max-width:768px){

    .sidebar-facebook h3{

        font-size:18px;

        padding:15px;
    }

}
/* PAGINA VERIFICADA */
.fb-verified{

    display:inline-block;

    margin:12px 18px;

    padding:6px 12px;

    background:#1877f2;

    color:#fff;

    border-radius:50px;

    font-size:13px;

    font-weight:700;
}
/* =========================================
   🌦 CLIMA
========================================= */

.top-center{

    display:flex;

    align-items:center;

    justify-content:center;
}

#clima-box{

    color:#0b4f8a;

    font-size:14px;

    font-weight:700;

    white-space:nowrap;
}

/* =========================================
   CATEGORIA + SUBCATEGORIA SINGLE
========================================= */

.single-taxonomy{

    display:inline-block;

    margin-bottom:12px;

    padding:7px 14px;

    background:#0077cc;

    color:#fff;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    line-height:1.2;

}
/* =========================================
   VIDEOS PAGE
========================================= */

.videos-page{

    margin-top:25px;
}

/* HEADER */

.videos-header{

    margin-bottom:30px;
}

.videos-header h1{

    font-size:42px;

    margin-bottom:8px;

    font-weight:900;
}

.videos-header p{

    color:#666;

    font-size:18px;
}

/* GRID */

.videos-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:22px;
}

/* CARD */

.video-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:
    0 4px 20px rgba(0,0,0,.06);

    transition:.3s ease;
}

.video-card:hover{

    transform:translateY(-4px);
}

/* LINK */

.video-card a{

    text-decoration:none;

    color:inherit;
}

/* THUMB */

.video-thumb{

    position:relative;

    overflow:hidden;
}

.video-thumb img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.4s;
}

.video-card:hover img{

    transform:scale(1.05);
}

/* PLAY */

.video-thumb .video-icon{

    position:absolute;

    top:14px;

    right:14px;

    width:42px;

    height:42px;

    border-radius:50%;

    background:rgba(255,255,255,.95);

    box-shadow:
    0 3px 12px rgba(0,0,0,.2);
}

.video-thumb .video-icon::before{

    content:"";

    position:absolute;

    left:16px;

    top:13px;

    width:0;
    height:0;

    border-left:12px solid #0077cc;

    border-top:7px solid transparent;

    border-bottom:7px solid transparent;
}

/* CONTENIDO */

.video-content{

    padding:16px;
}

.video-content h2{

    font-size:22px;

    line-height:1.2;

    margin:0 0 12px;

    font-weight:800;

    color:#111;
}

/* FECHA */

.video-meta{

    font-size:13px;

    color:#777;

    font-weight:600;
}

/* MOBILE */

@media(max-width:900px){

    .videos-grid{

        grid-template-columns:1fr;
    }

    .video-thumb img{

        height:220px;
    }

    .videos-header h1{

        font-size:30px;
    }

    .video-content h2{

        font-size:20px;
    }

}
/* =========================================
   HOME VIDEOS
========================================= */

.home-videos{

    margin:40px 0;
}

/* HEADER */

.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;
}

.section-header h2{

    font-size:30px;

    margin:0;

    font-weight:900;
}

.section-header a{

    color:#0077cc;

    text-decoration:none;

    font-weight:700;
}

/* GRID */

.videos-home-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:18px;
}

/* CARD */

.video-home-card{

    border-radius:14px;

    overflow:hidden;

    background:#fff;

    box-shadow:
    0 4px 18px rgba(0,0,0,.06);

    transition:.3s;
}

.video-home-card:hover{

    transform:translateY(-4px);
}

/* LINK */

.video-home-card a{

    text-decoration:none;

    color:inherit;
}

/* THUMB */

.video-home-thumb{

    position:relative;
}

.video-home-thumb img{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;
}

/* TITULO */

.video-home-card h3{

    font-size:18px;

    line-height:1.2;

    padding:14px;

    margin:0;

    color:#111;

    font-weight:800;
}

/* MOBILE */

@media(max-width:768px){

    .videos-home-grid{

        grid-template-columns:1fr 1fr;
    }

    .video-home-thumb img{

        height:180px;
    }

    .section-header h2{

        font-size:24px;
    }

}
.clima-pro{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:600;
}

.clima-separador{
    opacity:.6;
}

.clima-ciudad{
    white-space:nowrap;
    font-size:13px;
}

.top-bar{
    background:linear-gradient(
        90deg,
        #0d4b96,
        #082a57
    );
}

.top-bar,
.top-bar a{
    color:#fff;
}
.top-left,
.top-center,
.top-right,
#clima-box,
.clima-ciudad,
.top-bar a{
    color:#ffffff !important;
}

.top-center{
    font-weight:600;
}
.top-left,
.top-center,
.top-right,
.top-bar a,
#clima-box,
.clima-ciudad{
    color:#fff !important;
}

.clima-icon{
    color:#FFD54F;
}
#clima-box{
    color:#fff;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}

.top-center{
    display:flex;
    align-items:center;
    justify-content:center;
}
.top-center{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}

#clima-box{
    display:flex;
    align-items:center;
    font-weight:700;
    color:#0b4f8a;
}
/* CLIMA PRO */
.top-center{
    display:flex;
    align-items:center;
    justify-content:center;
}

#clima-box{
    display:flex;
    align-items:center;
    gap:8px;
    color:#0b4f8a;
    font-size:16px;
    font-weight:700;
    line-height:1;
}

#clima-box img{
    width:38px;
    height:38px;
    display:block;
}
#clima-box{
    display:flex;
    align-items:center;
    gap:6px;
    color:#ffffff; /* si la barra es azul */
    font-size:17px;
    font-weight:700;
    line-height:1;
}

#clima-box img{
    width:42px;
    height:42px;
    display:block;
}
.clima-ciudad{
    font-size:13px;
    font-weight:500;
    opacity:.85;
}
#clima-link{
    text-decoration:none;
    color:inherit;
}

#clima-link:hover{
    opacity:.85;
}
/* =========================
   MOBILE
========================= */

@media (max-width:768px){

    .top-inner{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        padding:8px 10px;
    }

    .top-left{
        font-size:13px;
        line-height:1.2;
        width:90px;
    }

    .top-center{
        flex:1;
        justify-content:center;
        font-size:14px;
    }

    .top-right{
        width:100%;
        justify-content:center;
        margin-top:5px;
    }

    .site-branding img{
        max-height:60px;
    }

    .header-inner{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        padding:10px;
    }

    .header-search{
        width:100%;
        order:3;
    }

    .header-search input{
        width:100%;
    }

    .live-btn-header{
        font-size:13px;
        padding:8px 14px;
    }

    #clima-pro h1{
        font-size:32px !important;
        line-height:1.2;
    }

}
#clima-box{
    display:flex;
    align-items:center;
    gap:8px;

    background:rgba(255,255,255,.15);

    padding:5px 12px;
    border-radius:30px;

    color:#ffffff;
    font-size:14px;
    font-weight:700;

    white-space:nowrap;
}
#clima-box img{
    width:42px;
    height:42px;
}
#clima-box{
    display:flex;
    align-items:center;
    gap:8px;
}

.clima-ciudad{
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}

/* CONFETI MUNDIAL */

.site-branding{
    position: relative;
    overflow: visible;
}

#confeti-mundial{
    position: absolute;
    top: 40px;
    left: 50%;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 999;
}

.confeti{
    position: absolute;
    width: 8px;
    height: 12px;
    border-radius: 2px;
    opacity: 0;
    animation: explosionConfeti 3s ease-out forwards;
}

@keyframes explosionConfeti{

    0%{
        transform: translate(0,0) rotate(0deg);
        opacity: 1;
    }

    100%{
        transform:
        translate(var(--x),var(--y))
        rotate(720deg);

        opacity: 0;
    }
}
/* =====================================
   MOBILE BOTTOM SHEET
===================================== */

#mobile-bottom-sheet{

    position:fixed;

    left:0;
    bottom:-300px;

    width:100%;

    background:#fff;

    box-shadow:0 -8px 30px rgba(0,0,0,.25);

    z-index:999999;

    transition:.45s ease;

    border-radius:18px 18px 0 0;

    overflow:hidden;
    
}

#mobile-bottom-sheet.show{

    bottom:0;

    animation:sheetBounce .4s ease;
}

.sheet-header{

    background:#003f8c;

    color:#fff;

    padding:10px 15px;

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:700;
}

.sheet-content{

    display:flex;

    gap:10px;

    padding:12px;
}

.sheet-content h3{

    margin:0;

    font-size:18px;

    line-height:1.2;
}

.sheet-cat{

    color:#d40000;

    font-size:12px;

    font-weight:700;

    display:block;

    margin-bottom:6px;
}

.sheet-close{

    position:absolute;

    right:12px;

    top:8px;

    background:none;

    border:none;

    color:#fff;

    font-size:22px;

    cursor:pointer;
}

.sheet-link{

    color:inherit;

    text-decoration:none;
}

@media(min-width:769px){

    #mobile-bottom-sheet{

        display:none;
    }

}
.sheet-logo{

    width:60px;

    height:auto;

    display:block;

    flex-shrink:0;

}

.sheet-content h3{

    font-size:18px;

    line-height:1.2;

    margin:0;

    color:#111;

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;
}

.sheet-content img{

    width:80px;

    height:80px;

    object-fit:cover;

    border-radius:8px;

    flex-shrink:0;

}
.sheet-title{

    color:#fff;

    font-size:18px;

    font-weight:700;

    line-height:1;
}
@keyframes sheetBounce{

    0%{
        transform:translateY(100%);
    }

    70%{
        transform:translateY(-8px);
    }

    100%{
        transform:translateY(0);
    }

}
.install-app-nav{

    display:none;

    background:#005bea;

    color:#fff !important;

    text-decoration:none !important;

    padding:10px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    align-items:center;

    justify-content:center;

    transition:.3s ease;

    margin-left:12px;

    box-shadow:0 2px 8px rgba(0,91,234,.25);
}

.install-app-nav:hover{

    background:#0046b8;

    color:#fff !important;

    text-decoration:none !important;
}
@media (max-width:768px){

    .top-bar{

        padding:8px 10px !important;

        min-height:auto;
    }

    .header-search{
        display:none;
    }

    .top-social,
    .social-icons,
    .header-social{

        display:none !important;
    }

}
/* MOBILE OPTIMIZACION */

@media (max-width:768px){

    .share-top{
        display:none !important;
    }

    .header-search{
        display:none !important;
    }

    .top-bar{
        padding:6px 10px !important;
    }

    .top-left{
        font-size:12px !important;
    }

}

@media (max-width:768px){

    .custom-logo{

        max-height:55px !important;

        width:auto;
    }

    .header-inner{

        min-height:70px;

        padding:8px 10px;
    }

}
/* =========================================
   MOBILE PORTADA PRO
========================================= */

@media(max-width:768px){

    .home-bottom .news-card-title{

        font-size:15px !important;

        line-height:1.2 !important;

        display:-webkit-box;

        -webkit-line-clamp:4;

        -webkit-box-orient:vertical;

        overflow:hidden;
    }

}
/* ======================================
   CATEGORIAS MOBILE PRO
====================================== */

@media(max-width:768px){

    .section-grid{

        display:grid !important;

        grid-template-columns:1fr !important;

        gap:15px !important;
    }

    .section-post{

        width:100% !important;
    }

    .section-post .thumb-wrapper{

        border-radius:18px;
        overflow:hidden;
    }

    .section-post img{

        height:220px !important;

        object-fit:cover;
    }

    .section-post .news-card-title{

        font-size:22px !important;

        line-height:1.15 !important;

        display:-webkit-box;

        -webkit-line-clamp:3;

        -webkit-box-orient:vertical;

        overflow:hidden;
    }

}
/* =========================================
   MOBILE FINAL
========================================= */

@media(max-width:768px){

    .section-post img{

        height:180px !important;

    }

}
@media(max-width:768px){

    .section-title{

        font-size:18px !important;

        padding:10px 15px !important;

        margin:25px 0 15px !important;

    }

}
/* =========================================
   MOBILE PORTADA URUGUAYENSES
========================================= */

@media(max-width:768px){

    /* Categorías */

    .section-title{

        font-size:18px !important;

        padding:10px 15px !important;

        margin:25px 0 15px !important;

        border-radius:12px;

    }

    /* Tarjetas */

    .section-post{

        margin-bottom:18px !important;

    }

    /* Imágenes */

    .section-post img{

        width:100% !important;

        height:170px !important;

        object-fit:cover;

        border-radius:18px;

    }

    /* Títulos */

    .section-post h3,
    .news-card-title{

        font-size:18px !important;

        line-height:1.15 !important;

        font-weight:700;

        display:-webkit-box;

        -webkit-line-clamp:3;

        -webkit-box-orient:vertical;

        overflow:hidden;

    }

    /* Espaciado */

    .section-post-content{

        padding:12px !important;

    }

}
@media(max-width:768px){

    .top-bar{
        display:none !important;
    }

}
@media(max-width:768px){

    .site-header,
    .main-header{

        padding:10px 15px !important;

        min-height:auto !important;
    }

    .header-logo img{

        max-height:55px !important;

        width:auto !important;
    }

}
@media(max-width:768px){

    .header-search,
    .search-form{

        display:none !important;
    }

}
@media(max-width:768px){

    .live-btn-header{

        margin:10px auto !important;

        display:flex !important;

        width:max-content;

    }

}