@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Poppins:ital,wght@0,600;1,200&display=swap');
*{
    box-sizing: border-box;
}
/*Imagenes de fondo*/
.body-inicio{
   padding: 20px 20px 0;
   background: url("../img/BANNER-INICIO.png") no-repeat center top;
}
.body-somos{
    padding: 20px 20px 0;
    background: url("../img/BANNER-SOMOS.png") no-repeat center top;
}
.body-servicios{
    padding: 20px 20px 0;
    background: url("../img/BANNER-SERVICIOS.png") no-repeat center top;
}
.body-contactos{
    padding: 20px 20px 0;
    background: url("../img/BANNER-CONTACTOS.png") no-repeat center top;
}
/*Fin de imagenes de fonodo*/
/*inicio estilo pagina inicio*/
.section-somos{
    margin-top: 800px;
    
}
.contenedor-prin{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
header {
    height: auto;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
}
.nav{
    display:flex;
    /*justify-content: space-between;*/
    position: relative;
    height:100% !important;
}
.lista-links{
    color:#543085; 
    text-decoration: none;
}
.lista-links:hover{
    color:white; 
}
.logo{
    padding: 10px 40px;
    line-height: 10%;
}
.logo-img{
    width: 30%;
}
.lista{
    display:flex;
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    height: 100%;
    width: 1366px;
}
.lista-items{
    font-size: 0.9em;
    margin: 1% 2%;
    line-height: 30px;
    text-transform: uppercase;
    width: max-content;
    padding: 1%;
}
.lista-items:hover{
    background-color: #ec207c;
    border-radius: 10px;
    color:#fff;
}
.btn-inscripcion{
    width: 20%;
    height: 55px;
    background-color: #ec207c;
    margin: 10px 20px;
    color: white;
    border: none;
    border-radius: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.5s;
}
.btn-inscripcion:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.info{
    height: 750px;
    width: 100%;
    margin-top: 150px;
    display: flex;
    flex-direction: row-reverse;
}
.text-info{
    margin: 465px 100px;
    width: 450px;
    height: 150px;
    display: flex;
}
.text-info > p{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: right;
    color: white;
    font-size: 18px;
}
h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: center; 
    color: #ec207c;
    text-transform: uppercase;
}
.container-principal{
    width: 90%;
    height:auto;
    display: flex;
    padding: 10px;
    justify-content: center;
}
.container-item{
    width: 100px;
    margin: 10px;
    height: 300px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.img-container{
    width: 300px;
}
.info-container{
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-align: justify;
    font-size: 20px;
    color: #000094;
}
.servicios{
    background-color: #edeeed;
    width: 100%;
    align-items: center;
    text-align: center;
}
.servicios-text{
    padding-top: 50px;
}
.servicios-text >p{
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    color: #662b96;
}
.container-servicios{
    width: 100%;
    height: auto;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}
.cuadro-servicio{
    background-color: white;
    width: 400px;
    height: 450px;
    margin: 20px;
    box-shadow: 0 0 10px rgba(112,112,112, 0.3);
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    transition: transform 0.5s;

}
.cuadro-servicio:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}
.img-servicios{
    width: 80%;
}
h2{
    margin-top: 15px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: italic;
    color: #ec207c;
}
.btn-info{
    background-color:#ec207c; 
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color:white;
    width: 200px;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: none;
    box-shadow: 3px 2px 2px rgba(112,112,112, 0.9);
    cursor: pointer;
    transition: transform 0.5s;
}
.btn-info:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.pie-pag{
    width: 100%;
    height: 350px;
    background-color: #662b96;
    display: flex;
    align-content: start;
    flex-wrap: wrap;
    justify-content: center;
}
.pie-pag-info{
    width: 30%;
    height: 200px;
    margin: 20px;
    padding: 10px;
}
.pie-pag-info > p{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: 2;
    color:white;
}
.pie-pag-info > img{
    width: 30px;
    margin-top: 30px;
    position: absolute;
}
.telf-text{
    line-height: 1.2!important;
    margin-left: 40px;
    margin-top: 20px;
}
.email-text{
    line-height: 1.2!important;
    margin-left: 40px;
    margin-top: 30px;
}
.pie-pag-info h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color:white;
}
.list-footer{
    font-family: 'Montserrat', sans-serif;
    color:white;
    list-style: none;
    margin-left: -40px

}
.list-footer li{
    margin-top: 20PX;
}
.centrar{
    text-align: center;
}
.redes{
    display: flex;
    justify-content: space-between;
    width: 90%;
    height: 60px;
    margin-top: 20px;
    justify-items: center;
}

.derechos{
    width: 90%;
    height: 4px;
    background-color: white;
    margin-top: 50px;
    border-radius: 20px;
}
#derechos-reservados{
    font-family: 'Montserrat', sans-serif;
    color:white;
    list-style: none;
    margin-top: 10px;
}
/*fin estilo pagina inicio*/

