/*
Theme Name: Noticias del Cesar Child
Template: Newspaper
Author: Johana Avila
Description: Child theme de Newspaper para personalizaciones seguras del sitio Noticias del Cesar.
Version: 1.1
*/

/* ------------------------------------------------------------------
   NOTA DE DIAGNÓSTICO (16/08/2026):
   La regla anterior aquí apuntaba a img[alt="Contactar por WhatsApp"],
   pero el <img> real del botón de WhatsApp tiene alt="WhatsApp" y
   class="whatsapp-icon" — por eso esa regla NUNCA coincidió con el
   elemento real y el botón se veía gigante. Se elimina esa regla
   muerta; el tamaño correcto del ícono ahora lo controlan las reglas
   .whatsapp-icon migradas más abajo.
------------------------------------------------------------------- */


/* ====================================================================
   CSS MIGRADO DESDE: Apariencia → Personalizar → CSS adicional
   Migrado el 16/08/2026.

   MOTIVO: WordPress guarda el "CSS adicional" del Personalizador
   ligado al theme activo en el momento en que se guardó (internamente
   como un post "custom_css" cuyo slug es el nombre del tema). Todo
   este bloque se guardó mientras el tema padre "Newspaper" estaba
   activo. Al activar este child theme, WordPress dejó de servir ese
   CSS por completo (buscaba un registro bajo el slug del child, que
   no existía) — por eso el ícono de WhatsApp, los botones flotantes
   de redes, los fondos de secciones (elecciones, mundial, gestión
   pública), etc. perdieron su estilo sin que nadie tocara el código.

   Se copia aquí TAL CUAL estaba en el Personalizador, en el mismo
   orden, para preservar exactamente el mismo comportamiento de
   cascada que tenía antes. No se "limpia" ni se eliminan duplicados
   (por ejemplo hay dos definiciones de .whatsapp-icon y dos de
   .presidente-abelardo) para no arriesgar cambiar cuál regla gana.

   IMPORTANTE: además de este archivo, se recomienda TAMBIÉN volver a
   pegar este mismo bloque en Personalizar → CSS adicional mientras el
   child theme esté activo, como respaldo — así quedan dos copias
   independientes y ninguna futura activación/desactivación de tema
   vuelve a dejar el sitio sin estos estilos.
==================================================================== */

/* Menú */
.td-header-main-menu ul li a,
.tdb_header_menu ul li a,
.tdb-menu a {
    text-transform: capitalize !important;
}

/* Fondo noticias */

.fondo-noticias-home {
    background-image: url('https://noticiasdelcesar.com/wp-content/uploads/2026/07/banner-2da-vuelta-1-1-1.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 35px 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

.fondo-noticias-home::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.72);
    z-index: 1;
    pointer-events: none;
}

.fondo-noticias-home > * {
    position: relative;
    z-index: 2;
}

.presidente-abelardo {
    background-image: url('https://noticiasdelcesar.com/wp-content/uploads/2026/07/banner-2da-vuelta-1-1-1.png');
    background-size: cover;       /* La imagen se escala para cubrir todo */
    background-position: center;  /* Siempre centra la parte importante de la imagen */
    background-repeat: no-repeat;
    width: 100%;                  /* Ocupa todo el ancho de la página */
    height: 450px;                /* Ajusta la altura a tu gusto */
    display: block;
}

