:root {
    --background-sections-color: #f5f9fc;
    --text-primary-color: #626060;
    --primary-color: #005b8b;
    --secondary-color: #84b753;
    --background-white: #fdfdfd;
}
.directorio_section {
    font-family: 'Proxima Nova', sans-serif;
}
.directorio_section_grid {
    color: var(--primary-color);
}
.title_content {
    margin-top: 3em;
    padding: 1em;
    background-color: var(--primary-color);
    color: var(--text-color);
    font-weight: 100;
}

.grid_container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: min-content;
    gap: 1em;
    padding: 1em;
}

.grid_container p {
    word-wrap: break-word;
    width: 60%;
}

.big-paragraph {
    width: 30%;
}

/*** IDENTIDAD CSS STYLES   **/
.identidad_container {
    padding: 1em;
    color: var(--text-primary-color);
}

.identidad_container p {
    line-height: 1.5;
    margin-left: 1em;
}

.identidad_container__title {
    background-color: var(--primary-color);
    color: var(--text-color);
    display: inline-block;
    padding: 5px 20px 5px 10px;
    margin-bottom: 1em;
    min-width: 11em;
}

/* .identidad_container__title::after {
    content: url('../img/pictures/flechas.png');
    display: block;
} */

.identidad_container__list {
    list-style: none;
    list-style-image: url('../img/pictures/flechas.png');
    padding-left: 1em;
    display: flex;
    flex-flow: wrap column;
    gap: 1em;
}
/** END IDENTIDAD STYLES**/


/** IDENTIDAD TEST STYLES */
.identidad_test_container {
    display: grid;
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    font-family: 'Proxima Nova', sans-serif;
    /* color: var(--primary-color); */
    background-color: var(--background-sections-color);
    align-items: center;
}

.identidad_test_container__content {
    display: flex;
    flex-flow: wrap column;
    gap: 0.6em;
    padding: 3.5em;
}

.identidad_test_container__content h3 {
    font-weight: 100;
}

.identidad_test_container__content p {
    font-weight: 100;
    color: var(--text-primary-color);
    text-align: justify;
    line-height: 1.5;
}

.identidad_test_container_min_content {
    gap: 1.5em;
}

.identidad_test_container__image {
    text-align: center;    
}

.identidad_test_container__image img {
    width: 50%;   
}

.identidad_test_container ul {
    margin-left: 1em;
    list-style: none;
    list-style-image: url('../img/pictures/flechas.png');
    color: var(--text-primary-color);
}

.valores-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.element {
    width: calc(33.33% - 20px); /* 33.33% para tres elementos por fila con un margen de 10px entre ellos */
    margin: 5px; /* Espacio entre los elementos */
    /* background-color: #f2f2f2; */
    padding: 10px;
    /* text-align: center; */
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 10px;
}  
.element h4{
    text-align: center;
    color: black;
}
.element p{
    text-align: justify;
    margin-right: 1em;
    margin-bottom: 2em;
}

#valores-title{
    width: 100%;
    text-align: center;
}

.identidad_container__title_custom h3{
    text-align: center;
    color: var(--primary-color);
}

.image_min {
    display: none;  
}
/** END IDENTIDAD TEST STYLES*/


/** BECAS STYLES */
.becas_container {
    display: grid;
    grid-template-columns: repeat(1, minmax(min-content, 1fr));
    font-family: 'Proxima Nova', sans-serif;
    /* color: var(--primary-color); */
    background-color: var(--background-sections-color);
    align-items: center;
}

.becas_container__content {
    display: flex;
    flex-flow: wrap column;
    gap: 0.6em;
    padding: 6em;
}

.becas_container__content h3 {
    font-weight: 100;
}

.becas_container__content p {
    font-weight: 100;
    color: var(--text-primary-color);
}

.becas_container_min_content {
    gap: 1.5em;
}

.becas_container__image img {
    width: 100%;
}

.becas_container ul {
    margin-left: 1em;
    list-style: none;
    list-style-image: url('../img/pictures/flechas.png');
    color: var(--text-primary-color);
}
/** END BECAS STYLES*/
/** TITULACION STYLES */

.titulacion_container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    justify-content: center;
    background-color: var(--background-sections-color);
}

.titulacion_container__image img {
    width: 100%;
}

.titulacion_container__description {
    display: flex;
    flex-flow: wrap column;
    gap: 1em;
    padding: 2em;
    /* color: var(--primary-color); */
}

