﻿.tituloPagina .texto-color {
   color: #7737E6;
}

.titulo-secundario {
   color: #120241 !important;
   font-size: calc(0.6em + 1vw) !important;
}

.icon-color {
   color: #6336BD !important;
}

.certificaciones {
   color: #120241;
}

.registro-STPS {
   background-image: linear-gradient(to bottom, #411CC1 0%, #964CAB 80%);
}

.certificaciones .texto {
   font-size: 18px;
   margin-left: 50px;
   margin-right: 50px;
}

.certificaciones ul {
   list-style-type: none;
}

.certificaciones li {
   font-size: 12px;
}

   .certificaciones li i {
      font-size: 20px;
      color: #023676;
   }

.certificaciones .imagen {
   width: 70%;
}

.div-titulo-linea {
   position: relative;
}

.validez .background-image {
   background-image: url('/images/cursos-de-ingles-validez-oficial-SEP.jpg?v=2024');
   background-size: cover;
   background-position: center;
}

.registro-STPS .background-image {
   background-image: url('/images/Registro-STPS.jpg?v=2024');
   background-size: cover;
   background-position: center;
}

.validez .imagen,
.registro-STPS .imagen {
   width: 100%;
}

.validez .texto,
.registro-STPS .texto {
   padding-left: 15%;
   padding-right: 15%;
}

.validez .texto {
   font-size: 18px;
}

.registro-STPS .texto {
   font-size: 20px;
}

.certificaciones h2 {
   font-size: 16px;
   font-weight: bolder;
   color: #023676;
}

.certificaciones .card-titulo {
   font-size: 16px;
}

.certificaciones .card-precio {
   font-size: 20px;
   font-weight: bolder;
}

.certificaciones .card-precio-anterior {
   font-size: 14px;
}

.certificaciones .mnx {
   font-size: 12px;
}

#seccion-formulario {
   height: 550px;
}

.formulario-interior {
   position: relative;
   width: 90%;
   height: 430px;
   top: 50px;
   left: 5%;
}

#seccion-formulario .formulario {
   box-shadow: 0 0px 0px 1px #411889;
}


#seccion-formulario .texto {
   display: none;
}

.div-linea {
   width: 60%;
   border-top: solid;
   border-width: 3px;
   position: absolute;
   left: 20%;
}

#tituloQueAprenderas {
   font-size: 20px;
}

.seccion-que-aprenderas {
   background-color: #3F0B8B;
   font-size: 15px;
   padding-right: 95px;
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
   position: relative;
   overflow: hidden;
}

   .seccion-que-aprenderas img {
      position: absolute;
      max-height: 130px;
      right: -20px;
      height: 75px;
      bottom: -25px;
   }

.seccion-curso-TOEFL .background-image {
   background-image: url('/images/En-que-consiste-curso-TOEFL.jpg?v=2025');
   background-size: cover;
   background-position: center;
}

.seccion-curso-TOEFL .texto {
   padding-left: 10%;
   padding-right: 10%;
   font-size: 15px;
}

.seccion-curso-TOEFL .imagen {
   width: 100%;
}


@media screen and (min-width: 576px) {
   .validez .imagen,
   .registro-STPS .imagen {
      display: none;
   }


   .formulario-interior {
      width: 60%;
      height: 410px;
      left: 20%;
   }

   .seccion-que-aprenderas {
      font-size: calc(0.6em + 1vw);
   }

   .seccion-curso-TOEFL .texto {
      padding-left: 3%;
      padding-right: 3%;
      font-size: calc(0.5em + 1vw);
   }

   .seccion-curso-TOEFL .imagen {
      display: none;
   }

   .seccion-que-aprenderas img {
      height: 10vw;
      bottom: -25px;
   }
}

@media screen and (min-width: 768px) {
   .certificaciones li {
      font-size: 16px;
   }

   .certificaciones .imagen {
      width: 90%;
   }

   .certificaciones h2 {
      font-size: 24px;
   }

   .certificaciones .card-titulo {
      font-size: 24px;
   }

   .certificaciones .card-precio {
      font-size: 32px;
   }

   .certificaciones .card-precio-anterior {
      font-size: 24px;
   }

   .certificaciones .mnx {
      font-size: 20px;
   }

/*   .validez .imagen,
   .registro-STPS .imagen {
      padding-left: 7%;
      width: 90%;
   }*/

   .validez .texto,
   .registro-STPS .texto {
      padding-left: 5%;
      padding-right: 5%;
   }

   #seccion-formulario {
      height: 440px;
   }

   .formulario-interior {
      height: 300px;
   }

   #seccion-formulario .texto {
      display: block;
      position: relative;
      font-size: 2.5vw;
      left: 60%;
      top: 60%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
   }

   #tituloQueAprenderas {
      display: none;
   }

   .seccion-que-aprenderas img {
      height: 150px;
      bottom: -45px;
   }
}

@media screen and (min-width: 992px) {
   .titulo-secundario {
      margin-top: 0px !important;
      font-size: 30px !important;
   }

   .certificaciones .imagen {
      width: 75%;
   }

   .validez .imagen,
   .registro-STPS .imagen {
      padding-left: 10%;
      width: 75%;
   }

   .validez .texto,
   .registro-STPS .texto {
      padding-left: 10%;
      padding-right: 10%;
   }

   #seccion-formulario {
      height: 490px;
   }

   .formulario-interior {
      height: 350px;
   }
}
