/* screen - index */

.index {
  background-color: var(--black-haze);
  height: 100vh;
  margin: 0px;
  min-height: 4998px;
  min-width: 1817px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .grupo-12-IO3Fu5 {
  background-color: transparent;
  height: 336px;
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: calc(37.64% - 126px);
  transition: all 0.2s ease;
  width: calc(100.00% - 257px);
}

.index .grupo-12-IO3Fu5:hover {
  transform: scale(1.1);
}

.index .ima3-mPeAIf {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index .grupo-11-mPeAIf {
  background-color: transparent;
  height: calc(100.00% - 99px);
  left: calc(34.66% - 175px);
  position: absolute;
  top: 50px;
  width: 504px;
}

.index .nuestro-objetivo-lHcEzC {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: 235px;
}

.index .trazado-31-lHcEzC {
  background-color: transparent;
  height: 2px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 24.68%;
  width: 415px;
}

.index .nuestro-objetiv-una-alternativa-lHcEzC {
  background-color: transparent;
  bottom: -23px;
  height: 156px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .grupo-31-IO3Fu5 {
  background-color: transparent;
  height: 110px;
  left: 0px;
  position: absolute;
  top: 556px;
  width: 100%;
}

.index .rectngulo-6-TZRQCx {
  background: linear-gradient(90deg, #476daa 0%, #35a86d 100%);
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-6-TZRQCx {
  background-color: transparent;
  display: block;
  height: 60px;
  position: absolute;
  right: calc(48.16% - 575px);
  top: calc(44.44% - 27px);
  width: 1194px;
  opacity: 0;
transform: translate(-1200px, 0);
}

.index .grupo-6-TZRQCx.bp1-animate-enter {
  animation: bp1-animate-enter-frames 1.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-1200px, 0);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
transform: translate(-1200px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .grupo-3-b0xKtf {
  background-color: transparent;
  height: 100%;
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 272px;
}

.index .grupo-3-b0xKtf:hover {
  transform: scale(1.1);
}

.index .trazado-6-GHiFt7 {
  background-color: transparent;
  height: 40px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 9px;
  width: 44px;
}

.index .trazado-7-GHiFt7 {
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 68px;
}

.index .estudios-online-GHiFt7 {
  background-color: transparent;
  height: 35px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 178px;
}

.index .avalados-por-la-sep-GHiFt7 {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 4px;
  text-align: left;
  white-space: nowrap;
  width: 174px;
}

.index .grupo-4-b0xKtf {
  background-color: transparent;
  height: 100%;
  left: calc(46.90% - 186px);
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 396px;
}

.index .grupo-4-b0xKtf:hover {
  transform: scale(1.1);
}

.index .instructores-certificados-L4xlPI {
  background-color: transparent;
  height: 35px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 20px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 274px;
}

.index .ve-de-la-mano-en-todo-momento-L4xlPI {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  white-space: nowrap;
  width: 296px;
}

.index .icon-awesome-check-L4xlPI {
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 74px;
}

.index .grupo-5-b0xKtf {
  background-color: transparent;
  height: 100%;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: all 0.2s ease;
  width: 331px;
}

.index .grupo-5-b0xKtf:hover {
  transform: scale(1.1);
}

.index .aprende-en-tu-horario-6P0klU {
  background-color: transparent;
  height: 35px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 254px;
}

.index .aprende-cuando-sea-6P0klU {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(47.29% - 87px);
  text-align: left;
  white-space: nowrap;
  width: 183px;
}

.index .icon-awesome-clock-6P0klU {
  background-color: transparent;
  height: calc(100.00% - 9px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 8px;
  width: 51px;
}

.index .grupo-38-IO3Fu5 {
  background-color: transparent;
  bottom: calc(49.34% - 329px);
  height: 667px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .ima4-IWDHql {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-37-IWDHql {
  background-color: transparent;
  height: calc(100.00% - 62px);
  left: 0px;
  position: absolute;
  top: 31px;
  width: 100%;
}

.index .grupo-36-ddy8Ty {
  background-color: transparent;
  height: calc(100.00% - 10px);
  left: 0px;
  position: absolute;
  top: 5px;
  width: 659px;
}

.index .rectngulo-67-JthuR7 {
  background-color: transparent;
  bottom: -12px;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: calc(100.00% + 18px);
}

.index .rectngulo-67-JthuR7:hover {
  transform: translate(-387px, 0);
}

.index .rectngulo-72-JthuR7 {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: calc(19.57% - 8px);
  transition: all 0.2s ease;
  width: 539px;
}

.index .rectngulo-72-JthuR7:hover {
  transform: translate(-249px, 0);
}

.index .rectngulo-73-JthuR7 {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: calc(40.22% - 17px);
  transition: all 0.2s ease;
  width: 358px;
}

.index .rectngulo-73-JthuR7:hover {
  transform: translate(-68px, 0);
}

.index .rectngulo-75-JthuR7 {
  background-color: transparent;
  bottom: calc(39.13% - 17px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 358px;
}

.index .rectngulo-75-JthuR7:hover {
  transform: translate(-68px, 0);
}

.index .rectngulo-77-JthuR7 {
  background-color: transparent;
  bottom: calc(28.80% - 12px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 458px;
}

.index .rectngulo-77-JthuR7:hover {
  transform: translate(-168px, 0);
}

.index .rectngulo-68-JthuR7 {
  background-color: transparent;
  bottom: 45px;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: calc(100.00% - 57px);
}

.index .rectngulo-68-JthuR7:hover {
  transform: translate(-312px, 0);
}

.index .rectngulo-71-JthuR7 {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 51px;
  transition: all 0.2s ease;
  width: calc(100.00% - 57px);
}

.index .rectngulo-71-JthuR7:hover {
  transform: translate(-312px, 0);
}

.index .rectngulo-74-JthuR7 {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: calc(29.89% - 13px);
  transition: all 0.2s ease;
  width: 458px;
}

.index .rectngulo-74-JthuR7:hover {
  transform: translate(-168px, 0);
}

.index .rectngulo-76-JthuR7 {
  background-color: transparent;
  bottom: calc(49.46% - 21px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  position: absolute;
  width: 290px;
}

.index .rectngulo-69-JthuR7 {
  background-color: transparent;
  bottom: calc(18.48% - 8px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 539px;
}

.index .rectngulo-69-JthuR7:hover {
  transform: translate(-249px, 0);
}

.index .rectngulo-70-JthuR7 {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -6px;
  transition: all 0.2s ease;
  width: calc(100.00% + 18px);
}

.index .rectngulo-70-JthuR7:hover {
  transform: translate(-387px, 0);
}

.index .grupo-35-ddy8Ty {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 960px;
}

.index .rectngulo-66-qfKZCa {
  background-color: transparent;
  display: block;
  height: calc(100.00% + 18px);
  left: -9px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 18px);
  opacity: 0;
transform: translate(500px, 0);
}

.index .rectngulo-66-qfKZCa.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(500px, 0);
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
transform: translate(500px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .grupo-16-qfKZCa {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 167px);
  left: 84px;
  position: absolute;
  top: 84px;
  width: 566px;
  opacity: 0;
transform: translate(900px, 0);
}

.index .grupo-16-qfKZCa.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 1.00s ease-out 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(900px, 0);
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
transform: translate(900px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .title-XjxHo1 {
  background-color: transparent;
  height: 69px;
  left: 31px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: 8px;
  white-space: nowrap;
  width: calc(100.00% - 29px);
}

.index .qu-es-celm-XjxHo1 {
  background-color: transparent;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(26.77% - 8px);
  white-space: nowrap;
  width: 161px;
}

.index .que-tecnologa-n-para-funcionar-XjxHo1 {
  background-color: transparent;
  bottom: calc(36.55% - 11px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: 445px;
}

.index .celm-se-adapta-es-de-bachiller-XjxHo1 {
  background-color: transparent;
  bottom: 30px;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: 466px;
}

.index .somos-una-insti-tus-necesidades-XjxHo1 {
  background-color: transparent;
  height: 74px;
  left: 55px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(42.31% - 31px);
  white-space: nowrap;
  width: calc(100.00% - 55px);
}

.index .implementar-cel-ceso-a-internet-XjxHo1 {
  background-color: transparent;
  bottom: calc(22.42% - 11px);
  height: 50px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: 100%;
}

.index .solo-1-examen-c-cular-de-la-sep-XjxHo1 {
  background-color: transparent;
  bottom: -5px;
  height: 26px;
  left: 53px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 53px);
}

.index .grupo-39-IO3Fu5 {
  background-color: transparent;
  bottom: calc(40.07% - 25px);
  height: 63px;
  position: absolute;
  right: calc(48.16% - 575px);
  width: 1194px;
}

.index .testimonios-F5xQAq {
  background-color: transparent;
  height: 42px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 197px;
}

.index .trazado-27-F5xQAq {
  background-color: transparent;
  bottom: 0px;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index .grupo-41-IO3Fu5 {
  background-color: transparent;
  bottom: calc(36.76% - 54px);
  height: 148px;
  position: absolute;
  right: calc(47.73% - 572px);
  width: 1199px;
}

.index .grupo-40-WLAMlc {
  background-color: transparent;
  height: calc(100.00% - 8px);
  left: 178px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 178px);
}

.index .rosa-aurora-nava-venegas-pYy6a0 {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 367px;
}

.index .quiero-agradece-apoyo-seguir-pe-pYy6a0 {
  background-color: transparent;
  bottom: -14px;
  height: 86px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .elipse-1-11x-WLAMlc {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}

.index .grupo-43-IO3Fu5 {
  background-color: transparent;
  bottom: calc(32.25% - 48px);
  height: 148px;
  position: absolute;
  right: 272px;
  width: 1072px;
}

.index .grupo-42-h55xwP {
  background-color: transparent;
  height: calc(100.00% - 8px);
  position: absolute;
  right: 0px;
  top: 0px;
  width: 896px;
}

.index .melissa-castellon-vargas-W8oGMA {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 335px;
}

.index .me-siento-muy-f-adquirido-graci-W8oGMA {
  background-color: transparent;
  bottom: -14px;
  height: 86px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .elipse-2-11x-h55xwP {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}

.index .grupo-45-IO3Fu5 {
  background-color: transparent;
  bottom: calc(27.01% - 40px);
  height: 148px;
  left: calc(49.39% - 574px);
  position: absolute;
  width: 1163px;
}

.index .grupo-44-zGS23m {
  background-color: transparent;
  height: 107px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 984px;
}

.index .jos-antonio-ramn-ochoa-7GiXwf {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 386px;
}

.index .cea-me-apoy-a-c-excelente-opcin-7GiXwf {
  background-color: transparent;
  bottom: -10px;
  height: 58px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .elipse-3-11x-zGS23m {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}

.index .grupo-55-IO3Fu5 {
  background-color: transparent;
  bottom: 497px;
  height: 671px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .rectngulo-78-LxGBi7 {
  background-color: var(--white);
  box-shadow: 0px -3px 10px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-46-LxGBi7 {
  background-color: transparent;
  height: 106px;
  left: 0px;
  position: absolute;
  top: 51px;
  width: calc(100.00% - 451px);
}

.index .rectngulo-85-x0bZBt {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .ponte-en-contacto-con-nosotros-x0bZBt {
  background-color: transparent;
  bottom: calc(38.46% - 26px);
  color: var(--white);
  font-family: var(--font-family-segoeui-bold);
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  height: 67px;
  letter-spacing: 0.00px;
  line-height: 49px;
  position: absolute;
  right: calc(14.37% - 105px);
  text-align: left;
  white-space: nowrap;
  width: 731px;
}

.index .grupo-53-LxGBi7 {
  background-color: transparent;
  bottom: 54px;
  height: 424px;
  left: calc(50.00% - 484px);
  position: absolute;
  width: 967px;
}

.index .grupo-52-vD0Y3S {
  background-color: transparent;
  height: calc(100.00% - 80px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .quieres-recibir-ms-informacin-kEcEuI {
  background-color: transparent;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.90% - 231px);
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 462px;
}

.index .grupo-51-kEcEuI {
  background-color: transparent;
  height: calc(100.00% - 95px);
  left: 0px;
  position: absolute;
  top: 95px;
  width: 100%;
}

.index .grupo-47-9VNd75 {
  background-color: transparent;
  height: 69px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 461px;
}

.index .rectngulo-79-0p1pES {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .nombre-0p1pES {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 39px);
}

.index .nombre-0p1pES::placeholder {
  color: #70707099;
}

.index .grupo-50-9VNd75 {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 489px;
}

.index .rectngulo-82-jbWItb {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .mensaje-jbWItb {
  background-color: transparent;
  border: 0;
  height: 196px;
  left: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 32px;
  width: calc(100.00% - 58px);
}

.index .mensaje-jbWItb::placeholder {
  color: #70707099;
}

.index .grupo-48-9VNd75 {
  background-color: transparent;
  height: 69px;
  left: 0px;
  position: absolute;
  top: calc(50.00% - 34px);
  width: 461px;
}

.index .rectngulo-80-2hoJDK {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .correo-electrnico-2hoJDK {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 36px);
}

.index .correo-electrnico-2hoJDK::placeholder {
  color: #70707099;
}

.index .grupo-49-9VNd75 {
  background-color: transparent;
  bottom: 0px;
  height: 69px;
  left: 0px;
  position: absolute;
  width: 461px;
}

.index .rectngulo-81-k1NJQi {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .telfono-k1NJQi {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 44px);
}

.index .telfono-k1NJQi::placeholder {
  color: #70707099;
}

.index .grupo-17-vD0Y3S {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  left: calc(50.00% - 62px);
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 125px;
}

.index .grupo-17-vD0Y3S:hover {
  transform: scale(1.1);
}

.index .rectngulo-83-vxjV7Y {
  background-color: var(--san-marino);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  cursor:pointer;
}

.index .enviar-vxjV7Y {
  background-color: transparent;
  bottom: calc(32.50% - 7px);
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  right: calc(48.19% - 20px);
  text-align: left;
  white-space: nowrap;
  width: 42px;
  cursor:pointer;
}

.index .grupo-10-IO3Fu5 {
  background-color: transparent;
  height: 507px;
  pointer-events: auto;
  position: absolute;
  right: -60px;
  top: calc(31.17% - 158px);
  transition: all 0.2s ease;
  width: 943px;
}

.index .grupo-10-IO3Fu5:hover {
  transform: scale(1.1);
}

.index .ima2-dyArq3 {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index .grupo-9-dyArq3 {
  background-color: transparent;
  height: calc(100.00% - 90px);
  left: calc(30.10% - 132px);
  position: absolute;
  top: 45px;
  width: 438px;
}

.index .nuestra-visin-t3dgp8 {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: 201px;
}

.index .trazado-29-t3dgp8 {
  background-color: transparent;
  height: 2px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 58px;
  width: calc(100.00% - 23px);
}

.index .utilizar-difere-aracin-personal-t3dgp8 {
  background-color: transparent;
  height: 68px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(26.36% - 18px);
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .nuestra-misin-t3dgp8 {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(49.33% - 21px);
  white-space: nowrap;
  width: 209px;
}

.index .trazado-30-t3dgp8 {
  background-color: transparent;
  bottom: calc(42.65% - 1px);
  height: 2px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 25px);
}

.index .cambiar-la-cali-rtunidad-a-trav-t3dgp8 {
  background-color: transparent;
  bottom: -23px;
  height: 156px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 6px);
}

.index .grupo-8-IO3Fu5 {
  background-color: transparent;
  height: 411px;
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: calc(29.50% - 121px);
  transition: all 0.2s ease;
  width: 1008px;
}

.index .grupo-8-IO3Fu5:hover {
  transform: scale(1.1);
}

.index .ima1-NeRQ62 {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index .grupo-7-NeRQ62 {
  background-color: transparent;
  height: 277px;
  position: absolute;
  right: 109px;
  top: calc(50.00% - 138px);
  width: 417px;
}

.index .quines-somos-xRwMV2 {
  background-color: transparent;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: 0px;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: 235px;
}

.index .trazado-28-xRwMV2 {
  background-color: transparent;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 20.36%;
  width: calc(100.00% - 2px);
}

.index .celm-es-una-ext-o-va-dirigida-a-xRwMV2 {
  background-color: transparent;
  bottom: -29px;
  height: 200px;
  left: 52px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 50px);
}

.index .grupo-30-IO3Fu5 {
  background-color: transparent;
  height: 8.74%;
  left: 0px;
  position: absolute;
  top: 103px;
  width: 100%;
}

.index .school-V5hWxB {
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-29-V5hWxB {
  background-color: transparent;
  height: calc(100.00% - 17px);
  left: 0px;
  position: absolute;
  top: 17px;
  width: 960px;
}

.index .grupo-15-VxZP3n {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 98px;
  left: 0px;
  position: absolute;
  width: 100%;
  opacity: 0;
transform: translate(-970px, 0);
}

.index .grupo-15-VxZP3n.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-970px, 0);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
transform: translate(-970px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .rectngulo-4-5mpPWo {
  background-color: transparent;
  height: calc(100.00% + 18px);
  left: -9px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 18px);
}

.index .grupo-14-5mpPWo {
  background-color: transparent;
  height: 58px;
  position: absolute;
  right: 22px;
  top: calc(50.00% - 29px);
  width: 572px;
}

.index .rectngulo-5-sN8NwG {
  background-color: var(--seashell);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-13-sN8NwG {
  background-color: transparent;
  bottom: calc(46.67% - 13px);
  height: 28px;
  left: 24px;
  position: absolute;
  width: calc(100.00% - 42px);
}

.index .icon-awesome-search-64aEBc {
  background-color: transparent;
  height: calc(100.00% - 5px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 23px;
}

.index .en-que-te-quieres-graduar-64aEBc {
  background-color: transparent;
  border: 0;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 0px;
  width: calc(100.00% - 49px);
}

.index .en-que-te-quieres-graduar-64aEBc::placeholder {
  color: #70707099;
}

.index .grupo-28-VxZP3n {
  background-color: transparent;
  height: calc(100.00% - 98px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .rectngulo-3-cnb8s6 {
  background-color: transparent;
  display: block;
  height: calc(100.00% + 18px);
  left: -9px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 18px);
  opacity: 0;
transform: translate(-300px, 0);
}

.index .rectngulo-3-cnb8s6.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-300px, 0);
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-300px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .grupo-2-cnb8s6 {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 58px);
  position: absolute;
  right: 79px;
  top: 29px;
  width: 515px;
  opacity: 0;
transform: translate(-300px, 0);
}

.index .grupo-2-cnb8s6.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 1.00s ease-out 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-300px, 0);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: translate(-300px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .termina-tu-licenciatura-ir2ZNi {
  background-color: transparent;
  height: 69px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 8px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .o-bachillerato-en-linea-ir2ZNi {
  background-color: transparent;
  height: 69px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(38.72% - 27px);
  white-space: nowrap;
  width: calc(100.00% - 13px);
}

.index .estudia-y-apren-arios-de-verdad-ir2ZNi {
  background-color: transparent;
  bottom: -14px;
  height: 86px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 13px);
}

.index .grupo-27-IO3Fu5 {
  background-color: transparent;
  height: 103px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .rectngulo-1-dzbnNi {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-26-dzbnNi {
  background-color: transparent;
  height: calc(100.00% - 28px);
  position: absolute;
  right: calc(48.15% - 575px);
  top: 14px;
  width: 1194px;
}

.index .grupo-25-GB5ude {
  background-color: transparent;
  bottom: calc(48.94% - 14px);
  height: 28px;
  position: absolute;
  right: calc(26.85% - 53px);
  width: 196px;
}

.index .icon-material-menu-QdiX5t {
  background-color: transparent;
  height: calc(100.00% - 10px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 27px;
}

.index .niveles-educativos-QdiX5t {
  background-color: transparent;
  height: calc(100.00% + 2px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 164px;
}

.index .grupo-24-GB5ude {
  background-color: transparent;
  height: calc(100.00% - 17px);
  left: calc(32.02% - 135px);
  position: absolute;
  top: 9px;
  width: 423px;
}

.index .rectngulo-2-3xbEx1 {
  background-color: var(--seashell);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-23-3xbEx1 {
  background-color: transparent;
  bottom: calc(46.67% - 13px);
  height: 28px;
  left: 18px;
  position: absolute;
  width: calc(100.00% - 37px);
}

.index .icon-awesome-search-2IaBmu {
  background-color: transparent;
  height: calc(100.00% - 5px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 23px;
}

.index .buscar-nivel-de-estudios-2IaBmu {
  background-color: transparent;
  border: 0;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 0px;
  width: calc(100.00% - 47px);
}

.index .buscar-nivel-de-estudios-2IaBmu::placeholder {
  color: #70707099;
}

.index .grupo-1-GB5ude {
  background-color: transparent;
  bottom: calc(48.00% - 24px);
  height: 50px;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  transition: all 0.2s ease;
  width: 207px;
}

.index .grupo-1-GB5ude:hover {
  transform: scale(1.1);
}

.index .rectngulo-59-MexPDu {
  background-color: var(--fountain-blue);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .acceso-MexPDu {
  background-color: transparent;
  bottom: calc(30.95% - 9px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(49.58% - 32px);
  text-align: left;
  white-space: nowrap;
  width: 65px;
}

.index .logo-celm-GB5ude {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 187px;
}

.index .logo-celm-GB5ude:hover {
  transform: scale(1.1);
}

.index .grupo-60-IO3Fu5 {
  background-color: transparent;
  bottom: 0px;
  height: 474px;
  left: 0px;
  position: absolute;
  width: 100.05%;
}

.index .color-rliLNx {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 70px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 753px;
  opacity: 0;
transform: translate(-500px, 0);
}

.index .color-rliLNx.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-500px, 0);
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 0;
transform: translate(-500px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .grupo-20-rliLNx {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 1px;
  width: 81.46%;
}

.index .trazado-32-KYiqhe {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-19-KYiqhe {
  background-color: transparent;
  height: calc(100.00% - 88px);
  left: calc(42.91% - 298px);
  position: absolute;
  top: 34px;
  width: 696px;
}

.index .desarrollado-por-fast-fix-wQ63Ow {
  background-color: transparent;
  bottom: 7px;
  height: 30px;
  left: 477px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 221px;
}

.index .grupo-18-wQ63Ow {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 269px;
}

.index .contacto-2zwvN4 {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: calc(44.48% - 19px);
  white-space: nowrap;
  width: 125px;
}

.index .x52-6242307648-2zwvN4 {
  background-color: transparent;
  bottom: calc(40.73% - 12px);
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 156px;
}

.index .contactoceomcom-2zwvN4 {
  background-color: transparent;
  bottom: calc(27.81% - 8px);
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 195px;
}

.index .icon-ionic-logo-whatsapp-2zwvN4 {
  background-color: transparent;
  bottom: 7px;
  height: 50px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: 50px;
}

.index .icon-awesome-facebook-2zwvN4 {
  background-color: transparent;
  bottom: 4px;
  height: 55px;
  left: calc(36.51% - 20px);
  object-fit: cover;
  position: absolute;
  width: 56px;
}

.index .x3b21c7efd2ba9c1-fb8d361acacc31d-2zwvN4 {
  background-color: transparent;
  bottom: 0px;
  height: 64px;
  object-fit: cover;
  position: absolute;
  right: calc(23.90% - 15px);
  width: 64px;
}

.index .logo-celm-2zwvN4 {
  background-color: transparent;
  height: 108px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .rectngulo-84-IO3Fu5 {
  background-color: var(--san-marino);
  bottom: 473px;
  height: 24px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .grupo-59-IO3Fu5 {
  background-color: transparent;
  height: 522px;
  position: absolute;
  right: calc(48.16% - 575px);
  top: 742px;
  width: 1194px;
}

.index .grupo-32-mk3315 {
  background-color: transparent;
  height: 63px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1194px;
}

.index .certificaciones-disponibles-83dz3W {
  background-color: transparent;
  height: 42px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 438px;
}

.index .trazado-8-83dz3W {
  background-color: transparent;
  bottom: 0px;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index .grupo-58-mk3315 {
  background-color: transparent;
  height: calc(100.00% - 85px);
  left: 1px;
  position: absolute;
  top: 85px;
  width: 100%;
}

.index .grupo-56-3UM8a7 {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 590px;
}

.index .rectngulo-60-TxMjau {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-34-TxMjau {
  background-color: transparent;
  bottom: 23px;
  height: 100px;
  left: 18px;
  position: absolute;
  width: 378px;
}

.index .preparatoria-co-do-bachillerato-GdqWwi {
  background-color: transparent;
  height: 29px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .total-de-lecciones-28-GdqWwi {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 191px;
}

.index .duracin-3-meses-GdqWwi {
  background-color: transparent;
  bottom: calc(42.86% - 13px);
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 162px;
}

.index .grupo-21-TxMjau {
  background-color: transparent;
  bottom: 24px;
  height: 42px;
  pointer-events: auto;
  position: absolute;
  right: 16px;
  transition: all 0.2s ease;
  width: 123px;
}

.index .grupo-21-TxMjau:hover {
  transform: scale(1.1);
}

.index .rectngulo-63-RmCeEB {
  background-color: var(--white);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .conoce-ms-RmCeEB {
  background-color: transparent;
  bottom: calc(22.22% - 5px);
  height: 24px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.index .bach-TxMjau {
  background-color: transparent;
  height: calc(100.00% - 133px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-57-3UM8a7 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 590px;
}

.index .rectngulo-11-0j022v {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .grupo-33-0j022v {
  background-color: transparent;
  bottom: 23px;
  height: 100px;
  left: 19px;
  position: absolute;
  width: calc(100.00% - 67px);
}

.index .licenciatura-en-as-licenciatura-OqxTVl {
  background-color: transparent;
  height: 29px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .duracin-3-aos-OqxTVl {
  background-color: transparent;
  bottom: calc(42.86% - 13px);
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 149px;
}

.index .total-de-lecciones-45-OqxTVl {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 191px;
}

.index .grupo-22-0j022v {
  background-color: transparent;
  bottom: 24px;
  height: 42px;
  pointer-events: auto;
  position: absolute;
  right: 18px;
  transition: all 0.2s ease;
  width: 125px;
}

.index .grupo-22-0j022v:hover {
  transform: scale(1.1);
}

.index .rectngulo-12-eS7u3a {
  background-color: var(--white);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .conoce-ms-eS7u3a {
  background-color: transparent;
  bottom: calc(22.22% - 5px);
  height: 24px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  right: calc(48.65% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.index .admin-0j022v {
  background-color: transparent;
  height: calc(100.00% - 133px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}
/* screen - index-mobile */

.index-mobile {
  background-color: var(--black-haze);
  height: 100vh;
  margin: 0px;
  min-height: 7798px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-mobile .grupo-77-4ERIkh {
  background-color: transparent;
  height: 496px;
  left: 0px;
  position: absolute;
  top: calc(8.56% - 42px);
  width: 100%;
}

.index-mobile .rectngulo-6-9TWjso {
  background: linear-gradient(90deg, #476daa 0%, #35a86d 100%);
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-76-9TWjso {
  background-color: transparent;
  height: calc(100.00% - 63px);
  left: 40px;
  position: absolute;
  top: 32px;
  width: calc(100.00% - 81px);
}

.index-mobile .grupo-73-BnVJO6 {
  background-color: transparent;
  display: block;
  height: 122px;
  left: calc(50.00% - 88px);
  position: absolute;
  top: 0px;
  width: 176px;
  opacity: 0;
transform: translate(-100px, 0);
}

.index-mobile .grupo-73-BnVJO6.bp3-animate-enter {
  animation: bp3-animate-enter-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-100px, 0);
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
transform: translate(-100px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-mobile .grupo-72-MQ3eEM {
  background-color: transparent;
  height: 55px;
  position: absolute;
  right: calc(50.00% - 34px);
  top: 0px;
  width: 68px;
}

.index-mobile .trazado-6-A4A0Ll {
  background-color: transparent;
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 10px;
  top: 3px;
  width: 44px;
}

.index-mobile .trazado-7-A4A0Ll {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .estudios-online-MQ3eEM {
  background-color: transparent;
  bottom: calc(25.17% - 9px);
  height: 35px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-mobile .avalados-por-la-sep-MQ3eEM {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 4px);
}

.index-mobile .grupo-74-BnVJO6 {
  background-color: transparent;
  bottom: calc(49.96% - 65px);
  display: block;
  height: 129px;
  left: calc(50.00% - 147px);
  position: absolute;
  width: 294px;
  opacity: 0;
transform: translate(350px, 0);
}

.index-mobile .grupo-74-BnVJO6.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(350px, 0);
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 0;
transform: translate(350px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-mobile .instructores-certificados-nVKXwx {
  background-color: transparent;
  bottom: calc(23.30% - 8px);
  height: 35px;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 20px);
}

.index-mobile .ve-de-la-mano-en-todo-momento-nVKXwx {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-mobile .icon-awesome-check-nVKXwx {
  background-color: transparent;
  height: 55px;
  left: calc(49.55% - 36px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 74px;
}

.index-mobile .grupo-75-BnVJO6 {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 122px;
  left: calc(50.00% - 126px);
  position: absolute;
  width: 252px;
  opacity: 0;
transform: translate(-200px, 0);
}

.index-mobile .grupo-75-BnVJO6.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-200px, 0);
}

@keyframes bp3-animate-enter2-frames {
  from{opacity: 0;
transform: translate(-200px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-mobile .aprende-en-tu-horario-wBlqqu {
  background-color: transparent;
  bottom: calc(25.25% - 9px);
  height: 35px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-mobile .aprende-cuando-sea-wBlqqu {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  left: 36px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 71px);
}

.index-mobile .icon-awesome-clock-wBlqqu {
  background-color: transparent;
  height: 51px;
  left: calc(49.51% - 25px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 51px;
}

.index-mobile .grupo-66-4ERIkh {
  background-color: transparent;
  height: 325px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .trazado-34-L4KaxQ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-65-L4KaxQ {
  background-color: transparent;
  height: calc(100.00% - 39px);
  left: calc(50.00% - 158px);
  position: absolute;
  top: 14px;
  width: 317px;
}

.index-mobile .grupo-63-ubxd8j {
  background-color: transparent;
  bottom: calc(27.52% - 8px);
  height: 28px;
  left: calc(50.00% - 98px);
  position: absolute;
  width: 196px;
}


.menu_63-ubxd8j {
  bottom: calc(0.52% - 8px);
height: 70px;
left: calc(67% - 192px);
position: absolute;
width: 300px;
z-index: 9999999;
background: white;
padding: 10px;
border: 2px solid #ccc;
border-radius: 10px;
display:none;
}
.tablaMenu2{
    width:100%;
    height:70px;
}
.index-mobile .icon-material-menu-CwJxgI {
  background-color: transparent;
  height: calc(100.00% - 10px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 27px;
}

.index-mobile .niveles-educativos-CwJxgI {
  background-color: transparent;
  height: calc(100.00% + 2px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 164px;
}

.index-mobile .grupo-62-ubxd8j {
  background-color: transparent;
  height: 58px;
  left: calc(50.00% - 158px);
  position: absolute;
  top: calc(47.37% - 27px);
  width: 317px;
}

.index-mobile .rectngulo-2-J2jqaJ {
  background-color: var(--seashell);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-61-J2jqaJ {
  background-color: transparent;
  bottom: calc(46.67% - 13px);
  height: 28px;
  left: 18px;
  position: absolute;
  width: calc(100.00% - 37px);
}

.index-mobile .icon-awesome-search-5P40Gt {
  background-color: transparent;
  height: calc(100.00% - 5px);
  object-fit: cover;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 23px;
}

.index-mobile .buscar-nivel-de-estudios-5P40Gt {
  background-color: transparent;
  border: 0;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 0px;
  width: calc(100.00% - 46px);
}

.index-mobile .buscar-nivel-de-estudios-5P40Gt::placeholder {
  color: #70707099;
}

.index-mobile .grupo-64-ubxd8j {
  background-color: transparent;
  bottom: 0px;
  height: 50px;
  left: calc(50.00% - 104px);
  position: absolute;
  width: 207px;
}

.index-mobile .rectngulo-59-9mjVIH {
  background-color: var(--fountain-blue);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .acceso-9mjVIH {
  background-color: transparent;
  bottom: calc(30.95% - 9px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(49.58% - 32px);
  text-align: left;
  white-space: nowrap;
  width: 65px;
}

.index-mobile .logo-celm-ubxd8j {
  background-color: transparent;
  height: 75px;
  left: calc(50.00% - 94px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 187px;
}

.index-mobile .grupo-71-4ERIkh {
  background-color: transparent;
  height: 98px;
  left: 0px;
  position: absolute;
  top: calc(6.84% - 7px);
  width: 100%;
}

.index-mobile .rectngulo-4-5P6FGy {
  background-color: var(--san-marino);
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-70-5P6FGy {
  background-color: transparent;
  height: 58px;
  left: calc(50.00% - 158px);
  position: absolute;
  top: calc(50.00% - 29px);
  width: 317px;
}

.index-mobile .rectngulo-5-ozsIR1 {
  background-color: var(--seashell);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-69-ozsIR1 {
  background-color: transparent;
  bottom: calc(49.58% - 12px);
  height: 24px;
  left: 14px;
  position: absolute;
  width: calc(100.00% - 32px);
}

.index-mobile .icon-awesome-search-KyhxcR {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 23px;
}

.index-mobile .en-que-te-quieres-graduar-KyhxcR {
  background-color: transparent;
  border: 0;
  height: 24px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 7.22%;
  width: calc(100.00% - 33px);
}

.index-mobile .en-que-te-quieres-graduar-KyhxcR::placeholder {
  color: #70707099;
}

.index-mobile .grupo-113-4ERIkh {
  background-color: transparent;
  height: 89px;
  left: 0px;
  position: absolute;
  top: 325px;
  width: 100%;
}

.index-mobile .school-GHAHec {
  background-color: transparent;
  height: 89px;
  left: calc(50.00% - 188px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 44px);
  width: 375px;
}

.index-mobile .grupo-68-GHAHec {
  background-color: transparent;
  height: 89px;
  left: calc(50.00% - 188px);
  position: absolute;
  top: calc(50.00% - 44px);
  width: 375px;
}

.index-mobile .rectngulo-3-ABPVld {
  background: linear-gradient(-90deg, rgba(53, 168, 109, 0.8) 0%, rgba(71, 109, 170, 0.8) 100%);
  background-color: transparent;
  box-shadow: 0px 3px 6px #00000029;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-300px, 0);
}

.index-mobile .rectngulo-3-ABPVld.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-300px, 0);
}

@keyframes bp3-animate-enter3-frames {
  from{opacity: 0;
transform: translate(-300px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-mobile .grupo-67-ABPVld {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 9px);
  left: 33px;
  position: absolute;
  top: 5px;
  width: calc(100.00% - 65px);
  opacity: 0;
}

.index-mobile .grupo-67-ABPVld.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-mobile .termina-tu-licenciatura-wa4ex6 {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-mobile .o-bachillerato-en-linea-wa4ex6 {
  background-color: transparent;
  bottom: -7px;
  height: 42px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 8px);
}

.index-mobile .estudia-y-apren-sariosde-verdad-4ERIkh {
  background-color: transparent;
  height: 90px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  right: calc(47.69% - 148px);
  text-align: center;
  top: calc(5.72% - 5px);
  white-space: nowrap;
  width: 310px;
}

.index-mobile .grupo-78-4ERIkh {
  background-color: transparent;
  height: 54px;
  left: calc(50.00% - 158px);
  position: absolute;
  top: calc(15.35% - 8px);
  width: 317px;
}

.index-mobile .certificaciones-disponibles-FTbhtx {
  background-color: transparent;
  height: 29px;
  left: 13px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% - 24px);
}

.index-mobile .trazado-8-FTbhtx {
  background-color: transparent;
  bottom: 0px;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-mobile .grupo-81-4ERIkh {
  background-color: transparent;
  height: 384px;
  position: absolute;
  right: calc(49.98% - 158px);
  top: calc(17.06% - 66px);
  width: 317px;
}

.index-mobile .rectngulo-11-Gcpkt4 {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-80-Gcpkt4 {
  background-color: transparent;
  bottom: 19px;
  height: 184px;
  left: 19px;
  position: absolute;
  width: 221px;
}

.index-mobile .licenciatura-en-as-licenciatura-AARlsx {
  background-color: transparent;
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
  height: 44px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-mobile .duracin-3-aos-AARlsx {
  background-color: transparent;
  height: 24px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  top: calc(37.50% - 9px);
  white-space: nowrap;
  width: 119px;
}

.index-mobile .total-de-lecciones-45-AARlsx {
  background-color: transparent;
  bottom: calc(40.00% - 10px);
  height: 24px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 153px;
}

.index-mobile .grupo-79-AARlsx {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  position: absolute;
  right: 21px;
  width: 125px;
}

.index-mobile .rectngulo-12-ymxxLc {
  background-color: var(--white);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .conoce-ms-ymxxLc {
  background-color: transparent;
  bottom: calc(22.22% - 5px);
  height: 24px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  right: calc(48.65% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.index-mobile .admin-Gcpkt4 {
  background-color: transparent;
  height: 163px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-84-4ERIkh {
  background-color: transparent;
  height: 384px;
  left: calc(50.00% - 158px);
  position: absolute;
  top: calc(22.65% - 87px);
  width: 317px;
}

.index-mobile .rectngulo-11-2aHHTz {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-83-2aHHTz {
  background-color: transparent;
  bottom: 19px;
  height: 184px;
  left: 19px;
  position: absolute;
  width: 202px;
}

.index-mobile .preparatoria-co-do-bachillerato-Rs4PuG {
  background-color: transparent;
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
  height: 44px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-mobile .duracin-3-aos-Rs4PuG {
  background-color: transparent;
  height: 24px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  top: calc(37.50% - 9px);
  white-space: nowrap;
  width: 119px;
}

.index-mobile .total-de-lecciones-45-Rs4PuG {
  background-color: transparent;
  bottom: calc(40.00% - 10px);
  height: 24px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 153px;
}

.index-mobile .grupo-82-Rs4PuG {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  position: absolute;
  right: 2px;
  width: 125px;
}

.index-mobile .rectngulo-12-Qq2QhU {
  background-color: var(--white);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .conoce-ms-Qq2QhU {
  background-color: transparent;
  bottom: calc(22.22% - 5px);
  height: 24px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  right: calc(48.65% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.index-mobile .bach-2aHHTz {
  background-color: transparent;
  height: 163px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-87-4ERIkh {
  background-color: transparent;
  height: 399px;
  left: calc(50.00% - 188px);
  position: absolute;
  top: calc(28.75% - 115px);
  width: 375px;
}

.index-mobile .grupo-86-Wu8dB0 {
  background-color: transparent;
  height: 153px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .ima1-nZTSk9 {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index-mobile .grupo-85-nZTSk9 {
  background-color: transparent;
  display: block;
  height: 57px;
  left: 29px;
  position: absolute;
  top: calc(45.83% - 26px);
  width: calc(100.00% - 58px);
  opacity: 0;
}

.index-mobile .grupo-85-nZTSk9.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter5-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-mobile .quines-somos-kbCNpz {
  background-color: transparent;
  height: 42px;
  left: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: calc(100.00% - 82px);
}

.index-mobile .trazado-28-kbCNpz {
  background-color: transparent;
  bottom: -1px;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-mobile .celm-es-una-ext-o-va-dirigida-a-Wu8dB0 {
  background-color: transparent;
  bottom: -32px;
  height: 222px;
  left: 32px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 61px);
}

.index-mobile .grupo-90-4ERIkh {
  background-color: transparent;
  height: 766px;
  left: calc(50.00% - 188px);
  position: absolute;
  top: calc(36.66% - 281px);
  width: 375px;
}

.index-mobile .utilizar-difere-paracinpersonal-NJqSjZ {
  background-color: transparent;
  height: 170px;
  left: 35px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: calc(43.62% - 74px);
  white-space: nowrap;
  width: calc(100.00% - 67px);
}

.index-mobile .grupo-89-NJqSjZ {
  background-color: transparent;
  height: 201px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .ima2-LRfIt1 {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index-mobile .grupo-88-LRfIt1 {
  background-color: transparent;
  display: block;
  height: 137px;
  left: 29px;
  position: absolute;
  top: calc(48.44% - 66px);
  width: calc(100.00% - 58px);
  opacity: 0;
}

.index-mobile .grupo-88-LRfIt1.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter6-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-mobile .nuestra-visin-yXfVLe {
  background-color: transparent;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.14% - 99px);
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: 201px;
}

.index-mobile .trazado-29-yXfVLe {
  background-color: transparent;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(42.96% - 1px);
  width: 100%;
}

.index-mobile .nuestra-misin-yXfVLe {
  background-color: transparent;
  bottom: 12px;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.07% - 103px);
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: 209px;
}

.index-mobile .trazado-30-yXfVLe {
  background-color: transparent;
  bottom: -1px;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-mobile .cambiar-la-cali-rtunidad-a-trav-NJqSjZ {
  background-color: transparent;
  bottom: -50px;
  height: 338px;
  left: 32px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 61px);
}

.index-mobile .grupo-93-4ERIkh {
  background-color: transparent;
  height: 453px;
  left: calc(50.00% - 188px);
  position: absolute;
  top: calc(46.24% - 209px);
  width: 375px;
}

.index-mobile .grupo-92-I4L0so {
  background-color: transparent;
  height: 81px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .ima3-Z8gfxK {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index-mobile .grupo-91-Z8gfxK {
  background-color: transparent;
  bottom: 12px;
  display: block;
  height: 55px;
  left: 29px;
  position: absolute;
  width: calc(100.00% - 58px);
  opacity: 0;
}

.index-mobile .grupo-91-Z8gfxK.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter7-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-mobile .nuestro-objetivo-tqwepG {
  background-color: transparent;
  height: 42px;
  left: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: calc(100.00% - 82px);
}

.index-mobile .trazado-31-tqwepG {
  background-color: transparent;
  bottom: -1px;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-mobile .nuestro-objetiv-una-alternativa-I4L0so {
  background-color: transparent;
  bottom: -50px;
  height: 338px;
  left: 34px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 65px);
}

.index-mobile .grupo-95-4ERIkh {
  background-color: transparent;
  bottom: calc(45.77% - 277px);
  height: 605px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobile .rectngulo-66-5nSxlz {
  background: linear-gradient(-90deg, #35a86d 0%, #476daa 100%);
  background-color: transparent;
  box-shadow: 0px 3px 6px #00000029;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(500px, 0);
}

.index-mobile .rectngulo-66-5nSxlz.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(500px, 0);
}

@keyframes bp3-animate-enter8-frames {
  from{opacity: 0;
transform: translate(500px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-mobile .grupo-94-5nSxlz {
  background-color: transparent;
  height: calc(100.00% - 73px);
  left: calc(50.00% - 160px);
  position: absolute;
  top: 35px;
  width: 321px;
}

.index-mobile .preguntas-frecuentes-oAsqYi {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-mobile .qu-es-celm-oAsqYi {
  background-color: transparent;
  height: 29px;
  left: calc(50.00% - 80px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: 70px;
  white-space: nowrap;
  width: 161px;
}

.index-mobile .que-tecnologa-n-para-funcionar-oAsqYi {
  background-color: transparent;
  bottom: calc(45.38% - 25px);
  height: 56px;
  left: 41px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 81px);
}

.index-mobile .celm-se-adapta-es-de-bachiller-oAsqYi {
  background-color: transparent;
  bottom: 51px;
  height: 56px;
  left: 46px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 91px);
}

.index-mobile .somos-una-insti-tusnecesidades-oAsqYi {
  background-color: transparent;
  height: 122px;
  left: 19px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(29.51% - 36px);
  white-space: nowrap;
  width: calc(100.00% - 37px);
}

.index-mobile .implementar-cel-ceso-a-internet-oAsqYi {
  background-color: transparent;
  bottom: calc(28.38% - 21px);
  height: 74px;
  left: 14px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 27px);
}

.index-mobile .solo-1-examen-c-cular-de-la-sep-oAsqYi {
  background-color: transparent;
  bottom: -8px;
  height: 50px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 23px);
}

.index-mobile .grupo-96-4ERIkh {
  background-color: transparent;
  bottom: calc(40.90% - 26px);
  height: 63px;
  left: calc(50.00% - 158px);
  position: absolute;
  width: 317px;
}

.index-mobile .testimonios-ex8xtq {
  background-color: transparent;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.59% - 97px);
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: 196px;
}

.index-mobile .trazado-27-ex8xtq {
  background-color: transparent;
  bottom: -1px;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-mobile .grupo-109-4ERIkh {
  background-color: transparent;
  bottom: calc(7.78% - 68px);
  height: 872px;
  left: calc(50.00% - 188px);
  position: absolute;
  width: 375px;
}

.index-mobile .trazado-33-NwaPda {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -18px;
  width: calc(100.00% + 30px);
}

.index-mobile .grupo-108-NwaPda {
  background-color: transparent;
  height: calc(100.00% - 25px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-100-ot3KHz {
  background-color: transparent;
  height: 78px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .rectngulo-85-Uan8Cs {
  background-color: var(--fountain-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .ponte-en-contacto-con-nosotros-Uan8Cs {
  background-color: transparent;
  bottom: calc(39.80% - 12px);
  color: var(--white);
  font-family: var(--font-family-segoeui-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(46.67% - 140px);
  text-align: left;
  white-space: nowrap;
  width: 300px;
}

.index-mobile .grupo-107-ot3KHz {
  background-color: transparent;
  height: calc(100.00% - 111px);
  left: calc(50.00% - 158px);
  position: absolute;
  top: 111px;
  width: 317px;
}

.index-mobile .grupo-105-WJoe9x {
  background-color: transparent;
  height: calc(100.00% - 67px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .quieres-recibir-ms-informacin-UkOVhN {
  background-color: transparent;
  height: 29px;
  left: 5px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% - 8px);
}

.index-mobile .grupo-101-UkOVhN {
  background-color: transparent;
  height: 69px;
  left: 0px;
  position: absolute;
  top: 53px;
  width: 100%;
}

.index-mobile .rectngulo-79-VpkAWQ {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .nombre-VpkAWQ {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 39px);
}

.index-mobile .nombre-VpkAWQ::placeholder {
  color: #70707099;
}

.index-mobile .grupo-104-UkOVhN {
  background-color: transparent;
  bottom: 0px;
  height: 346px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobile .rectngulo-82-2Tt5yw {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .mensaje-2Tt5yw {
  background-color: transparent;
  border: 0;
  height: 293px;
  left: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 32px;
  width: calc(100.00% - 58px);
}

.index-mobile .mensaje-2Tt5yw::placeholder {
  color: #70707099;
}

.index-mobile .grupo-102-UkOVhN {
  background-color: transparent;
  height: 69px;
  left: 0px;
  position: absolute;
  top: calc(23.83% - 16px);
  width: 100%;
}

.index-mobile .rectngulo-80-yFVeHU {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .correo-electrnico-yFVeHU {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 36px);
}

.index-mobile .correo-electrnico-yFVeHU::placeholder {
  color: #70707099;
}

.index-mobile .grupo-103-UkOVhN {
  background-color: transparent;
  height: 69px;
  left: 0px;
  position: absolute;
  top: calc(38.83% - 27px);
  width: 100%;
}

.index-mobile .rectngulo-81-p0PwUa {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .telfono-p0PwUa {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 44px);
}

.index-mobile .telfono-p0PwUa::placeholder {
  color: #70707099;
}

.index-mobile .grupo-106-WJoe9x {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  left: calc(50.00% - 62px);
  position: absolute;
  width: 125px;
}

.index-mobile .rectngulo-83-oNTkWP {
  background-color: var(--san-marino);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .enviar-oNTkWP {
  background-color: transparent;
  bottom: calc(32.50% - 7px);
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  right: calc(48.19% - 20px);
  text-align: left;
  white-space: nowrap;
  width: 42px;
}

.index-mobile .grupo-115-4ERIkh {
  background-color: transparent;
  bottom: 0px;
  height: 497px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobile .trazado-32-r9GBvu {
  background-color: transparent;
  bottom: 0px;
  height: 474px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-mobile .grupo-114-r9GBvu {
  background-color: transparent;
  height: calc(100.00% - 78px);
  left: 53px;
  position: absolute;
  top: 48px;
  width: calc(100.00% - 106px);
}

.index-mobile .desarrollado-por-fast-fix-lL3vBE {
  background-color: transparent;
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(47.92% - 106px);
  text-align: left;
  top: calc(101.54% - 30px);
  white-space: nowrap;
  width: 221px;
}

.index-mobile .contacto-lL3vBE {
  background-color: transparent;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.31% - 62px);
  text-align: left;
  top: calc(40.58% - 17px);
  white-space: nowrap;
  width: 125px;
}

.index-mobile .x52-6242307648-lL3vBE {
  background-color: transparent;
  bottom: calc(45.76% - 14px);
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(49.12% - 77px);
  text-align: left;
  white-space: nowrap;
  width: 156px;
}

.index-mobile .contactoceomcom-lL3vBE {
  background-color: transparent;
  bottom: calc(33.93% - 10px);
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(48.65% - 95px);
  text-align: left;
  white-space: nowrap;
  width: 195px;
}

.index-mobile .grupo-116-lL3vBE {
  background-color: transparent;
  bottom: 55px;
  height: 64px;
  left: calc(50.00% - 110px);
  position: absolute;
  width: 220px;
}

.index-mobile .icon-ionic-logo-whatsapp-GkwmGh {
  background-color: transparent;
  bottom: calc(49.77% - 25px);
  height: 50px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 50px;
}

.index-mobile .icon-awesome-facebook-GkwmGh {
  background-color: transparent;
  bottom: calc(49.64% - 27px);
  height: 55px;
  left: calc(47.27% - 26px);
  object-fit: cover;
  position: absolute;
  width: 56px;
}

.index-mobile .x3b21c7efd2ba9c1-fb8d361acacc31d-GkwmGh {
  background-color: transparent;
  height: 64px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 32px);
  width: 64px;
}

.index-mobile .logo-celm-lL3vBE {
  background-color: transparent;
  height: 108px;
  left: calc(50.00% - 134px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 269px;
}

.index-mobile .rectngulo-86-r9GBvu {
  background-color: var(--san-marino);
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobile .grupo-117-4ERIkh {
  background-color: transparent;
  bottom: calc(35.30% - 193px);
  height: 546px;
  left: calc(49.15% - 155px);
  position: absolute;
  width: 316px;
}

.index-mobile .grupo-40-h45xEl {
  background-color: transparent;
  height: calc(100.00% - 170px);
  left: 0px;
  position: absolute;
  top: 170px;
  width: 100%;
}

.index-mobile .rosa-auroranava-venegas-FgTAMA {
  background-color: transparent;
  height: 82px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(48.39% - 93px);
  text-align: center;
  top: 10px;
  white-space: nowrap;
  width: 192px;
}

.index-mobile .quiero-agradece-apoyo-seguirpe-FgTAMA {
  background-color: transparent;
  bottom: -42px;
  height: 282px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 318px;
}

.index-mobile .elipse-1-11x-h45xEl {
  background-color: transparent;
  height: 148px;
  object-fit: cover;
  position: absolute;
  right: calc(49.40% - 73px);
  top: 0px;
  width: 148px;
}

.index-mobile .grupo-118-4ERIkh {
  background-color: transparent;
  bottom: calc(27.28% - 144px);
  height: 526px;
  position: absolute;
  right: calc(49.12% - 156px);
  width: 318px;
}

.index-mobile .grupo-42-dB5hxe {
  background-color: transparent;
  bottom: 0px;
  height: 351px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobile .melissa-castellonvargas-zGiPpB {
  background-color: transparent;
  height: 82px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(48.78% - 115px);
  text-align: center;
  top: 10px;
  white-space: nowrap;
  width: 236px;
}

.index-mobile .me-siento-muy-f-adquirido-graci-zGiPpB {
  background-color: transparent;
  bottom: -38px;
  height: 254px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 320px;
}

.index-mobile .elipse-2-11x-dB5hxe {
  background-color: transparent;
  height: 148px;
  left: calc(47.65% - 71px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}

.index-mobile .grupo-119-4ERIkh {
  background-color: transparent;
  bottom: calc(20.04% - 87px);
  height: 436px;
  position: absolute;
  right: calc(49.12% - 156px);
  width: 318px;
}

.index-mobile .grupo-44-ML207k {
  background-color: transparent;
  bottom: 0px;
  height: 259px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobile .jos-antonioramn-ochoa-cTkzzL {
  background-color: transparent;
  height: 82px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.14% - 99px);
  text-align: center;
  top: 10px;
  white-space: nowrap;
  width: 202px;
}

.index-mobile .cea-me-apoy-a-c-excelente-opcin-cTkzzL {
  background-color: transparent;
  bottom: -26px;
  height: 170px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 320px;
}

.index-mobile .elipse-3-11x-ML207k {
  background-color: transparent;
  height: 148px;
  left: calc(50.00% - 74px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}
/* screen - index-tablet */

.index-tablet {
  background-color: var(--black-haze);
  height: 100vh;
  margin: 0px;
  min-height: 4807px;
  min-width: 1366px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-tablet .grupo-151-AQUY86 {
  background-color: transparent;
  height: 336px;
  left: -267px;
  position: absolute;
  top: calc(39.25% - 132px);
  width: 1560px;
}

.index-tablet .ima3-gZzqmx {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index-tablet .grupo-150-gZzqmx {
  background-color: transparent;
  height: calc(100.00% - 99px);
  left: calc(34.66% - 175px);
  position: absolute;
  top: 50px;
  width: 504px;
}

.index-tablet .nuestro-objetivo-opOk5W {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: 235px;
}

.index-tablet .trazado-31-opOk5W {
  background-color: transparent;
  height: 2px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 24.68%;
  width: 415px;
}

.index-tablet .nuestro-objetiv-una-alternativa-opOk5W {
  background-color: transparent;
  bottom: -23px;
  height: 156px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-tablet .grupo-136-AQUY86 {
  background-color: transparent;
  height: 110px;
  left: 1px;
  position: absolute;
  top: 556px;
  width: calc(100.00% - 1px);
}

.index-tablet .rectngulo-6-BlCqIR {
  background: linear-gradient(90deg, #476daa 0%, #35a86d 100%);
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .grupo-135-BlCqIR {
  background-color: transparent;
  display: block;
  height: 60px;
  left: calc(49.76% - 580px);
  position: absolute;
  top: calc(44.44% - 27px);
  width: 1166px;
  opacity: 0;
transform: translate(-1000px, 0);
}

.index-tablet .grupo-135-BlCqIR.bp2-animate-enter {
  animation: bp2-animate-enter-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-1000px, 0);
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
transform: translate(-1000px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-tablet .grupo-132-sf4gB8 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 272px;
}

.index-tablet .grupo-132-sf4gB8:hover {
  transform: scale(1.1);
}

.index-tablet .grupo-131-iN5Xfl {
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  position: absolute;
  top: 6px;
  width: 68px;
}

.index-tablet .trazado-6-Omoz8G {
  background-color: transparent;
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 10px;
  top: 3px;
  width: 44px;
}

.index-tablet .trazado-7-Omoz8G {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .estudios-online-iN5Xfl {
  background-color: transparent;
  height: 35px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 178px;
}

.index-tablet .avalados-por-la-sep-iN5Xfl {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 4px;
  text-align: left;
  white-space: nowrap;
  width: 174px;
}

.index-tablet .grupo-133-sf4gB8 {
  background-color: transparent;
  height: 100%;
  left: calc(46.90% - 186px);
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 396px;
}

.index-tablet .grupo-133-sf4gB8:hover {
  transform: scale(1.1);
}

.index-tablet .instructores-certificados-XxHVwL {
  background-color: transparent;
  height: 35px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 20px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 274px;
}

.index-tablet .ve-de-la-mano-en-todo-momento-XxHVwL {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  white-space: nowrap;
  width: 296px;
}

.index-tablet .icon-awesome-check-XxHVwL {
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 74px;
}

.index-tablet .grupo-134-sf4gB8 {
  background-color: transparent;
  height: 100%;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: all 0.2s ease;
  width: 331px;
}

.index-tablet .grupo-134-sf4gB8:hover {
  transform: scale(1.1);
}

.index-tablet .aprende-en-tu-horario-G4A0Ei {
  background-color: transparent;
  height: 35px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 254px;
}

.index-tablet .aprende-cuando-sea-G4A0Ei {
  background-color: transparent;
  bottom: -6px;
  height: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(47.29% - 87px);
  text-align: left;
  white-space: nowrap;
  width: 183px;
}

.index-tablet .icon-awesome-clock-G4A0Ei {
  background-color: transparent;
  height: calc(100.00% - 9px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 8px;
  width: 51px;
}

.index-tablet .ima4-AQUY86 {
  background-color: transparent;
  height: 10.42%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 45.64%;
  width: calc(100.00% - 1px);
}

.index-tablet .grupo-155-AQUY86 {
  background-color: transparent;
  bottom: calc(49.05% - 246px);
  height: 501px;
  left: 1px;
  position: absolute;
  width: calc(100.00% - 1px);
}

.index-tablet .grupo-154-ghqXsw {
  background-color: transparent;
  height: calc(100.00% - 10px);
  left: 0px;
  position: absolute;
  top: 5px;
  width: 38.38%;
}

.index-tablet .rectngulo-67-XfsYxI {
  background-color: transparent;
  bottom: -12px;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: calc(100.00% + 18px);
}

.index-tablet .rectngulo-67-XfsYxI:hover {
  transform: translate(-387px, 0);
}

.index-tablet .rectngulo-72-XfsYxI {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: calc(19.46% - 8px);
  transition: all 0.2s ease;
  width: calc(100.00% + 15px);
}

.index-tablet .rectngulo-72-XfsYxI:hover {
  transform: translate(-249px, 0);
}

.index-tablet .rectngulo-73-XfsYxI {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: calc(40.27% - 17px);
  transition: all 0.2s ease;
  width: 358px;
}

.index-tablet .rectngulo-73-XfsYxI:hover {
  transform: translate(-68px, 0);
}

.index-tablet .rectngulo-75-XfsYxI {
  background-color: transparent;
  bottom: calc(38.93% - 17px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 358px;
}

.index-tablet .rectngulo-75-XfsYxI:hover {
  transform: translate(-68px, 0);
}

.index-tablet .rectngulo-77-XfsYxI {
  background-color: transparent;
  bottom: calc(28.53% - 12px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 458px;
}

.index-tablet .rectngulo-77-XfsYxI:hover {
  transform: translate(-168px, 0);
}

.index-tablet .rectngulo-68-XfsYxI {
  background-color: transparent;
  bottom: 35px;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: calc(100.00% - 57px);
}

.index-tablet .rectngulo-68-XfsYxI:hover {
  transform: translate(-312px, 0);
}

.index-tablet .rectngulo-71-XfsYxI {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 41px;
  transition: all 0.2s ease;
  width: calc(100.00% - 57px);
}

.index-tablet .rectngulo-71-XfsYxI:hover {
  transform: translate(-312px, 0);
}

.index-tablet .rectngulo-74-XfsYxI {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: calc(29.87% - 13px);
  transition: all 0.2s ease;
  width: 458px;
}

.index-tablet .rectngulo-74-XfsYxI:hover {
  transform: translate(-168px, 0);
}

.index-tablet .rectngulo-76-XfsYxI {
  background-color: transparent;
  bottom: calc(49.33% - 21px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  position: absolute;
  width: 290px;
}

.index-tablet .rectngulo-69-XfsYxI {
  background-color: transparent;
  bottom: calc(18.13% - 8px);
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: calc(100.00% + 15px);
}

.index-tablet .rectngulo-69-XfsYxI:hover {
  transform: translate(-249px, 0);
}

.index-tablet .rectngulo-70-XfsYxI {
  background-color: transparent;
  height: 43px;
  left: -9px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: -6px;
  transition: all 0.2s ease;
  width: calc(100.00% + 18px);
}

.index-tablet .rectngulo-70-XfsYxI:hover {
  transform: translate(-387px, 0);
}

.index-tablet .grupo-153-ghqXsw {
  background-color: transparent;
  height: 100%;
  left: 42.20%;
  position: absolute;
  top: 0px;
  width: 57.80%;
}

.index-tablet .rectngulo-66-eC6xV6 {
  background-color: transparent;
  display: block;
  height: calc(100.00% + 18px);
  left: -9px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 18px);
  opacity: 0;
transform: translate(500px, 0);
}

.index-tablet .rectngulo-66-eC6xV6.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(500px, 0);
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
transform: translate(500px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-tablet .grupo-152-eC6xV6 {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 90px);
  left: 70px;
  position: absolute;
  top: 43px;
  width: 566px;
  opacity: 0;
transform: translate(900px, 0);
}

.index-tablet .grupo-152-eC6xV6.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(900px, 0);
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 0;
transform: translate(900px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-tablet .preguntas-frecuentes-Y12YS8 {
  background-color: transparent;
  height: 69px;
  left: 31px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: 8px;
  white-space: nowrap;
  width: calc(100.00% - 29px);
}

.index-tablet .qu-es-celm-Y12YS8 {
  background-color: transparent;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(26.84% - 8px);
  white-space: nowrap;
  width: 161px;
}

.index-tablet .que-tecnologa-n-para-funcionar-Y12YS8 {
  background-color: transparent;
  bottom: calc(36.47% - 11px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: 445px;
}

.index-tablet .celm-se-adapta-es-de-bachiller-Y12YS8 {
  background-color: transparent;
  bottom: 30px;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: 466px;
}

.index-tablet .somos-una-insti-tus-necesidades-Y12YS8 {
  background-color: transparent;
  height: 74px;
  left: 55px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(42.52% - 31px);
  white-space: nowrap;
  width: calc(100.00% - 55px);
}

.index-tablet .implementar-cel-ceso-a-internet-Y12YS8 {
  background-color: transparent;
  bottom: calc(22.28% - 11px);
  height: 50px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: 100%;
}

.index-tablet .solo-1-examen-c-cular-de-la-sep-Y12YS8 {
  background-color: transparent;
  bottom: -5px;
  height: 26px;
  left: 53px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 53px);
}

.index-tablet .grupo-156-AQUY86 {
  background-color: transparent;
  bottom: calc(40.96% - 26px);
  height: 63px;
  left: calc(50.00% - 583px);
  position: absolute;
  width: 1166px;
}

.index-tablet .testimonios-6DSIMF {
  background-color: transparent;
  height: 42px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 197px;
}

.index-tablet .trazado-27-6DSIMF {
  background-color: transparent;
  bottom: 0px;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-tablet .grupo-157-AQUY86 {
  background-color: transparent;
  bottom: calc(37.52% - 56px);
  height: 148px;
  left: calc(46.95% - 541px);
  position: absolute;
  width: 1153px;
}

.index-tablet .rosa-aurora-nava-venegas-vWHCUU {
  background-color: transparent;
  height: 42px;
  left: calc(22.65% - 83px);
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 367px;
}

.index-tablet .quiero-agradece-apoyo-seguir-pe-vWHCUU {
  background-color: transparent;
  bottom: -6px;
  height: 86px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  white-space: nowrap;
  width: 977px;
}

.index-tablet .elipse-1-11x-vWHCUU {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}

.index-tablet .grupo-158-AQUY86 {
  background-color: transparent;
  bottom: calc(32.84% - 49px);
  height: 148px;
  left: calc(34.01% - 365px);
  position: absolute;
  width: 1072px;
}

.index-tablet .melissa-castellon-vargas-BEv3i2 {
  background-color: transparent;
  height: 42px;
  left: calc(23.88% - 80px);
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 335px;
}

.index-tablet .me-siento-muy-f-adquirido-graci-BEv3i2 {
  background-color: transparent;
  bottom: -6px;
  height: 86px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  white-space: nowrap;
  width: 898px;
}

.index-tablet .elipse-2-11x-BEv3i2 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}

.index-tablet .grupo-159-AQUY86 {
  background-color: transparent;
  bottom: calc(27.39% - 41px);
  height: 148px;
  left: calc(49.28% - 573px);
  position: absolute;
  width: 1163px;
}

.index-tablet .jos-antonio-ramn-ochoa-2ooezd {
  background-color: transparent;
  height: 42px;
  left: calc(23.04% - 89px);
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 386px;
}

.index-tablet .cea-me-apoy-a-c-excelente-opcin-2ooezd {
  background-color: transparent;
  bottom: calc(34.44% - 20px);
  height: 58px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  white-space: nowrap;
  width: 986px;
}

.index-tablet .elipse-3-11x-2ooezd {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 148px;
}

.index-tablet .rectngulo-78-AQUY86 {
  background-color: var(--white);
  bottom: 499px;
  box-shadow: 0px -3px 10px #00000029;
  height: 671px;
  left: 1px;
  position: absolute;
  width: calc(100.00% - 1px);
}

.index-tablet .grupo-160-AQUY86 {
  background-color: transparent;
  bottom: calc(21.55% - 23px);
  height: 106px;
  left: 0px;
  position: absolute;
  width: 81.47%;
}

.index-tablet .rectngulo-85-xDYWsd {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .ponte-en-contacto-con-nosotros-xDYWsd {
  background-color: transparent;
  bottom: calc(38.46% - 26px);
  color: var(--white);
  font-family: var(--font-family-segoeui-bold);
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  height: 67px;
  letter-spacing: 0.00px;
  line-height: 49px;
  position: absolute;
  right: calc(16.85% - 123px);
  text-align: left;
  white-space: nowrap;
  width: 731px;
}

.index-tablet .grupo-167-AQUY86 {
  background-color: transparent;
  bottom: 553px;
  height: 424px;
  position: absolute;
  right: calc(49.88% - 482px);
  width: 967px;
}

.index-tablet .quieres-recibir-ms-informacin-YkG8O8 {
  background-color: transparent;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.90% - 231px);
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 462px;
}

.index-tablet .grupo-165-YkG8O8 {
  background-color: transparent;
  bottom: calc(45.71% - 114px);
  height: 249px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-tablet .grupo-161-f7cjq7 {
  background-color: transparent;
  height: 69px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 461px;
}

.index-tablet .rectngulo-79-AB24Or {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .nombre-AB24Or {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 39px);
}

.index-tablet .nombre-AB24Or::placeholder {
  color: #70707099;
}

.index-tablet .grupo-164-f7cjq7 {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 489px;
}

.index-tablet .rectngulo-82-Jsw9WX {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .mensaje-Jsw9WX {
  background-color: transparent;
  border: 0;
  height: 196px;
  left: 30px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 32px;
  width: calc(100.00% - 58px);
}

.index-tablet .mensaje-Jsw9WX::placeholder {
  color: #70707099;
}

.index-tablet .grupo-162-f7cjq7 {
  background-color: transparent;
  height: 69px;
  left: 0px;
  position: absolute;
  top: calc(50.00% - 34px);
  width: 461px;
}

.index-tablet .rectngulo-80-aiMCex {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .correo-electrnico-aiMCex {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 36px);
}

.index-tablet .correo-electrnico-aiMCex::placeholder {
  color: #70707099;
}

.index-tablet .grupo-163-f7cjq7 {
  background-color: transparent;
  bottom: 0px;
  height: 69px;
  left: 0px;
  position: absolute;
  width: 461px;
}

.index-tablet .rectngulo-81-Xf3OtM {
  background-color: var(--white);
  box-shadow: 0px 0px 10px #35a86d59;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .telfono-Xf3OtM {
  background-color: transparent;
  border: 0;
  bottom: calc(46.15% - 14px);
  height: 30px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  width: calc(100.00% - 44px);
}

.index-tablet .telfono-Xf3OtM::placeholder {
  color: #70707099;
}

.index-tablet .grupo-166-YkG8O8 {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  left: calc(50.00% - 62px);
  position: absolute;
  width: 125px;
  cursor:pointer;
}

.index-tablet .rectngulo-83-WglGZ1 {
  background-color: var(--san-marino);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .enviar-WglGZ1 {
  background-color: transparent;
  bottom: calc(32.50% - 7px);
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  right: calc(48.19% - 20px);
  text-align: left;
  white-space: nowrap;
  width: 42px;
}

.index-tablet .grupo-149-AQUY86 {
  background-color: transparent;
  height: 507px;
  position: absolute;
  right: -242px;
  top: calc(32.56% - 165px);
  width: 943px;
}

.index-tablet .ima2-tsivkD {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index-tablet .grupo-148-tsivkD {
  background-color: transparent;
  height: calc(100.00% - 90px);
  position: absolute;
  right: 342px;
  top: 45px;
  width: 438px;
}

.index-tablet .nuestra-visin-dexKTG {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: 201px;
}

.index-tablet .trazado-29-dexKTG {
  background-color: transparent;
  height: 2px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 58px;
  width: calc(100.00% - 23px);
}

.index-tablet .utilizar-difere-aracin-personal-dexKTG {
  background-color: transparent;
  height: 68px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(26.36% - 18px);
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-tablet .nuestra-misin-dexKTG {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(49.33% - 21px);
  white-space: nowrap;
  width: 209px;
}

.index-tablet .trazado-30-dexKTG {
  background-color: transparent;
  bottom: calc(42.65% - 1px);
  height: 2px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% - 25px);
}

.index-tablet .cambiar-la-cali-rtunidad-a-trav-dexKTG {
  background-color: transparent;
  bottom: -23px;
  height: 156px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 6px);
}

.index-tablet .grupo-147-AQUY86 {
  background-color: transparent;
  height: 411px;
  left: -325px;
  position: absolute;
  top: calc(30.78% - 126px);
  width: 1008px;
}

.index-tablet .ima1-T4lgop {
  background-color: transparent;
  height: calc(100.00% + 30px);
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: -5px;
  width: calc(100.00% + 30px);
}

.index-tablet .grupo-146-T4lgop {
  background-color: transparent;
  height: 277px;
  position: absolute;
  right: 109px;
  top: calc(50.00% - 138px);
  width: 417px;
}

.index-tablet .quines-somos-xJxZYb {
  background-color: transparent;
  height: 42px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: 0px;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 5px;
  white-space: nowrap;
  width: 235px;
}

.index-tablet .trazado-28-xJxZYb {
  background-color: transparent;
  height: 2px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 20.36%;
  width: calc(100.00% - 2px);
}

.index-tablet .celm-es-una-ext-o-va-dirigida-a-xJxZYb {
  background-color: transparent;
  bottom: -29px;
  height: 200px;
  left: 52px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: right;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 50px);
}

.index-tablet .school-AQUY86 {
  background-color: transparent;
  height: 6.77%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 3.48%;
  width: calc(100.00% - 1px);
}

.index-tablet .grupo-130-AQUY86 {
  background-color: transparent;
  height: 98px;
  left: 0px;
  position: absolute;
  top: 442px;
  width: 50.84%;
}

.index-tablet .rectngulo-4-No0W1A {
  background-color: transparent;
  height: calc(100.00% + 18px);
  left: -9px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 18px);
}

.index-tablet .grupo-129-No0W1A {
  background-color: transparent;
  height: 58px;
  position: absolute;
  right: 22px;
  top: calc(50.00% - 29px);
  width: 572px;
}

.index-tablet .rectngulo-5-IIZkzC {
  background-color: var(--seashell);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .grupo-128-IIZkzC {
  background-color: transparent;
  bottom: calc(46.67% - 13px);
  height: 28px;
  left: 24px;
  position: absolute;
  width: calc(100.00% - 42px);
}

.index-tablet .icon-awesome-search-4kG4FK {
  background-color: transparent;
  height: calc(100.00% - 5px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 23px;
  cursor:pointer;
}

.index-tablet .en-que-te-quieres-graduar-4kG4FK {
  background-color: transparent;
  border: 0;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 0px;
  width: calc(100.00% - 49px);
}

.index-tablet .en-que-te-quieres-graduar-4kG4FK::placeholder {
  color: #70707099;
}

.index-tablet .grupo-127-AQUY86 {
  background-color: transparent;
  height: 322px;
  left: 0px;
  position: absolute;
  top: 120px;
  width: 50.84%;
}

.index-tablet .rectngulo-3-GNx4kj {
  background-color: transparent;
  display: block;
  height: calc(100.00% + 18px);
  left: -9px;
  object-fit: cover;
  position: absolute;
  top: -6px;
  width: calc(100.00% + 18px);
  opacity: 0;
transform: translate(-700px, 0);
}

.index-tablet .rectngulo-3-GNx4kj.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 1.00s ease-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-700px, 0);
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
transform: translate(-700px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-tablet .grupo-126-GNx4kj {
  background-color: transparent;
  display: block;
  height: 81.99%;
  position: absolute;
  right: 79px;
  top: 29px;
  width: 515px;
  opacity: 0;
transform: translate(-440px, 0);
}

.index-tablet .grupo-126-GNx4kj.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 1.00s ease-out 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-440px, 0);
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-440px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-tablet .termina-tu-licenciatura-OYTP3P {
  background-color: transparent;
  height: 69px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: 8px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-tablet .o-bachillerato-en-linea-OYTP3P {
  background-color: transparent;
  height: 69px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  top: calc(38.72% - 27px);
  white-space: nowrap;
  width: calc(100.00% - 13px);
}

.index-tablet .estudia-y-apren-arios-de-verdad-OYTP3P {
  background-color: transparent;
  bottom: -14px;
  height: 86px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  text-shadow: 0px 3px 6px #00000029;
  white-space: nowrap;
  width: calc(100.00% - 13px);
}

.index-tablet .grupo-125-AQUY86 {
  background-color: transparent;
  height: 103px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1px);
}

.index-tablet .rectngulo-1-zJDxt2 {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .grupo-124-zJDxt2 {
  background-color: transparent;
  height: calc(100.00% - 28px);
  left: calc(49.76% - 580px);
  position: absolute;
  top: 14px;
  width: 1166px;
}

.index-tablet .grupo-122-bHQVQg {
  background-color: transparent;
  bottom: calc(48.94% - 14px);
  height: 28px;
  position: absolute;
  right: calc(26.85% - 53px);
  width: 196px;
}

.tablaMenu{
        width: 100%;
    height: 70px;
}


.menu_grupo-122-bHQVQg {
  background-color: transparent;
bottom: calc(48.94% - 14px);
height: 42px; 
position: absolute;
right: calc(17.85% - 53px);
width: 300px;
top: 68px;
border: 2px solid #ccc;
padding: 10px;
border-radius: 10px;
background: white;
display:none;
}

.index-tablet .icon-material-menu-JwGUz9 {
  background-color: transparent;
  height: calc(100.00% - 10px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 27px;
}

.index-tablet .niveles-educativos-JwGUz9 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: 164px;
}

.index-tablet .grupo-121-bHQVQg {
  background-color: transparent;
  height: calc(100.00% - 17px);
  left: calc(32.02% - 135px);
  position: absolute;
  top: 9px;
  width: 423px;
}

.index-tablet .rectngulo-2-7bWFxM {
  background-color: var(--seashell);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .grupo-120-7bWFxM {
  background-color: transparent;
  bottom: calc(46.67% - 13px);
  height: 28px;
  left: 18px;
  position: absolute;
  width: calc(100.00% - 37px);
}

.index-tablet .icon-awesome-search-njazyP {
  background-color: transparent;
  height: calc(100.00% - 5px);
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 23px;
}

.index-tablet .buscar-nivel-de-estudios-njazyP {
  background-color: transparent;
  border: 0;
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 0px;
  width: calc(100.00% - 47px);
  cursor:pointer;
}

.index-tablet .buscar-nivel-de-estudios-njazyP::placeholder {
  color: #70707099;
}

.index-tablet .grupo-123-bHQVQg {
  background-color: transparent;
  bottom: calc(48.00% - 24px);
  height: 50px;
  position: absolute;
  right: 0px;
  width: 207px;
}

.index-tablet .rectngulo-59-LbGrTJ {
  background-color: var(--fountain-blue);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .acceso-LbGrTJ {
  background-color: transparent;
  bottom: calc(30.95% - 9px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(49.58% - 32px);
  text-align: left;
  white-space: nowrap;
  width: 65px;
}

.index-tablet .logo-celm-bHQVQg {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 187px;
}

.index-tablet .logo-celm-bHQVQg:hover {
  transform: scale(1.1);
}

.index-tablet .grupo-170-AQUY86 {
  background-color: transparent;
  bottom: 0px;
  height: 475px;
  left: 1px;
  position: absolute;
  width: 100%;
}

.index-tablet .color-xrNswO {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 71px);
  left: calc(100.00% - 753px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 753px;
  opacity: 0;
transform: translate(-500px, 0);
}

.index-tablet .color-xrNswO.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-500px, 0);
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
transform: translate(-500px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index-tablet .grupo-169-xrNswO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 1px;
  width: calc(100.00% - 352px);
}

.index-tablet .trazado-32-MAVNr6 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .grupo-168-MAVNr6 {
  background-color: transparent;
  height: calc(100.00% - 88px);
  left: 100px;
  position: absolute;
  top: 44px;
  width: 468px;
}

.index-tablet .desarrollado-por-fast-fix-xcrW2Q {
  background-color: transparent;
  bottom: 7px;
  height: 30px;
  left: 249px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 221px;
}

.index-tablet .contacto-xcrW2Q {
  background-color: transparent;
  height: 42px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: calc(44.48% - 19px);
  white-space: nowrap;
  width: 125px;
}

.index-tablet .x52-6242307648-xcrW2Q {
  background-color: transparent;
  bottom: calc(40.73% - 12px);
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 156px;
}

.index-tablet .contactoceomcom-xcrW2Q {
  background-color: transparent;
  bottom: calc(27.81% - 8px);
  height: 30px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 195px;
}

.index-tablet .icon-ionic-logo-whatsapp-xcrW2Q {
  background-color: transparent;
  bottom: 7px;
  height: 50px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: 50px;
}

.index-tablet .icon-awesome-facebook-xcrW2Q {
  background-color: transparent;
  bottom: 4px;
  height: 55px;
  left: calc(18.82% - 10px);
  object-fit: cover;
  position: absolute;
  width: 56px;
}

.index-tablet .x3b21c7efd2ba9c1-fb8d361acacc31d-xcrW2Q {
  background-color: transparent;
  bottom: 0px;
  height: 64px;
  left: calc(38.46% - 25px);
  object-fit: cover;
  position: absolute;
  width: 64px;
}

.index-tablet .logo-celm-xcrW2Q {
  background-color: transparent;
  height: 108px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 269px;
}

.index-tablet .rectngulo-87-AQUY86 {
  background-color: var(--san-marino);
  bottom: 475px;
  height: 24px;
  left: 1px;
  position: absolute;
  width: calc(100.00% - 1px);
}

.index-tablet .grupo-145-AQUY86 {
  background-color: transparent;
  height: 63px;
  left: calc(50.00% - 583px);
  position: absolute;
  top: 742px;
  width: 1166px;
}

.index-tablet .certificaciones-disponibles-6ztDDs {
  background-color: transparent;
  height: 42px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 438px;
}

.index-tablet .trazado-8-6ztDDs {
  background-color: transparent;
  bottom: 0px;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index-tablet .grupo-171-AQUY86 {
  background-color: transparent;
  height: 437px;
  position: absolute;
  right: calc(49.99% - 583px);
  top: calc(18.92% - 83px);
  width: 1166px;
}

.index-tablet .grupo-144-7offf8 {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 576px;
}

.index-tablet .rectngulo-60-s3VnZH {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .grupo-143-s3VnZH {
  background-color: transparent;
  bottom: 24px;
  height: 99px;
  left: 18px;
  position: absolute;
  width: calc(100.00% - 33px);
}

.index-tablet .grupo-140-V33jF1 {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 359px;
}

.index-tablet .preparatoria-co-do-bachillerato-gBk9VH {
  background-color: transparent;
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
  height: 28px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-tablet .total-de-lecciones-28-gBk9VH {
  background-color: transparent;
  bottom: -6px;
  height: 28px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 181px;
}

.index-tablet .duracin-3-meses-gBk9VH {
  background-color: transparent;
  bottom: calc(43.57% - 12px);
  height: 28px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 154px;
}

.index-tablet .grupo-139-V33jF1 {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  position: absolute;
  right: 0px;
  width: 120px;
}

.index-tablet .rectngulo-63-EybZmd {
  background-color: var(--white);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .conoce-ms-EybZmd {
  background-color: transparent;
  bottom: calc(32.50% - 7px);
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-regular);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 83px;
}

.index-tablet .bach-s3VnZH {
  background-color: transparent;
  height: calc(100.00% - 140px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-tablet .grupo-142-7offf8 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 576px;
}

.index-tablet .rectngulo-11-bFLX56 {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .grupo-141-bFLX56 {
  background-color: transparent;
  bottom: 24px;
  height: 99px;
  left: 19px;
  position: absolute;
  width: calc(100.00% - 36px);
}

.index-tablet .grupo-137-57oAHS {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 43px);
}

.index-tablet .licenciatura-en-as-licenciatura-CeH7xy {
  background-color: transparent;
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
  height: 28px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-tablet .duracin-3-aos-CeH7xy {
  background-color: transparent;
  bottom: calc(43.57% - 12px);
  height: 28px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 141px;
}

.index-tablet .total-de-lecciones-45-CeH7xy {
  background-color: transparent;
  bottom: -6px;
  height: 28px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 181px;
}

.index-tablet .grupo-138-57oAHS {
  background-color: transparent;
  bottom: 0px;
  height: 42px;
  position: absolute;
  right: 0px;
  width: 122px;
}

.index-tablet .rectngulo-12-oPlJdK {
  background-color: var(--white);
  border-radius: 10px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet .conoce-ms-oPlJdK {
  background-color: transparent;
  bottom: calc(32.50% - 7px);
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-regular);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: calc(47.49% - 39px);
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 83px;
}

.index-tablet .admin-bFLX56 {
  background-color: transparent;
  height: calc(100.00% - 140px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}
@media screen and (max-width: 1365px) {
  .screen.index { 
    display: none;
   }
  .screen.index-tablet { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1816px) {
  .screen.index { 
    display: none;
   }
  .screen.index-mobile { 
    display: none;
   }
}
@media screen and (min-width: 1817px) {
  .screen.index-tablet { 
    display: none;
   }
  .screen.index-mobile { 
    display: none;
   }
}