.titulacion_container__description h3 {
    font-weight: 100;
}

.titulacion_container__description p {
    color: var(--text-primary-color);
}
/** END TITULACION STYLE */

/** BIENVENIDA STYLES **/
.bienvenida_container {
    display: flex;
    flex-flow: wrap column;
    justify-content: center;
    align-items: center;
    background-color: var(--background-sections-color);

}

.bienvenida_container__image {
    text-align: center;
}

.bienvenida_container__image img {
    min-width: 20em;
}

.bienvenida_container__description {
    padding: 1em;
    text-align: justify;
}

.bienvenida_container__description p {
    margin-bottom: 1em;
    color: var(--text-primary-color);
}
/** END BIENVENIDA STYLES **/

/** FOUNDER MESSAGE STYLES **/

.message_container {
    display: flex;
    flex-flow: wrap column;
    /* justify-content: center; */
    margin: 0 auto;
    /* max-width: 80%; */
    align-items: center;
    color: var(--text-primary-color);
    background-color: var(--background-sections-color);
}

.message_container__image img {
    width: 100%;
}

.message_container__description {
    padding: 1em;
    text-align: justify;
}

.message_container__second-description {
    padding: 1em;
    text-align: justify;
}

.message_container__description p, .message_container__second-description p {
    margin-bottom: 1em;
}

.founder {
    text-align: center;
}

/** END FOUNDER STYLES **/

/** JOSE VASCONCELOS STYLES **/

.vasconcelos_container {
    display: flex;
    flex-flow: wrap column;
    align-items: center;
    color: var(--text-primary-color);
    background-color: var(--background-sections-color);
    text-align: justify;
}

.vasconcelos_container__content {
    display: flex;
    flex-flow: wrap row;
    margin: 0 auto;
    align-items: center;
}

.vasconcelos_container__content-image  img {
    width: 100%;
}

.vasconcelos_container__content-description p {
    /* margin-bottom: 1em; */
    padding: 1em;
}

.vasconcelos_container__second-description p {
    padding: 1em;
}

/** END JOSE VASCONCELOS **/

/**  MODELO EDUCATIVO STYLES */
.modelo_educativo-container {
    font-family: 'Proxima Nova', sans-serif;
    color: var(--text-primary-color);
    font-weight: 100;
}
.modelo_educativo__description {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
    margin: 1em 0;
}

.modelo_description {
    border: 1px solid var(--text-gray);
    border-radius: 5px;
    padding: 10px;
    line-height: 1.4;
    text-align: justify;
}

.modelo_educativo__dimensions, .modelo_educativo__formation {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
    margin: 1em 0;
}

.modelo_educativo__dimensions .title {
    grid-column: 1 / 2;
    font-weight: 500;
}

.modelo-dimensions_description {
    padding: 1em;
    border: 1px solid var(--text-gray);
    border-radius: 10px;
    text-align: justify;
    line-height: 1.3;
    display: flex;
    flex-flow: wrap column;
    gap: 1em;
    align-items: end;
}

.line {
    width: 1em;
    background-color: var(--text-primary-color);
    border: none;
    height: 3px;
    display: block;
    text-align: end;
    margin-bottom: 1em;
}

.modelo_educativo__process {
    background-color: var(--background-sections-color);
    display: grid;
    grid-template-columns: repeat(1 , minmax(0, 1fr));
    gap: 1em;
}

.modelo_process__image img {
    width: 100%;
}

.modelo_process {
    padding: 4em;
    text-align: justify;
}

.modelo_process-title {
    margin-bottom: 2em;
    /* font-weight: 500; */
}

.modelo_process ul li {
    list-style: none;
    line-height: 2.5;
    display: flex;
    gap: 2em;
    align-items: center;
    font-weight: bold;
}

.modelo_process__icons {
    width: 48px;
    height: 48px;
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(210deg) brightness(118%) contrast(119%);
}

.modelo_formation__description {
    display: flex;
    flex-flow: wrap column;
    gap: 1em;
}

.formation_description {
    border: 1px solid var(--text-gray);
    padding: 10px;
    border-radius: 5px;
    display: flex;
    flex-flow: wrap column;
    align-items: end;
    justify-content: center;
}
 
/**  MODELO EDUCATIVO END STYLES */

/** VENTAJAS STYLES */
.ventajas_container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ventajas_container__content {
    background-color: var(--background-sections-color);
    padding: 2em;
    line-height: 1.5;
    color: var(--text-primary-color);
}

