/*TODO Para los estilos de letras ====================================================================================================================================================================================*/
@font-face {
    font-family: 'Montserrat-Italic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/Montserrat-VariableFont_wght.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Black';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-Black.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-BlackItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-BlackItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-Bold.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-BoldItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-ExtraBold.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrrat-ExtraBoldItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-ExtraBoldItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-ExtraLight.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-ExtraLightItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-ExtraLightItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Italic-2';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-Italic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-Light.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-LightItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-LightItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-Medium.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-MediumItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-MediumItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-Regular.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-SemiBold.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-SemiBoldItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-SemiBoldItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-Thin';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-Thin.ttf') format('opentype');
}
@font-face {
    font-family: 'Montserrat-ThinItalic';
    src: url('COLORIMETRIA_Y_TIPOGRAFIA/Montserrat/static/Montserrat-ThinItalic.ttf') format('opentype');
}
@font-face {
    font-family: 'Centaur';
    src: url(COLORIMETRIA_Y_TIPOGRAFIA/Centaur-Font/CENTAUR.TTF);
}
@font-face {
    font-family: 'Centaur-Bold';
    src: url(COLORIMETRIA_Y_TIPOGRAFIA/Centaur-Font/CentaurMTStd-Bold.ttf);
}
@font-face {
    font-family: 'Centaur-2';
    src: url(COLORIMETRIA_Y_TIPOGRAFIA/Centaur-Font/CentaurMTStd.ttf);
}

/* TODO Navbar ========================================================================================================================================================================================================*/
.NavLetras{
    font-size: 120%;
    font-family: 'Montserrat-Regular', sans-serif;
}
.NavLetras_2{
    font-size: 120%;
    font-family: 'Montserrat-Regular', sans-serif;
    color: rgb(250,248,243);
    text-align: center;
}
.NavLetras_2:hover{
    color: rgb(250,248,243);
}
.NavLetras_3{
    font-size: 120%;
    font-family: 'Montserrat-Regular', sans-serif;
    color: rgb(250,248,243);
    text-align: center;
}


/* TODO inicio ========================================================================================================================================================================================================*/
.letras_ayuda{
    font-size: 250%;
    font-family: 'Montserrat-Bold', sans-serif;
    color: rgb(49, 68, 37);
    padding-left: 3%;
}
.letras_ayuda_2{
    font-size: 150%;
    font-family: 'Montserrat-Regular', sans-serif;
    color: rgb(49, 68, 37);
    text-align: justify;
    padding-left: 3%;
}
.card_inicio_numeros{
    font-size: 250%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: center;
    color: rgb(250,248,243);
    margin-bottom: 0.3%;
}
.card_inicio_letras{
    font-size: 100%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: center;
    color: rgb(250,248,243);
}
.titulo_testimonios{
    font-size: 250%;
    font-family: 'Montserrat-Bold', sans-serif;
    color: rgb(83,116,63);
    padding-left: 3%;
}
.nombres_testimonios{
    font-size: 200%;
    font-family: 'Montserrat-Medium', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
    margin-bottom: 0.3%;
}
.nombres_testimonios_2{
    font-size: 120%;
    font-family: 'Montserrat-Medium', sans-serif;
    color: rgb(250,248,243);
}
.letras_testimonios{
    font-size: 120%;
    font-family: 'Montserrat-Medium', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
    padding-right: 2%;
}
.letras_testimonios_2{
    font-size: 100%;
    font-family: 'Montserrat-Medium', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
}
.letras_contacto{
    font-size: 200%;
    font-family: 'Montserrat-Bold', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
    margin-bottom: 0;
    /* padding-left: 3%; */
}
/* TODO Para Acerca de ================================================================================================================================================================================================*/
.letras_acerca_fundacion{
    font-size: 150%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: justify;
    color: rgb(49, 68, 37);
}
.titulo_equipo{
    font-size: 250%;
    font-family: 'Montserrat-Bold', sans-serif;
    color: rgb(49, 68, 37);
    text-align: center;
}
.nombres_equipo{
    font-size: 200%;
    font-family: 'Montserrat-LightItalic', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
    letter-spacing: 1px;
    margin-bottom: 0.3%;
}
.nombres_equipo_cargo{
    font-size: 120%;
    font-family: 'Montserrat-Medium', sans-serif;
    text-align: start;
    color: rgb(250,248,243);
    letter-spacing: 3px;
}
.letras_equipo{
    font-size: 150%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
    padding-right: 2%;
}
.letras_equipo_leyenda{
    font-size: 100%;
    font-family: 'Montserrat',sans-serif;
    color: rgb(250,248,243);
    text-align: right;
    padding-right: 3%;
}

/* TODO Para Nuestros proyectos =======================================================================================================================================================================================*/
.titulo_letra_proyectos{
    font-size: 150%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}
.contenido_letra_proyectos{
    font-size: 120%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}

