/**
 * Overrides Tipografía - Villa del Totoral
 * 
 * Ajusta font-size de TODOS los componentes globales para compensar escala base 62.5%.
 * Con escala 62.5%: 1rem = 10px (en lugar de 16px estándar)
 * 
 * Se carga automáticamente en todas las páginas del template villatotoral.
 * Ubicación: /templates/villatotoral/assets/css/overrides-tipografia.css
 */

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

.subtitulo_seccion .seccion {
    font-size: 3rem; /* 30px (era 1.9rem = 19px) */
}

.btn-generico {
    font-size: 1.4rem; /* 14px (era 0.85rem = 8.5px) */
}

/* ========================================
   NOTICIAS - LISTADO
   ======================================== */

.titulo-seccion {
    font-size: 2.7rem; /* 27px (era 1.7rem = 17px) */
}

#noticias .noticia-card .card-title {
    font-size: 1.6rem; /* 16px (era 1rem = 10px) */
}

.btn-leer-mas {
    font-size: 1.3rem; /* 13px (era 0.8rem = 8px) */
}

/* ========================================
   NOTICIAS - AMPLIADA
   ======================================== */

#noticia_ampliada .fecha-noticia-ampliada {
    font-size: 1.5rem; /* 15px */
}

#noticia_ampliada .titulo-noticia-ampliada {
    font-size: 3.6rem; /* 36px */
}

#noticia_ampliada .resumen-noticia {
    font-size: 1.8rem; /* 18px */
}

#noticia_ampliada .desarrollo-noticia {
    font-size: 1.7rem; /* 17px */
}

/* ========================================
   NOTICIAS - SIDEBAR
   ======================================== */

.sidebar-titulo {
    font-size: 1.6rem; /* 16px */
}

.sidebar-noticia-titulo {
    font-size: 1.4rem; /* 14px */
}

.sidebar-noticia-fecha {
    font-size: 1.2rem; /* 12px */
}

/* ========================================
   COMPARTIR EN REDES
   ======================================== */

.compartir-redes span {
    font-size: 1.4rem; /* 14px */
}

.compartir-redes .btn {
    font-size: 1.6rem; /* 16px */
}

.compartir-redes-centrado span {
    font-size: 1.4rem; /* 14px */
}

/* ========================================
   BÚSQUEDA
   ======================================== */

#busqueda .titulo-seccion {
    font-size: 2.7rem; /* 27px */
}

#busqueda .texto-busqueda {
    font-size: 1.6rem; /* 16px */
}

#busqueda .buscador-input-group button.buscar {
    font-size: 1.9rem; /* 19px */
}

#busqueda .buscador-input-group input.form-control {
    font-size: 1.8rem; /* 18px */
}

#busqueda .btn-limpiar {
    font-size: 1.8rem; /* 18px */
}

#busqueda .contenedor-sugerencia .tipo_contenido {
    font-size: 1.1rem; /* 11px */
}

#busqueda .contenedor-sugerencia .titulo_resultado {
    font-size: 1.5rem; /* 15px */
}

#busqueda .contenedor-sugerencia::after {
    font-size: 1.8rem; /* 18px */
}

.resultado-icono {
    font-size: 2.8rem; /* 28px */
}

.resultado-tipo {
    font-size: 1.2rem; /* 12px */
}

.resultado-titulo {
    font-size: 1.5rem; /* 15px */
}

/* ========================================
   CAMPAÑAS
   ======================================== */

.campania-titulo-page {
    font-size: 2rem; /* 20px */
}

.campania-descripcion-page {
    font-size: 1.4rem; /* 14px */
}

#campanias .titulo-seccion {
    font-size: 2.7rem; /* 27px */
}

.titulo-campania-ampliada {
    font-size: 4rem; /* 40px */
}

.descripcion-campania-centrada {
    font-size: 1.8rem; /* 18px */
}

.compartir-campania h5 {
    font-size: 1.8rem; /* 18px */
}

.compartir-campania .btn {
    font-size: 1.4rem; /* 14px */
}

.otras-campanias-titulo {
    font-size: 2.9rem; /* 29px */
}

.campania-card-titulo-horizontal {
    font-size: 1.6rem; /* 16px */
}

.campania-sidebar-titulo {
    font-size: 1.5rem; /* 15px */
}

/* ========================================
   CONCEJALES
   ======================================== */

#concejales .titulo-seccion,
#concejal .titulo-seccion {
    font-size: 2.7rem; /* 27px */
}

#concejales .concejal-nombre,
#concejal .concejal-nombre {
    font-size: 2rem; /* 20px */
}

#concejales .concejal-rol,
#concejal .concejal-rol {
    font-size: 1.3rem; /* 13px */
}

/* ========================================
   DIGESTO MUNICIPAL
   ======================================== */

.digesto-banner-icon {
    font-size: 2.8rem; /* 28px */
}

.digesto-banner-title {
    font-size: 2rem; /* 20px */
}

.digesto-banner-description {
    font-size: 1.5rem; /* 15px */
}

/* ========================================
   RESPONSIVE - MÓVIL
   ======================================== */

@media (max-width: 991px) {
    .titulo-campania-ampliada {
        font-size: 3.2rem; /* 32px */
    }
}

@media (max-width: 768px) {
    /* Elementos base */
    .subtitulo_seccion .seccion {
        font-size: 2.2rem; /* 22px */
    }
    
    /* Noticias */
    .titulo-seccion {
        font-size: 2.1rem; /* 21px */
    }
    
    #noticia_ampliada .titulo-noticia-ampliada {
        font-size: 2.8rem; /* 28px */
    }
    
    .sidebar-noticia-titulo {
        font-size: 1.3rem; /* 13px */
    }
    
    .compartir-redes span {
        font-size: 1.3rem; /* 13px */
    }
    
    /* Búsqueda */
    #busqueda .buscador-input-group input.form-control {
        font-size: 1.6rem; /* 16px */
    }
    
    #busqueda .titulo-seccion {
        font-size: 2.1rem; /* 21px */
    }
    
    .resultado-icono {
        font-size: 2.7rem; /* 27px */
    }
    
    .resultado-titulo {
        font-size: 1.4rem; /* 14px */
    }
    
    /* Campañas */
    .titulo-campania-ampliada {
        font-size: 2.6rem; /* 26px */
    }
    
    .descripcion-campania-centrada {
        font-size: 1.6rem; /* 16px */
    }
    
    .otras-campanias-titulo {
        font-size: 2.2rem; /* 22px */
    }
}

@media (max-width: 575px) {
    /* Campañas */
    #campanias .titulo-seccion {
        font-size: 2.1rem; /* 21px */
    }
    
    .campania-titulo-page {
        font-size: 1.8rem; /* 18px */
    }
    
    .campania-descripcion-page {
        font-size: 1.4rem; /* 14px */
    }
    
    .compartir-redes span {
        font-size: 1.3rem; /* 13px */
    }
    
    .compartir-redes-centrado span {
        font-size: 1.3rem; /* 13px */
    }
    
    .campania-card-titulo-horizontal {
        font-size: 1.4rem; /* 14px */
    }
    
    .campania-sidebar-titulo {
        font-size: 1.4rem; /* 14px */
    }
}

@media (max-width: 480px) {
    #busqueda .buscador-input-group button.buscar {
        font-size: 1.8rem; /* 18px */
    }
}