/* Estilos específicos para contenido generado por editor HTML (Quill) */
/* Este archivo contiene estilos únicos para el contenido dinámico editado desde el admin */

/* ===== CONTENIDO DINÁMICO PRINCIPAL ===== */
/* Para contenido renderizado desde el editor HTML en módulos y descripciones */

/* ===== HEADINGS EN CONTENIDO DEL EDITOR ===== */

/* H1 en contenido del editor */
.content_dynamic_information h1,
.news_content_module h1,
.content_module01 h1,
.content_module02 h1,
.content_module03 h1,
.content_module04 h1,
.content_module05 h1 {
    font-size: 2.5rem !important;
    font-family: 'universBold', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin-bottom: 1.5rem !important;
    color: var(--black-gp) !important;
    text-transform: none !important;
}

/* H2 en contenido del editor */
.content_dynamic_information h2,
.news_content_module h2,
.content_module01 h2,
.content_module02 h2,
.content_module03 h2,
.content_module04 h2,
.content_module05 h2 {
    font-family: 'universBold', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size:1.75rem;
    color: var(--black-gp) !important;
    text-transform: none !important;
}

/* H3 en contenido del editor */
.content_dynamic_information h3,
.news_content_module h3,
.content_module01 h3,
.content_module02 h3,
.content_module03 h3,
.content_module04 h3,
.content_module05 h3 {
    font-family: 'universBold', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size:1.5rem;
    color: var(--black-gp) !important;
    text-transform: none !important;
}

/* H4 en contenido del editor */
.content_dynamic_information h4,
.news_content_module h4,
.content_module01 h4,
.content_module02 h4,
.content_module03 h4,
.content_module04 h4,
.content_module05 h4 {
    font-family: 'universBold', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    color: var(--black-gp) !important;
    text-transform: none !important;
}

/* H5 en contenido del editor */
.content_dynamic_information h5,
.news_content_module h5,
.content_module01 h5,
.content_module02 h5,
.content_module03 h5,
.content_module04 h5,
.content_module05 h5 {
    font-family: 'universBold', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    color: var(--black-gp) !important;
    text-transform: none !important;
}

/* H6 en contenido del editor */
.content_dynamic_information h6,
.news_content_module h6,
.content_module01 h6,
.content_module02 h6,
.content_module03 h6,
.content_module04 h6,
.content_module05 h6 {
    font-family: 'universBold', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: var(--black-gp) !important;
    text-transform: none !important;
}

/* ===== CONTENIDO DE PÁRRAFOS EN EDITOR ===== */

/* Párrafos en contenido del editor */
.content_dynamic_information p,
.news_content_module p,
.content_module01 p,
.content_module02 p,
.content_module03 p,
.content_module04 p,
.content_module05 p {
    font-size: 1rem !important;
    font-family: 'universRegular', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
    color: var(--black-gp) !important;
}

/* ===== LISTAS EN CONTENIDO DEL EDITOR ===== */

/* Listas ordenadas y no ordenadas */
.content_dynamic_information ul,
.content_dynamic_information ol,
.news_content_module ul,
.news_content_module ol,
.content_module01 ul,
.content_module01 ol,
.content_module02 ul,
.content_module02 ol,
.content_module03 ul,
.content_module03 ol,
.content_module04 ul,
.content_module04 ol,
.content_module05 ul,
.content_module05 ol {
    font-size: 1rem !important;
    font-family: 'universRegular', Arial, Helvetica, sans-serif !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
    padding-left: 1.5rem !important;
    color: var(--black-gp) !important;
}

/* Items de lista */
.content_dynamic_information li,
.news_content_module li,
.content_module01 li,
.content_module02 li,
.content_module03 li,
.content_module04 li,
.content_module05 li {
    margin-bottom: 0.5rem !important;
}

/* ===== ENLACES EN CONTENIDO DEL EDITOR ===== */

