/**
 * 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 */
}

/* ========================================
   DOCUMENTOS - SUBSITIO
   ======================================== */

.documentos-encabezado h1 {
    font-size: 2.8rem; /* 28px */
}

.documentos-buscador h2 {
    font-size: 2rem; /* 20px */
}

.form-busqueda-documentos .form-control,
.form-busqueda-documentos .form-select {
    font-size: 1.6rem; /* 16px (era 1rem = 10px) */
}

.form-busqueda-documentos .btn-primary {
    font-size: 1.6rem; /* 16px */
}

.documento-card h3,
.documento-card .documento-titulo {
    font-size: 2rem; /* 20px (era 1.25rem = 12.5px) */
}

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

.documento-meta {
    font-size: 1.4rem; /* 14px (era 0.9rem = 9px) */
}

.documento-descripcion {
    font-size: 1.6rem; /* 16px */
}

.documento-descargar {
    font-size: 1.5rem; /* 15px (era 0.95rem = 9.5px) */
}

.documento-descargar i {
    font-size: 1.8rem; /* 18px (era 1.1rem = 11px) */
}

.sin-resultados h3 {
    font-size: 2rem; /* 20px */
}

.sin-resultados i {
    font-size: 6.4rem; /* 64px (era 4rem = 40px) */
}

/* ========================================
   CONTACTO
   ======================================== */

#contacto .form-label {
    font-size: 1.6rem; /* 16px */
}

#contacto .form-control,
#contacto .form-select {
    font-size: 1.6rem; /* 16px */
}

#contacto .form-control::placeholder {
    font-size: 1.6rem; /* 16px */
}

#contacto .btn-primary {
    font-size: 1.6rem; /* 16px */
    padding: 1.2rem 3rem; /* 12px 30px */
}

#contacto .alert {
    font-size: 1.6rem; /* 16px */
}

/* ========================================
   TRÁMITES - LISTADO
   ======================================== */

/* Título de categoría en cards */
.tramites .titulo_categoria,
#tramites .titulo_categoria {
    font-size: 2.2rem !important; /* 22px - Más visible */
}

/* Nombre de trámite en resultados de búsqueda */
#tramites .nombre_tramite {
    font-size: 1.8rem; /* 18px */
}

/* Items dentro de las listas de trámites */
.tramites .subtramite_item,
#tramites .subtramite_item,
.lista_subtramites_list li {
    font-size: 1.7rem !important; /* 17px - Más legible */
}

/* Botón "Más trámites" */
.tramites .btn-detalle,
#tramites .btn-detalle {
    font-size: 1.6rem; /* 16px */
}

/* Buscador de trámites */
#tramites .form-control,
.buscador-tramites .form-control {
    font-size: 1.8rem !important; /* 18px */
    padding: 1.2rem 1.8rem;
}

#tramites .btn-primary,
.buscador-tramites .btn-primary {
    font-size: 1.8rem !important; /* 18px */
    padding: 1.2rem 2rem;
}

/* ========================================
   TRÁMITES - AMPLIADO
   ======================================== */

#tramite_ampliado .detalle_tramite,
#tramite_ampliado .cuerpo_contenido {
    font-size: 1.7rem; /* 17px */
    line-height: 1.8;
}

#tramite_ampliado .item {
    font-size: 1.4rem; /* 14px */
}

/* Override con especificidad correcta para sobrescribir /css/tramites.css */
#tramite_ampliado .datos-item-tramite .item_dato {
    font-size: 1.6rem; /* 16px */
    font-weight: 700;
    color: var(--color-primary); /* Verde institucional #449946 */
}

/* Enlaces dentro de .item_dato con colores institucionales */
#tramite_ampliado .datos-item-tramite .item_dato a {
    color: var(--color-primary); /* Verde oscuro #449946 */
}

#tramite_ampliado .datos-item-tramite .item_dato a:hover {
    color: var(--color-secondary); /* Verde claro #a8d85b */
}

#tramite_ampliado .titulo_pasos {
    font-size: 1.8rem; /* 18px */
}

#tramite_ampliado .contenido_paso {
    font-size: 1.6rem; /* 16px */
}

#tramite_ampliado .contenido_paso .titulo {
    font-size: 1.7rem; /* 17px */
}

#tramite_ampliado .btn-volver {
    font-size: 1.5rem; /* 15px */
}

