/**
 * OVERRIDE CSS - Contenidos para Villa del Totoral
 * Archivo: /templates/villatotoral/assets/css/views/contenido.css
 * 
 * Ajustes tipográficos para el template villatotoral.
 * Sobrescribe tamaños del CSS base que resultan demasiado pequeños
 * con la escala html { font-size: 62.5% } (1rem = 10px).
 */

/* ===========================================
   ENCABEZADO
   =========================================== */

#contenidos .titulo-visible {
    font-size: 3.2rem; /* 32px - antes 2.5rem (25px) */
}

#contenidos .titulo-contenido {
    font-size: 2.2rem; /* 22px - antes 1.7rem (17px) */
}

#contenidos .lead {
    font-size: 1.6rem; /* 16px */
    color: #fff;
}

/* ===========================================
   SIDEBAR - LISTADO
   =========================================== */

#contenidos .contenedor_listado a .item {
    font-size: 1.4rem; /* 14px - antes 0.85rem (8.5px) */
}

#contenidos .contenedor_listado_movil a .item {
    font-size: 1.4rem; /* 14px - antes 0.85rem (8.5px) */
}

/* ===========================================
   CONTENIDO PRINCIPAL
   =========================================== */

#contenidos .contenido-principal {
    font-size: 1.6rem; /* 16px - antes 1.2rem (12px) */
    line-height: 1.8;
}

#contenidos .contenido-principal p {
    font-size: 1.6rem; /* 16px - antes 1.2rem (12px) */
}

#contenidos .contenido-principal h2 {
    font-size: 2.4rem; /* 24px */
}

#contenidos .contenido-principal h3 {
    font-size: 2rem; /* 20px */
}

#contenidos .contenido-principal h4 {
    font-size: 1.8rem; /* 18px */
}

#contenidos .contenido-principal ul,
#contenidos .contenido-principal ol {
    font-size: 1.6rem; /* 16px */
}

/* ===========================================
   TRÁMITES / CONTENIDOS RELACIONADOS
   =========================================== */

#contenidos .tramites-relacionados h3 {
    font-size: 2rem; /* 20px - antes 1.5rem (15px) */
}

#contenidos .tramites-relacionados .nombre_servicio {
    font-size: 1.4rem; /* 14px - antes 0.9rem (9px) */
}

#contenidos .tramites-relacionados .icono_servicio i {
    font-size: 3rem; /* 30px - antes 2.5rem (25px) */
}

/* ===========================================
   MÓDULOS DE CONTENIDOS RELACIONADOS
   =========================================== */

#contenidos .item-contenido-modulo {
    font-size: 1.4rem; /* 14px - antes 0.85rem (8.5px) */
}

#contenidos .item-contenido-modulo .servicio-content p {
    font-size: 1.4rem; /* 14px - antes 1rem (10px) */
}

/* ===========================================
   TELÉFONOS ÚTILES - CONTACTS TABLE
   =========================================== */

#contenidos .department-name {
    font-size: 1.8rem; /* 18px - antes 1.6rem (16px) */
}

#contenidos .contact-btn {
    font-size: 1.4rem; /* 14px - antes 1.1rem (11px) */
}

#contenidos .whatsapp-btn i {
    font-size: 1.4rem; /* 14px - antes 1.1rem (11px) */
}

/* ===========================================
   ACORDEÓN
   =========================================== */

#contenidos .accordion-button.btn-accordion {
    font-size: 1.6rem; /* 16px - antes 1.2rem (12px) */
}

/* ===========================================
   INFO CARD
   =========================================== */

#contenidos .info-card-header i {
    font-size: 2rem; /* 20px - antes 1.5rem (15px) */
}

#contenidos .info-card-header h3 {
    font-size: 2rem; /* 20px - antes 1.5rem (15px) */
}

#contenidos .info-card-item i {
    font-size: 1.4rem; /* 14px - antes 1.1rem (11px) */
}

#contenidos .info-card-item span {
    font-size: 1.4rem; /* 14px - antes 1.1rem (11px) */
}

/* ===========================================
   NOTICIAS RELACIONADAS
   =========================================== */

#contenidos .noticias-relacionadas h3 {
    font-size: 2rem; /* 20px - antes 1.5rem (15px) */
}

#contenidos .noticia-categoria {
    font-size: 1.2rem; /* 12px - antes 0.8rem (8px) */
}

#contenidos .noticia-fecha {
    font-size: 1.3rem; /* 13px - antes 0.9rem (9px) */
}

#contenidos .noticia-titulo {
    font-size: 1.8rem; /* 18px - antes 1.5rem (15px) */
}

#contenidos .noticia-resumen {
    font-size: 1.4rem; /* 14px - antes 1rem (10px) */
}

/* ===========================================
   RESPONSIVE
   =========================================== */

@media (max-width: 992px) {
    #contenidos .titulo-visible {
        font-size: 2.4rem; /* 24px - antes 1.75rem (17.5px) */
    }
}

@media (max-width: 768px) {
    #contenidos .contenido-principal,
    #contenidos .contenido-principal p {
        font-size: 1.6rem; /* 16px */
    }

    #contenidos .department-name {
        font-size: 1.7rem; /* 17px */
    }

    #contenidos .contact-btn {
        font-size: 1.4rem; /* 14px */
    }

    #contenidos .noticias-relacionadas h3 {
        font-size: 1.8rem; /* 18px */
    }

    #contenidos .noticia-titulo {
        font-size: 1.6rem; /* 16px */
    }

    #contenidos .noticia-resumen {
        font-size: 1.4rem; /* 14px */
    }
}

@media (max-width: 576px) {
    #contenidos .item-contenido-modulo .servicio-content p {
        font-size: 1.3rem; /* 13px - antes 0.85rem (8.5px) */
    }
}