/**
 * Vista: Contenido - Template Montecristo
 * 
 * Override para aumentar tamaños de tipografía del contenido
 * y ajustar a la escala base de Montecristo (62.5% = 1rem = 10px)
 */

/* ========================================
   TIPOGRAFÍA DEL CONTENIDO PRINCIPAL
   ======================================== */

/* Párrafos y texto general */
#contenidos .contenido-principal p {
    font-size: 1.6rem !important;
    line-height: 1.8 !important;
    margin-bottom: 2rem !important;
}

#contenidos .contenido-principal {
    font-size: 1.6rem !important;
    line-height: 1.8 !important;
}

/* Títulos dentro del contenido */
#contenidos .contenido-principal h2 {
    font-size: 2.4rem !important;
    font-weight: 700 !important;
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
    color: var(--primario) !important;
}

#contenidos .contenido-principal h3 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.2rem !important;
    color: var(--color-negro) !important;
}

#contenidos .contenido-principal h4 {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

#contenidos .contenido-principal h5 {
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.8rem !important;
}

/* Listas */
#contenidos .contenido-principal ul,
#contenidos .contenido-principal ol {
    font-size: 1.6rem !important;
    line-height: 1.8 !important;
    margin-bottom: 2rem !important;
}

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

/* ========================================
   SIDEBAR - LISTADO DE CONTENIDOS
   ======================================== */

#contenidos .contenedor_listado .item {
    font-size: 1.4rem !important;
}

#contenidos .contenedor_listado_movil .item {
    font-size: 1.4rem !important;
}

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

#contenidos .titulo-visible {
    font-size: 3.2rem !important;
}

#contenidos .titulo-contenido {
    font-size: 2.4rem !important;
}

/* ========================================
   MÓDULOS EMBEBIDOS
   ======================================== */

/* Trámites relacionados */
#contenidos .tramites-relacionados h3 {
    font-size: 2rem !important;
}

#contenidos .tramites-relacionados .nombre_servicio {
    font-size: 1.2rem !important;
}

/* Noticias relacionadas */
#contenidos .noticias-relacionadas h3 {
    font-size: 2rem !important;
}

#contenidos .noticia-titulo {
    font-size: 1.8rem !important;
}

#contenidos .noticia-resumen {
    font-size: 1.4rem !important;
}

#contenidos .noticia-fecha {
    font-size: 1.2rem !important;
}

/* Departamentos/Contactos */
#contenidos .department-name {
    font-size: 1.8rem !important;
}

#contenidos .contact-btn {
    font-size: 1.4rem !important;
}

/* Info cards */
#contenidos .info-card-header h3 {
    font-size: 1.8rem !important;
}

#contenidos .info-card-item span {
    font-size: 1.4rem !important;
}

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

@media (max-width: 768px) {
    #contenidos .contenido-principal p {
        font-size: 1.5rem !important;
    }

    #contenidos .contenido-principal h2 {
        font-size: 2.2rem !important;
    }

    #contenidos .contenido-principal h3 {
        font-size: 1.8rem !important;
    }

    #contenidos .titulo-visible {
        font-size: 2.4rem !important;
    }

    #contenidos .titulo-contenido {
        font-size: 2rem !important;
    }
}
#contenidos .info-card-subtitle {
    font-size: 1.4rem !important;
}