/* TODO Para Desarrollo sostenible ====================================================================================================================================================================================*/
.titulo_talleres{
    font-size: 200%;
    font-family: 'Montserrat-Bold',sans-serif;
    text-align: start;
    color: rgb(53,54,52);
    letter-spacing: 1px;
}
.subtitulo_talleres{
    font-size: 150%;
    font-family: 'Montserrat-Italic-2',sans-serif;
    text-align: start;
    color: rgb(53,54,52);
    letter-spacing: 1px;
}
.texto_talleres{
    font-size: 120%;
    font-family: 'Montserrat-Medium',sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
    /* letter-spacing: 1px; */
}

/* TODO Para Contactanos ==============================================================================================================================================================================================*/
.titulo_contacto{
    font-size: 120%;
    font-family: 'Montserrat-Bold', sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}
.info_contacto{
    font-size: 80%;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
    text-decoration: none;
}

/* TODO Para EEA ======================================================================================================================================================================================================*/
.letras_eea{
    font-size: 100%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}

/* TODO Para Sobre La Autora ==========================================================================================================================================================================================*/
.texto_sobre_autora{
    font-size: 140%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
    padding-left: 3%;
    padding-right: 3%;
}
.otras_obras_texto{
    font-size: 250%;
    font-family: 'Centaur-Bold', sans-serif;
    text-align: center;
    color: rgb(49, 68, 37);
}
.letras_sinopsis{
    font-size: 120%;
    font-family: 'Montserrat-Regular',sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}
.titulo_libro{
    font-size: 150%;
    font-family: 'Montserrat-Regular',sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}
.editorial_libro{
    font-size: 120%;
    font-family: 'Montserrat-Regular',sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}
.editorial_libro_nombre{
    font-size: 150%;
    font-family: 'Montserrat-Regular',sans-serif;
    text-align: justify;
    color: rgb(53,54,52);
}
.titulo_libro2{
    font-size: 150%;
    font-family: 'Montserrat-Regular',sans-serif;
    text-align: end;
    color: rgb(53,54,52);
}
.editorial_libro2{
    font-size: 120%;
    font-family: 'Montserrat-Regular',sans-serif;
    text-align: end;
    color: rgb(53,54,52);
}
.editorial_libro_nombre2{
    font-size: 150%;
    font-family: 'Montserrat-Regular',sans-serif;
    text-align: end;
    color: rgb(53,54,52);
}
.no_decoration{
    text-decoration: none;
    color: rgb(53,54,52);
}

/* TODO Para las publicaciones ========================================================================================================================================================================================*/
.texto_cita{
    font-size: 200%;
    font-family: 'Montserrat-Italic',sans-serif;
    text-align: center;
    color: rgb(49, 68, 37);
    padding-left: 3%;
    padding-right: 3%;
}
.texto_descripcion_video{
    font-size: 100%;
    font-family: 'Montserrat',sans-serif;
    text-align: justify;
    color: rgb(49, 68, 37);
}
.texto_doctora{
    font-size: 130%;
    font-family: 'Montserrat',sans-serif;
    text-align: justify;
    color: rgb(49, 68, 37);
}
.nombre_doctora{
    font-size: 120%;
    font-family: 'Montserrat-MediumItalic', sans-serif;
    text-align: start;
    color: rgb(53,54,52);
    margin-bottom: 0.3%;
}
.leer_mas{
    font-size: 120%;
    font-family: 'Montserrat-MediumItalic', sans-serif;
    text-align: start;
    color: rgb(118,144,100);
    text-decoration: none;
}
.oferta{
    font-size: 150%;
    font-family: 'Montserrat-LightItalic', sans-serif;
    text-align: center;
    color: rgb(49, 68, 37);
    margin-top: 20%;
}
.oferta2{
    font-size: 150%;
    font-family: 'Montserrat-LightItalic', sans-serif;
    text-align: center;
    color: rgb(250,248,243);
    margin-top: 20%;
}
.reseña{
    font-size: 120%;
    font-family: 'Montserrat-Italic', sans-serif;
    text-align: justify;
    margin-right: 6%;
    margin-left: 6%;
    color: rgb(250,248,243);
}
.reseñador{
    font-size: 120%;
    font-family: 'Montserrat-Italic', sans-serif;
    text-align: end;
    margin-right: 6%;
    color: rgb(250,248,243);
}
.descripcion_texto{
    font-size: 80%;
    font-family: 'Montserrat-Italic', sans-serif;
    text-align: justify;
    margin-right: 6%;
    margin-left: 6%;
    color: rgb(250,248,243);
}

/* TODO Para introduccion, prologo e indice ===========================================================================================================================================================================*/
.titulo_intro{
    font-size: 150%;
    font-family: 'Centaur-Bold', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
    margin-left: 6%;
}
.titulo_intro{
    font-size: 250%;
    font-family: 'Centaur-Bold', sans-serif;
    text-align: justify;
    color: rgb(250,248,243);
    margin-left: 6%;
}
.introduccion_texto{
    font-size: 100%;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    margin-left: 6%;
    margin-right: 6%;
}
.introduccion_autor{
    font-size: 80%;
    font-family: 'Montserrat', sans-serif;
    text-align: end;
    margin-left: 6%;
    margin-right: 6%;
}