/* Enlaces en contenido del editor */
.content_dynamic_information a,
.news_content_module a,
.content_module01 a,
.content_module02 a,
.content_module03 a,
.content_module04 a,
.content_module05 a {
    color: var(--black-gp) !important;
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

.content_dynamic_information a:hover,
.news_content_module a:hover,
.content_module01 a:hover,
.content_module02 a:hover,
.content_module03 a:hover,
.content_module04 a:hover,
.content_module05 a:hover {
    color: #666 !important;
}

/* ===== CONTENIDO ESPECÍFICO DE WORK (trabajos) ===== */

/* Estilos específicos para la página de trabajos donde se muestra formText */
.content_black_section p {
    font-size: 1rem !important;
    font-family: 'universRegular', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
    color: white !important; /* Texto blanco para la sección negra */
}

.content_black_section h1,
.content_black_section h2,
.content_black_section h3,
.content_black_section h4,
.content_black_section h5,
.content_black_section h6 {
    color: white !important; /* Headings blancos para la sección negra */
    font-family: 'universBold', sans-serif !important;
}

/* ===== CONTENIDO ESPECÍFICO PARA FORMULARIOS ===== */

/* Cuando el contenido del editor contiene texto de formularios */
.content_hubspot_form + p,
.content_form_section p {
    font-size: 1rem !important;
    font-family: 'universRegular', Arial, Helvetica, sans-serif !important;
    line-height: 1.6 !important;
    color: var(--black-gp) !important;
}

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

/* Tablets */
@media (max-width: 768px) {
    .content_dynamic_information h1,
    .news_content_module h1,
    .content_module01 h1 {
        font-size: 2rem !important;
    }
    
    .content_dynamic_information h2,
    .news_content_module h2,
    .content_module01 h2 {
        font-size: 1.75rem !important;
    }
    
    .content_dynamic_information h3,
    .news_content_module h3,
    .content_module01 h3 {
        font-size: 1.5rem !important;
    }
}

/* Móviles */
@media (max-width: 480px) {
    .content_dynamic_information h1,
    .news_content_module h1,
    .content_module01 h1 {
        font-size: 1.75rem !important;
    }
    
    .content_dynamic_information h2,
    .news_content_module h2,
    .content_module01 h2 {
        font-size: 1.5rem !important;
    }
    
    .content_dynamic_information h3,
    .news_content_module h3,
    .content_module01 h3 {
        font-size: 1.25rem !important;
    }
}

/* ===== CASOS ESPECIALES ===== */

/* Para contenido que viene directamente de variables como {formText} */

.content_black_section .row:not(.content_hubspot_form) h1,
.content_black_section .row:not(.content_hubspot_form) h2,
.content_black_section .row:not(.content_hubspot_form) h3,
.content_black_section .row:not(.content_hubspot_form) h4,
.content_black_section .row:not(.content_hubspot_form) h5,
.content_black_section .row:not(.content_hubspot_form) h6 {
    font-family: 'universBold', sans-serif !important;
    color: white !important;
    margin-bottom: 1rem !important;
}

/* Contenido de subtítulos que puede venir del editor */
.subtitle-news-list,
.subtitle-project {
    font-family: 'universRegular', Arial, Helvetica, sans-serif !important;
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
    color: var(--black-gp) !important;
}

.content_dynamic_information a, 
.news_content_module a, 
.content_module01 a, 
.content_module02 a, 
.content_module03 a, 
.content_module04 a, 
.content_module05 a {
    text-decoration: none !important;
}

.project_list .content_project_list .module li .projectTitle {
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
    color: var(--black-gp) !important;
    font-family: 'universRegular', Arial, Helvetica, sans-serif !important; 
}

/* ===== NOTA PARA DESARROLLADORES ===== */
/*
Este archivo está diseñado específicamente para estilizar el contenido 
que viene del editor HTML (Quill) usado en el admin panel.

Las clases principales donde se aplica son:
- .content_dynamic_information (para descripciones de trabajos, etc.)
- .news_content_module (para contenido de noticias)
- .content_module01 a .content_module05 (módulos de contenido)
- .content_black_section (secciones con fondo negro)

El contenido del editor se renderea a través de variables como:
- {jobDescription}
- {formText}
- {content}
- {module}
*/