.ventajas_container__image {
    display: flex;
}

.ventajas_container__image img {
    width: 100%;
}

.ventajas_container__reverse_content {
    grid-row: 2;
}

.ventajas_container__content ul {
    list-style: none;
    line-height: 2;
    margin-top: 1em;
    margin-left: 1em;
}

.ventajas_container__link_information {
    text-align: center;
    text-decoration: none;
    padding: 2em;
    grid-column: 1 / 3;
    color: var(--primary-color);
    font-weight: bold;
}
/** END VENTAJAS STYLES */

/** DEMO CLASS STYLES */

.demo-class_container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));

}

.demo-class_container__video iframe {
    width: 100%;
    min-height: 20em;
}

.demo-class_container__content {
    text-align: center;
    padding: 2em;
    color: var(--text-primary-color);
    background-color: var(--background-sections-color);
}

/** DEMO CLASS END STYLES */

/** TRABAJAR Y ESTUDIAR STYLES **/
.trabajar_estudiar__information {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    background-color: var(--background-sections-color);
    gap: 1em;
    padding: 2em;
}

.trabajar_estudiar_container {
    line-height: 1.5;
    background-color: var(--background-white);
    padding: 10px;
    border: 1px solid var(--text-gray-light);
}

.trabajar_estudiar__container__image {
    color: var(--text-gray-light);
}

.trabajar_estudiar__container__image p {
    padding: 1em;
}

.trabajar_estudiar__title {
    padding: 2em;
    text-align: center;
}

.trabajar_estudiar__title .form_link {
    text-align: center;
    text-decoration: none;
    color: var(--text-primary-color);
    font-size: 1.3em;
    cursor: pointer;
}

.trabajar_estudiar__container {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    line-height: 2;
    padding: 2em;
}

.trabajar_estudiar__container ul {
    list-style: none;
}

/*icons*/
.trabajar_estudiar__container__image img {
    max-width: 48px;
    margin-left: 1em;
}

.trabajar_estudiar__container__image_virtual img {
    width: 100%;
}

.trabajar_estudiar__container .trabajar_estudiar__container_subtitle {
    padding: 1em;
}

.trabajar_estudiar__container__content ul li {
    margin-bottom: 1em;
}
/** TRABAJAR Y ESTUDIAR END STYLES **/
/** NUEVAS OPORTUNIDADES STYLES **/
.nuevas_oportunidades_information__content {
    color: var(--text-primary-color);
    margin-top: 1em;
    margin-bottom: 1em;
}
.nuevas_oportunidades_information__content img {
    width: 48px;
    height: 48px;
    max-width: 48px;
}

.element-oportunidades {
    line-height: 1.5;
}

.nuevas_oportunidades__content-title {
    color: var(--text-primary-color);
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
}

.nuevas_oportunidades__content ul {
    padding: 1em;
    color: var(--text-primary-color);
}

.nuevas_oportunidades__content ul li {
    list-style: none;
    line-height: 2;
    margin-bottom: 1em;
}

.nuevas_oportunidades_advantages {
    display: grid;
    align-items: center;
    background-color: var(--background-sections-color);
}

.nuevas_oportunidades__image img {
    width: 100%;
}

/** NUEVAS OPORTUNIDADES END STYLES **/
/** DESARROLLO STYLES */

.desarrollo_information_container {
    color: var(--text-primary-color);
}

.desarrollo_information_container__title {
    text-align: center;
    padding: 1em;
}