/* TODO Para la pagina despues del correo =============================================================================================================================================================================*/
.nombre_interesado{
    font-size: 300%;
    font-family: 'Montserrat-Bold', sans-serif;
    text-align: center;
    color: rgb(250,248,243);
}
.texto_interesado{
    font-size: 250%;
    font-family: 'Montserrat-SemiBold', sans-serif;
    text-align: center;
    color: rgb(250,248,243);
}
.texto_interesado2{
    font-size: 200%;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    color: rgb(250,248,243);
}

/* TODO Para el footer ================================================================================================================================================================================================*/
.letras_footer{
    font-size: 150%;
    font-family: 'Montserrat-Regular', sans-serif;
    text-align: justify;
    color: rgb(118,144,100);
    padding-left: 5%;
}
/* ! Aqui empieza los diseños responsivos =============================================================================================================================================================================*/
@media screen and (max-width: 768px){
    /* todo Para la barra de navegacion ===============================================================================================================================================================================*/
    .NavLetras{
        font-size: 100%;
    }
    .NavLetras_2{
        font-size: 100%;
        color: #000;
    }
    .NavLetras_3{
        font-size: 100%;
        color: rgb(53,54,52);
    }

    /* TODO inicio ====================================================================================================================================================================================================*/
    .letras_ayuda{
        font-size: 150%;
        padding-left: 3%;
    }
    .letras_ayuda_2{
        font-size: 120%;
        padding-left: 3%;
    }
    .card_inicio_numeros{
        font-size: 150%;
        margin-bottom: 0.3%;
    }
    .card_inicio_letras{
        font-size: 100%;
    }
    .letras_contacto{
        font-size: 120%;
        text-align: start;
    }

    /* TODO Para Acerca de ============================================================================================================================================================================================*/
    .letras_acerca_fundacion{
        font-size: 100%;
    }
    .titulo_equipo{
        font-size: 200%;
    }
    .nombres_equipo{
        font-size: 150%;
        letter-spacing: 1px;
        margin-bottom: 0.3%;
    }
    .nombres_equipo_cargo{
        font-size: 100%;
        text-align: start;
        letter-spacing: 3px;
    }
    .letras_equipo{
        font-size: 100%;
        padding-right: 2%;
    }
    .letras_equipo_leyenda{
        font-size: 100%;
        padding-right: 3%;
    }

    /* TODO Para Nuestros proyectos ===================================================================================================================================================================================*/
    .titulo_letra_proyectos{
        font-size: 120%;
        text-align: start;
    }
    .contenido_letra_proyectos{
        font-size: 100%;
    }
    /* TODO Para Desarrollo sostenible ================================================================================================================================================================================*/
    .titulo_talleres{
        font-size: 150%;
    }
    .subtitulo_talleres{
        font-size: 120%;
    }
    .texto_talleres{
        font-size: 100%;
    }

    /* TODO Para Contactanos ==========================================================================================================================================================================================*/
    .titulo_contacto{
        font-size: 100%;
    }
    .info_contacto{
        font-size: 70%;
    }

    /* TODO Para EEA ==================================================================================================================================================================================================*/
    .letras_eea{
        font-size: 120%;
    }
    /* TODO Para Sobre La Autora ======================================================================================================================================================================================*/
    .texto_sobre_autora{
        font-size: 100%;
        text-align: justify;
        padding-left: 3%;
        padding-right: 3%;
    }
    .otras_obras_texto{
        font-size: 150%;
    }
    .letras_sinopsis{
        font-size: 100%;
        text-align: justify;
    }
    .titulo_libro{
        font-size: 120%;
        text-align: justify;
    }
    .editorial_libro{
        font-size: 100%;
        text-align: justify;;
    }
    .editorial_libro_nombre{
        font-size: 120%;
        text-align: justify;
    }
    .titulo_libro2{
        font-size: 120%;
        text-align: end;
    }
    .editorial_libro2{
        font-size: 100%;
        text-align: end;
    }
    .editorial_libro_nombre2{
        font-size: 120%;
        text-align: end;
    }
    /* TODO Para las publicaciones ========================================================================================================================================================================================*/
    .texto_cita{
        font-size: 120%;
    }
    .texto_descripcion_video{
        font-size: 80%;
    }
    .texto_doctora{
        font-size: 100%;
    }
    .nombre_doctora{
        font-size: 120%;
    }
    .leer_mas{
        font-size: 120%;
    }
    .oferta{
        font-size: 120%;
    }
    .reseña{
        font-size: 120%;
    }
    .reseñador{
        font-size: 120%;
    }
    .descripcion_texto{
        font-size: 80%;
    }

    /* TODO Para la pagina despues del correo =============================================================================================================================================================================*/
    .nombre_interesado{
        font-size: 150%;
    }
    .texto_interesado{
        font-size: 120%;
    }
    .texto_interesado2{
        font-size: 100%;
    }

    /* TODO Para el footer ============================================================================================================================================================================================*/
    .letras_footer{
        font-size: 80%;
    }

}