/* Ajustes para tablets */
@media (max-width: 1024px) {
    .presidente-abelardo {
        height: 350px;
    }
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .presidente-abelardo {
        height: 250px;
    }
}
/* Botones flotantes redes */
.redes-flotantes-nv {
    position: fixed !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999999999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.redes-flotantes-nv a {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #062414 !important; /* color oscuro página */
    border: 2px solid #b7d900 !important; /* verde limon página */
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
}

.redes-flotantes-nv a:hover {
    background: #b7d900 !important;
    color: #062414 !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .fondo-noticias-home {
        padding: 25px 15px !important;
        background-position: center top !important;
    }

    .redes-flotantes-nv {
        right: 12px !important;
    }

    .redes-flotantes-nv a {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
}

@media (max-width: 768px) {
    .fondo-noticias-home {
        padding: 20px 10px !important;
        background-position: center top !important;
    }

    .redes-flotantes-nv {
        right: 8px !important;
        top: auto !important;
        bottom: 80px !important;
        transform: none !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .redes-flotantes-nv a {
        width: 36px !important;
        height: 36px !important;
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    .fondo-noticias-home {
        padding: 15px 5px !important;
    }

    .redes-flotantes-nv a {
        width: 32px !important;
        height: 32px !important;
        font-size: 16px !important;
    }
}

/* Fondo Gestión Pública estilo sección elecciones */
.fondo-gestion-publica {
    background-image: url('https://noticiasdelcesar.com/wp-content/uploads/2026/05/perio-scaled.png');
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 35px 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

.fondo-gestion-publica::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.72); /* overlay semitransparente */
    z-index: 1;
    pointer-events: none;
}

.fondo-gestion-publica > * {
    position: relative;
    z-index: 2; /* asegura que el contenido aparezca encima */
}

/* Responsive */
@media (max-width: 1024px) {
    .fondo-gestion-publica {
        padding: 25px 15px !important;
        background-position: center top !important;
    }
}

@media (max-width: 768px) {
    .fondo-gestion-publica {
        padding: 20px 10px !important;
        background-position: center top !important;
    }
}

@media (max-width: 480px) {
    .fondo-gestion-publica {
        padding: 15px 5px !important;
    }
}

/* Banner Mundial */
.banner-mundial {
    position: relative;
    background-image: url('https://noticiasdelcesar.com/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-27-at-9.06.09-AM.jpeg'); /* reemplaza con tu imagen */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 50px 20px;
}

.banner-mundial .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55); /* overlay para mejorar legibilidad */
    z-index: 1;
}

.banner-mundial .contenido-banner {
    position: relative;
    z-index: 2;
}

.contador-mundial {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.contador-item {
    background: linear-gradient(#222, #000);
    border: 2px solid #c8a85a;
    border-radius: 8px;
    min-width: 110px;
    padding: 10px 8px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 0 12px rgba(0,0,0,0.6);
}

.contador-item span {
    display: block;
    font-size: 48px;
}

.contador-item small {
    display: block;
    font-size: 14px;
    color: #d6b46a;
}

.contador-separador {
    color: #fff;
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
}

/* Responsive */
@media (max-width: 1024px) {
    .banner-mundial {
        min-height: 400px;
        padding: 40px 15px;
    }
    .contador-item span { font-size: 40px; }
    .contador-item small { font-size: 12px; }
    .contador-separador { font-size: 40px; }
}

@media (max-width: 768px) {
    .banner-mundial {
        min-height: 350px;
        padding: 30px 10px;
    }
    .contador-item span { font-size: 32px; }
    .contador-item small { font-size: 10px; }
    .contador-separador { font-size: 32px; }
}

@media (max-width: 480px) {
    .banner-mundial {
        min-height: 300px;
        padding: 20px 5px;
    }
    .contador-item span { font-size: 28px; }
    .contador-item small { font-size: 10px; }
    .contador-separador { font-size: 28px; }
}

.whatsapp-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #25D366; /* color verde WhatsApp */
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    gap: 8px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
    transition: background 0.3s;
}

.whatsapp-banner:hover {
    background-color: #1ebe57;
}

.whatsapp-icon {
    width: 24px;
    height: 24px;
}

.whatsapp-label {
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 6px;
}

/* Contenedor estilo botón */
.header-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #25D366; /* verde WhatsApp */
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 25px;
  white-space: nowrap; /* evita salto de línea */
  max-width: 100%; /* que nunca se salga del contenedor */
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.3s ease;
}

.header-whatsapp-btn:hover {
  background-color: #1ebe57;
}

/* Icono */
.whatsapp-icon {
  width: 20px;
  height: 20px;
}