/* ========================================
   TRÁMITES POR CATEGORÍA
   ======================================== */

.titulo-tramite {
    font-size: 1.8rem; /* 18px */
}

.card-tramite .btn-detalle {
    font-size: 1.4rem; /* 14px */
}

/* ========================================
   EVENTOS - SUBSITIO
   ======================================== */

#eventos .titulo-seccion {
    font-size: 2.72rem; /* 27.2px (era 1.7rem = 17px) */
}

.evento-dia {
    font-size: 2.08rem; /* 20.8px (era 1.3rem = 13px) */
}

.evento-mes {
    font-size: 1.2rem; /* 12px (era 0.75rem = 7.5px) */
}

/* ========================================
   CONTENIDOS - SUBSITIO
   ======================================== */

/* Encabezado con imagen */
#contenidos .titulo-visible {
    font-size: 4rem; /* 40px (era 2.5rem = 25px en escala normal) */
}

#contenidos .titulo-contenido {
    font-size: 2.7rem; /* 27px (era 1.7rem = 17px en escala normal) */
}

/* Detalle del contenido */
#contenidos .contenido-principal {
    font-size: 1.9rem; /* 19px (era 1.2rem = 12px en escala normal) */
    line-height: 1.8;
}

#contenidos .contenido-principal p {
    font-size: 1.9rem; /* 19px */
    margin-bottom: 1.5rem;
}

#contenidos .contenido-principal h2 {
    font-size: 3rem; /* 30px */
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

#contenidos .contenido-principal h3 {
    font-size: 2.4rem; /* 24px */
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
}

#contenidos .contenido-principal h4 {
    font-size: 2rem; /* 20px */
    margin-top: 2rem;
    margin-bottom: 1rem;
}

#contenidos .contenido-principal ul,
#contenidos .contenido-principal ol {
    font-size: 1.9rem; /* 19px */
    margin-bottom: 1.5rem;
}

#contenidos .contenido-principal li {
    margin-bottom: 0.8rem;
}

/* Sidebar - Listado de contenidos */
#contenidos .contenedor_listado a .item,
#contenidos .contenedor_listado_movil a .item {
    font-size: 1.36rem; /* 13.6px (era 0.85rem = 8.5px en escala normal) */
}

/* Módulos de contenidos relacionados */
.item-contenido-modulo .titulo-contenido-item {
    font-size: 1.6rem; /* 16px (era 1rem = 10px) */
}

.item-contenido-modulo .categoria-item {
    font-size: 1.3rem; /* 13px (era 0.8rem = 8px) */
}

.evento-titulo {
    font-size: 1.76rem; /* 17.6px (era 1.1rem = 11px) */
}

.evento-direccion {
    font-size: 1.4rem; /* 14px (era 0.875rem = 8.75px) */
}

#evento_ampliado .fecha-evento-ampliado {
    font-size: 1.6rem; /* 16px (era 1rem = 10px) */
}

#evento_ampliado .titulo-evento-ampliado {
    font-size: 2.72rem; /* 27.2px (era 1.7rem = 17px) */
}

#evento_ampliado .descripcion-evento {
    font-size: 1.76rem; /* 17.6px (era 1.1rem = 11px) */
}

/* ========================================
   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 */
    }
    
    /* Documentos */
    .documento-card h3,
    .documento-card .documento-titulo {
        font-size: 1.8rem; /* 18px (era 1.1rem = 11px) */
    }
    
    .documento-descargar {
        font-size: 1.4rem; /* 14px (era 0.85rem = 8.5px) */
    }
    
    /* Eventos */
    #eventos .titulo-seccion {
        font-size: 2.08rem; /* 20.8px (era 1.3rem = 13px) */
    }
    
    #evento_ampliado .titulo-evento-ampliado {
        font-size: 2.8rem; /* 28px (era 1.75rem = 17.5px) */
    }
    
    .evento-dia {
        font-size: 2rem; /* 20px (era 1.25rem = 12.5px) */
    }
}

@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 */
    }
    
    /* Documentos */
    .documentos-encabezado h1 {
        font-size: 2.8rem; /* 28px (era 1.75rem = 17.5px) */
    }
    
    .documento-card h3,
    .documento-card .documento-titulo {
        font-size: 1.6rem; /* 16px (era 1rem = 10px) */
    }
}

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