.desarrollo_information_container__content_and_image {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.desarrollo_information_container__content_and_image img {
    width: 100%;
}

.desarrollo_information_container__content_and_image p {
    line-height: 1.5;
    padding: 1em;
    border: 1px solid var(--text-gray);
    border-radius: 10px;
    margin: 0.5em;
}

.desarrollo_information_container__content {
    line-height: 1.5;
    padding: 1em;
    border: 1px solid var(--text-gray);
    border-radius: 10px;
    margin: 0.5em;
}

.desarrollo_information_container__question {
    text-align: center;
    line-height: 1.5;
}

.desarrollo_information_container__podcast-information {
    line-height: 1.5;
    padding: 1em;
}

.podcast-information__container {
    display: flex;
    gap: 1em;
    margin-top: 1em;
}

.podcast-information__container img {
    max-width: 64px;
    max-height: 64px;
}

/** END DESARROLLO STYLES */
/** IDENTIDAD TEST **/
@media (max-width: 768px) {
    .identidad_test_container__content {
        padding: 2em;
    }

    .element {
        width: 100%;
    }

    .element-oportunidades {
        width: 95%;
    }

    .image_min{
        display: block;
    }

    .image_max{
        display: none;
    }
    .modelo_process {
        padding: 1em;        
    }

    .modelo_process ul li {
        padding: 1em;
    }

}

hr.custom-hr {
    border: none; 
    height: 5px; 
    background-color: var(--secondary-color);
    width: 50%; 
    margin: 10px auto; /* Centra el hr horizontalmente */
}
/** END IDENTIDAD TEST **/

hr.custom-hr_small {
    width: 30%;
    background-color: var(--secondary-color);
    margin: 10px auto;
    height: 5px;
    border: none; 
}

@media screen and (min-width: 700px) {
    .title_content {
        margin-top: 0;
    }

    .grid_container p {
        width: 100%;
    }

    .big-paragraph {
        width: 100%;
    }

    .bienvenida_container {
        flex-direction: row;
        text-align: justify;
    }
}

@media screen and (max-width: 1024px) {
    .modelo_formation__title-mobile {
        display: block;
    }
    
    .modelo_formation__title-desktop {
        /* display: none; */
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    .sections {
        min-height: 30em;
    }

    .titulacion_container, .modelo_educativo__process, .modelo_educativo__formation,
    .ventajas_container, .demo-class_container, .trabajar_estudiar__container,
    .nuevas_oportunidades_advantages, .desarrollo_information_container__content_and_image {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .titulacion_container__description {
        padding: 6em;
    }

    .identidad_test_container {
        grid-template-columns: repeat(2, minmax(min-content, 1fr));
    }

    .becas_container {
        grid-template-columns: repeat(2, minmax(min-content, 1fr));
    }

    .message_container {
        flex-direction: row;
        text-align: justify;
    }

    .message_container__content {
        display: flex;
        /* flex-flow: wrap row; */
        align-items: center;
        /* margin: 0 auto; */
        justify-content: center;
    }

    .message_container__description {
        padding: 4em 0 4em 4em;
        max-width: 40%;
    }

    .message_container__second-description {
        padding: 0 4em 4em;
        /* max-width: 45em; */
    }

    .vasconcelos_container__content-image {
        max-width: 50%;
    }

    .vasconcelos_container__content-description {
        max-width: 50%;
        text-align: justify;
    }

    .modelo_educativo__description {
        grid-template-columns: repeat(3, 1fr);
        /* padding: 3em; */
    }

    .modelo_educativo__dimensions {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding: 3em 0;
    }

    .modelo_educativo__dimensions .title, .modelo_educativo__dimensions .custom-hr_small {
        text-align: center;
        grid-column: 1 / 5;
    }

    .modelo_process ul li {
        padding: 0.5em;
    }

    .modelo_formation__title-mobile {
        /* display: none; */
        grid-column: 1 / 3;
    }

    .modelo_formation__title-desktop {
        display: block;
    }

    .modelo_formation__title {
        padding: 2em;
    }

    .modelo_formation__description {
        padding-top: 2em;
        padding-left: 4em;
        align-items: end;
    }

    .formation_description {
        width: 95%;
        height: 5em;
    }
    
    .ventajas_container__reverse_content {
        grid-row: 1;
    }

    .trabajar_estudiar__information {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .trabajar_estudiar__container .trabajar_estudiar__container_subtitle {
        grid-column: 1 / 3;
        text-align: center;
    }

    .trabajar_estudiar__container__content {
        padding: 4em;
    }

    .nuevas_oportunidades_information {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1em;
    }

    .element-oportunidades {
        width: 100%;
        height: 100%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .becas_container__content p {
        font-size: 0.9em;
    }

    .becas_container__content ul {
        font-size: 0.9em;
    }
}

@media screen and (min-width >= 1440px) {
    .message_container__description {
        max-width: 40em;
    }

    .message_container__second-description {
        max-width: 80%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1600px) {
    .modelo_process ul li {
        padding: 1em;
    }
}
  
@media screen and (min-width: 2400px) {
    .vasconcelos_container__content-image {
        max-width: 40%;
        padding-left: 1em;
        padding-top: 1em;
    }

    .modelo_process ul li {
        padding: 2em;
    }
}