/* Adaptación responsive */
@media (max-width: 1024px) {
  .header-whatsapp-btn {
    font-size: 13px;
    padding: 7px 14px;
    gap: 8px;
  }
  .whatsapp-icon {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 768px) {
  .header-whatsapp-btn {
    font-size: 12px;
    padding: 6px 12px;
    gap: 6px;
  }
  .whatsapp-icon {
    width: 16px;
    height: 16px;
  }
}
/* PORTADA */
.nv-hero-fijadas {
    max-width: 1180px;
    margin: 0 auto 22px auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.nv-hero-fijadas-grid {
    display: grid;
    grid-template-columns: 1.38fr 1fr;
    gap: 34px;
    align-items: start;
}

.nv-hero-principal {
    grid-row: span 2;
}

.nv-hero-principal,
.nv-hero-secundaria {
    background: #ffffff;
    margin: 0;
    padding: 0;
}

.nv-hero-principal a,
.nv-hero-secundaria a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.nv-hero-imagen {
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
    position: relative;
}

.nv-hero-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Imagen grande izquierda */
.nv-hero-principal .nv-hero-imagen {
    height: 430px;
    border-radius: 8px;
}

/* Texto noticia grande */
.nv-hero-principal .nv-hero-contenido {
    padding-top: 22px;
}

.nv-hero-principal .nv-hero-categoria {
    display: block;
    color: #078b2f;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 9px;
}

.nv-hero-principal h1 {
    color: #000000;
    font-size: 31px;
    line-height: 1.08;
    font-weight: 900;
    margin: 0;
    padding: 0;
    letter-spacing: -0.4px;
}

/* Columna derecha */
.nv-hero-secundaria {
    display: inline-block;
    width: calc(50% - 14px);
    vertical-align: top;
    margin-bottom: 34px;
}

.nv-hero-secundaria:nth-child(2),
.nv-hero-secundaria:nth-child(4) {
    margin-right: 24px;
}

/* Imagen pequeña derecha */
.nv-hero-secundaria .nv-hero-imagen {
    height: 128px;
    border-radius: 8px;
}

/* Texto noticias pequeñas */
.nv-hero-secundaria .nv-hero-contenido {
    padding-top: 15px;
}

.nv-hero-secundaria .nv-hero-categoria {
    display: block;
    color: #078b2f;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 6px;
}

.nv-hero-secundaria h2 {
    color: #000000;
    font-size: 21px;
    line-height: 1.08;
    font-weight: 900;
    margin: 0 0 9px 0;
    padding: 0;
    letter-spacing: -0.2px;
}

.nv-hero-fecha {
    color: #777777;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
}

/* Para que no se vean líneas o estilos raros del tema */
.nv-hero-fijadas article,
.nv-hero-fijadas h1,
.nv-hero-fijadas h2,
.nv-hero-fijadas span,
.nv-hero-fijadas a {
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
    .nv-hero-fijadas-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .nv-hero-secundaria {
        width: calc(50% - 12px);
    }

    .nv-hero-secundaria:nth-child(2),
    .nv-hero-secundaria:nth-child(4) {
        margin-right: 20px;
    }
}

/* Celular */
@media (max-width: 768px) {
    .nv-hero-fijadas {
        padding: 0 15px;
    }

    .nv-hero-fijadas-grid {
        display: block;
    }

    .nv-hero-principal {
        margin-bottom: 28px;
    }

    .nv-hero-principal .nv-hero-imagen {
        height: 260px;
    }

    .nv-hero-principal h1 {
        font-size: 25px;
    }

    .nv-hero-secundaria {
        display: block;
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 26px;
    }

    .nv-hero-secundaria .nv-hero-imagen {
        height: 210px;
    }

    .nv-hero-secundaria h2 {
        font-size: 22px;
    }
}

.presidente-abelardo {
    background-image: url('https://noticiasdelcesar.com/wp-content/uploads/2026/06/hf_20260619_182528_dea54dfe-6013-4294-9f73-c7191a1798f5-1.png');
    background-size: cover;       /* La imagen se escala para cubrir todo */
    background-position: center;  /* Siempre centra la parte importante de la imagen */
    background-repeat: no-repeat;
    width: 100%;                  /* Ocupa todo el ancho de la página */
    height: 450px;                /* Ajusta la altura a tu gusto */
    display: block;
}

/* Ajustes para tablets */
@media (max-width: 1024px) {
    .presidente-abelardo {
        height: 350px;
    }
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .presidente-abelardo {
        height: 250px;
    }
}