/*inicio estilo pagina quienes somos*/
.container-item-somos{
    width: 80%;
    height: auto;
}
.mision{
    text-align: center;
    font-size: 4.5vh;
}
.cuadro-servicio-somos{
    width: 40%;
    display: flex;
    align-items: center;
}
.cuadro-servicio-somos > p{
    color:#000094;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    font-size: 3vh;
    line-height: 2;
}
.cuadro-servicio-somos{
    height: auto;
    display: flex;
    justify-content: center;
    padding: 40px!important;
    flex-direction: column; 
    text-align: center;
}
/*fin estilo pagina quienes somos*/

/*inicio estilo pagina servicios*/
.prueba{
    font-size: 4vh !important;
    display: inline-block;
    transition: color 250ms, text-shadow 250ms;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    position: relative;
    z-index: 0;
    cursor: pointer;
    color: #ec207c;
    text-decoration: none;}
.prueba::after{
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    content: '';
    width: 100%;
    height: 3px;
    background-color: #543085;
    transition: all 250ms;
}

.prueba:hover::after{
    height: 8%;
    width: 105%;
    transform: translateX(-50%) scaleX(1);
    border-radius: 20px;
}

.cuadro-servicio-servicio{
    width: 80%;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    height: auto;
}
.cuadro-servicio-servicio > p{
    color:#000094;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    font-size: 3vh;
    line-height: 2;
    padding: 5%;
}
.materias{
    background-color:#fff;
}
.cuadro-servicio-materias{
    width: 30%;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    height: auto;
    
}
.cuadro-servicio-materias  h1{
    color:#5a2f92;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-size: 3vh;
    padding: 5%;
}
/*fin estilo pagina servicios*/

/*inicio estilo contactos*/
.cuadro-contactos{
    margin-top: 3%;
    width: 40%;
    text-align: center;
    padding: 1%;
}
.cuadro-contactos > iframe{
    width: 90%;
    height: 85%;
}
.cuadro-contactos > p{
    color:#000094;
    font-family: 'Montserrat', sans-serif;
    text-align: justify;
    margin-bottom: 3%;
}
.tit-contactos{
    font-family: 'Montserrat', sans-serif;
    font-size: 3vh;
    text-transform: none;
}
.info-contactos{
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4vh;
    text-align: justify;
    margin-top: 3%;
}
/*formulario*/
.formulario-contactos > input{
    width: 100%;
    height: 35px;
    border-radius: 10px;
    background-color: #f0f3f0;
    font-family: 'Poppins', sans-serif;
    font-size: 2vh;
    border: 1.5px solid #543085;  
    padding: 2%;
    color:  #543085;
    margin-top: 1%;
}
.formulario-contactos > textarea{
    width: 100%;
    height: 180px;
    border-radius: 10px;
    background-color: #f0f3f0;
    font-family: 'Poppins', sans-serif;
    font-size: 2vh;
    border: 1.5px solid #543085;  
    padding: 2%;
    color:  #543085;
    margin-top: 1%;
}
input[type="submit"]{
    width: 30%;
    height: 30px;
    background-color: #ec207c;
    color: white;
    border: none;
    border-radius: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    cursor: pointer;
    float: right;
    text-transform: uppercase;
}
.areatext{
    /*width: 100%;
    height: 180px;*/
    border-radius: 10px;
    background-color: #f0f3f0;
    font-family: 'Poppins', sans-serif;
    font-size: 2vh;
    border: 1.5px solid #543085;  
    padding: 2%;
    color:  #543085;
    margin-top: 1%;
}
/*formulario*/
table tr th{
    background-color:#543085;
    width: 1000px;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-size: 4vh;
}
table tr{
    font-family: 'Poppins', sans-serif;
    font-size: 2.4vh;
    text-align: center;
}
table tr td{
    width: 33%;
}

.cuadro-contactos-datos{
    background-color: white;
    width: 300px;
    margin: 20px;
    box-shadow: 0 0 10px rgba(112,112,112, 0.3);
    text-align: center;
    border-radius: 10px;
    padding-bottom: 20px;
}

.cuadro-contactos-datos > p {
    font-family: 'Poppins', sans-serif;
    font-size: 2.2vh;
    margin-top: 2%;
    text-align: center;
    color:#000094;
}
.cuadro-contactos-datos > img {
    width: 30%;
    margin-top: 20%;
}
/*responsive*/
@media only screen and (min-width: 1368px) {
    .contenedor-prin {
        margin-left: 15.5%;
        width: 1366px;
    }
    .servicios-text > p{
        font-size: 1.5em;
    }
    h1{
        font-size: 2em;
    }
    .cuadro-servicio{
        width: 40%;
        height: auto;
        
    }
    .container-item-somos{
        margin-left: 12%;
        width: 1366px;
        font-size:1.5em;
    }
    .servicios{
        /*margin-left: 15.5%;*/
        width: 1366px;
    }
    .cuadro-servicio-somos{
        width: 40%;
        height: auto;
    }
    .cuadro-servicio-somos > p{
        font-size:1.4em;
    }
    .pie-pag-info > img{
        margin-top: 10px;
    }
    .cuadro-servicio-servicio {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        height: auto;
    }
    .cuadro-servicio-servicio > p{
        font-size:1.4em;
    }
    .info-container{
        width: 100%;
    }
    .cuadro-servicio-materias{
        width: 30%;
    }
    input[type="submit"]{
        height: 20%;
        padding: 2%;
        width: 20%;
    }
}