/*
      Theme Name: Hamilton
      Theme URI:
      Author: Donmesero
      Author URI: https://www.facebook.com/donmeserocreativo
      Description: Tema creado para Hamilton
      Version: 1.0.1
      License: GNU General Public Licence v2 or later
      License URI: http://www.gnu.org/licenses/gpl-2.0.html
      Tags: Escuela, flexbox, css, grid, mobile first
      Text Domain: hamilton
  */

/** fuentes **/
@font-face {
  font-family: REM-ExtraBold;
  src: url("assets/fonts/REM-ExtraBold.ttf");
}
@font-face {
  font-family: REM-Bold;
  src: url("assets/fonts/REM-Bold.ttf");
}
@font-face {
  font-family: REM-SemiBold;
  src: url("assets/fonts/REM-SemiBold.ttf");
}
@font-face {
  font-family: Montserrat-Regular;
  src: url("assets/fonts/Montserrat-Regular.ttf");
}
@font-face {
  font-family: Montserrat-BoldItalic;
  src: url("assets/fonts/Montserrat-BoldItalic.ttf");
}
@font-face {
  font-family: Montserrat-Bold;
  src: url("assets/fonts/Montserrat-Bold.ttf");
}
@font-face {
  font-family: Montserrat-BlackItalic;
  src: url("assets/fonts/Montserrat-BlackItalic.ttf");
}
@font-face {
  font-family: Montserrat-ExtraBold;
  src: url("assets/fonts/Montserrat-ExtraBold.ttf");
}
@font-face {
  font-family: Merriweather-BoldItalic;
  src: url("assets/fonts/Merriweather-BoldItalic.ttf");
}
:root {
  --REM-Extra-Bold: "REM-ExtraBold";
  --REM-Bold: "REM-Bold";
  --REM-Semi-Bold: "REM-SemiBold";
  --Montserrrat-Bold-Italic: "Montserrat-BoldItalic";
  --Montserrrat-Bold: "Montserrat-Bold";
  --Montserrat-Regular: "Montserrat-Regular";
  --Montserrat-Extra-Bold: "Montserrat-ExtraBold";
  --Montserrat-Black-Italic: "Montserrat-BlackItalic";
  --Merriweather-Bold-Italic: "Merriweather-BoldItalic";
}
.fuente-Montserrat-black-italic {
  font-family: var(--Montserrat-Black-Italic);
}
.fuente-Montserrat-bold-italic {
  font-family: var(--Montserrrat-Bold-Italic);
}
html {
  box-sizing: border-box;
  font-size: 62.5%; /* 10px = 1rem **/
  scroll-behavior: smooth;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
}
p {
  margin: 0;
  /*font-size: 1.5rem;*/
  font-size: 1.062vw;
}
@media (max-width: 1024px) {
p {
 font-size: 1.5rem;
}
    
}

/** Headings **/

h1 {
  font-size: 4rem;
}
h2 {
  font-size: 3rem;
}
h3 {
  font-size: 2rem;
}
h4 {
  font-size: 1.5rem;
}
/** Globales **/

a {
  text-decoration: none;
  font-size: 1.5rem;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  display: block;
  width: 100%;
  height: auto;
}
.contenedor-body {
  /*width: min(100%, 1920px);*/
  width: min(100%, 2400px);
  margin: 0 auto;
}
.contenedor-header-footer {
  width: 90%;
  margin: 0 auto;
}
.page-contenedor {
  width: 100%;
  min-height: 100rem;
  margin: 0rem auto;
}
.margin-top {
  /* margin-top: 1rem; */
}
.boton-amarillo-grande {
  padding: 2rem 3rem;
  color: #2f1d66;
  background-color: #ffd42a;
  border-radius: 50px;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  font-family: var(--Montserrrat-Bold);
  /*font-size: 0.9rem;*/
  font-size: 0.64vw;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  -o-transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
@media (min-width: 1024px) {
  .boton-amarillo-grande {
    /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  }
}
@media (max-width: 1024px) {
  .boton-amarillo-grande {
   font-size: 0.9rem;
  }
}
.boton-amarillo-grande:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: white;
  background-color: #2f1d66;
}
.boton-amarillo {
  padding: 1rem 4rem;
  color: #2f1d66;
  background-color: #ffd42a;
  border-radius: 50px;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (min-width: 1024px) {
  .boton-amarillo {
    /*font-size: 1.2rem;*/
    font-size: 0.85vw;
  }
}
@media (max-width: 1024px) {
  .boton-amarillo {
    font-size: 1.4rem;
  }
}
.boton-amarillo:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: white;
  background-color: #2f1d66;
}
.boton-rojo {
  padding: 1.5rem 4rem;
  color: #cc002d;
  background-color: #ffd42a;
  border-radius: 50px;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (min-width: 1024px) {
  .boton-rojo {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .boton-rojo {
    font-size: 1.4rem;
  }
}
.boton-rojo:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: white;
  background-color: #2f1d66;
}
.font-bold {
  font-weight: bold;
  font-style: italic;
}
.color-texto-azul {
  color: #2f1d66;
}
/****************************************************************************************** HEADER */
.menu-desktops {
  display: none;
}

@media (min-width: 1024px) {
  .menu-movil {
    display: none;
  }
  .menu-desktops {
    display: block;
  }
}

.menu-desktops .header {
  width: auto;
  height: auto;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 8rem;
  right: 13rem;
  z-index: 100;
}

.menu-desktops .header .menu-principal {
  display: flex;
  justify-content: flex-end;
  animation: desplazamiento-menu 0.3s linear backwards;
  /*animation-delay: 1.1s;*/
  -webkit-animation: desplazamiento-menu 0.3s linear backwards;
}

@keyframes desplazamiento-menu {
  0% {
    transform: translate(0, -100%);
    opacity: 0;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
  }
  50% {
    transform: translate(0, -50%);
    opacity: 0.5;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
  }
  100% {
    transform: translate(0%);
    opacity: 1;
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    -ms-transform: translate(0%);
    -o-transform: translate(0%);
  }
}

.menu-desktops .header .menu-principal .menu {
  display: flex;
}
.menu-desktops .header .menu-principal .menu li {
  text-align: center;
}
.menu-desktops .header .menu-principal .menu li a {
  color: white;
  text-shadow: 0 0 5px rgb(0 0 0 / 87%);
  font-family: var(--Montserrrat-Bold);
  padding: 2rem 3rem;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.menu-desktops .header .menu-principal .menu li a:hover {
  background-color: #ffd42a;
  color: #2f1d66;
  border-radius: 100px;
  transition: background-color 0.4s ease;
  text-shadow: inherit;
}
.menu-desktops .header .menu-principal .menu .noHover:not(.excepcion) {
  border-radius: 15px 15px 0 0;
}
.menu-desktops .header .menu-principal .menu .noHover:not(.excepcion):hover {
  background-color: #ffd42a;
  border-radius: 15px 15px 0 0;
}

.menu-desktops .header .menu-principal .menu .fondoBackground {
  color: #2f1d66;
  text-shadow: none;
}
.menu-desktops .header .menu-principal .menu .menu-item-466 .sub-menu {
  margin-top: -5rem;
  padding-top: 7rem;
  width: 100%;
  height: 0rem;
  background-color: #ffd42a;
  opacity: 0;
  overflow: hidden;
  border-radius: 20px;
  transition: height 0.3s ease, opacity 0.3s ease;
  position: relative;
}

.menu-desktops .header .menu-principal .menu .menu-item-466 .sub-menu.mostrar {
  height: 28rem;
  opacity: 1;
}

.menu-desktops
  .header
  .menu-principal
  .menu
  .menu-item-466
  .sub-menu
  li:first-child {
  padding-top: 2rem;
}
.menu-desktops .header .menu-principal .menu .menu-item-466 .sub-menu li {
  padding-bottom: 1.5rem;
  text-align: left;
}
.menu-desktops .header .menu-principal .menu .menu-item-466 .sub-menu li a {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  text-shadow: none;
}
.menu-desktops
  .header
  .menu-principal
  .menu
  .menu-item-466
  .sub-menu
  li
  a:hover {
  color: white;
}
/*** menu secundario **/
.menu-desktops .headerSecundario {
  display: none;
  width: 100%;
  height: 10rem;
  background-color: #f2f2f2;
  position: fixed;
  z-index: 1000;
  transform: translateY(-20rem);
  -webkit-transform: translateY(-20rem);
  -moz-transform: translateY(-20rem);
  -ms-transform: translateY(-20rem);
  -o-transform: translateY(-20rem);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);
}
.menu-desktops .ocultarMenuSecundario {
  transform: translateY(-20rem);
  animation: ocultarSecundario 0.3s ease;
  -webkit-animation: ocultarSecundario 0.3s ease;
}
@keyframes ocultarSecundario {
  0% {
    transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -o-transform: translateY(0rem);
  }
  100% {
    transform: translateY(-20rem);
    -webkit-transform: translateY(-20rem);
    -moz-transform: translateY(-20rem);
    -ms-transform: translateY(-20rem);
    -o-transform: translateY(-20rem);
  }
}
.menu-desktops .mostrarMenuSecundario {
  transform: translateY(0rem);
  animation: mostrarSecundario 0.6s ease;
  -webkit-animation: mostrarSecundario 0.6s ease;
}
@keyframes mostrarSecundario {
  0% {
    transform: translateY(-20rem);
    -webkit-transform: translateY(-20rem);
    -moz-transform: translateY(-20rem);
    -ms-transform: translateY(-20rem);
    -o-transform: translateY(-20rem);
  }
  100% {
    transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -o-transform: translateY(0rem);
  }
}
.menu-desktops .headerSecundario .flex-menuSecundario {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 2rem;
}
.menu-desktops .headerSecundario .flex-menuSecundario .logotipo {
  position: relative;
  width: 14%;
  height: 100%;
}
.menu-desktops .headerSecundario .flex-menuSecundario .logotipo a img {
  width: 100%;
  height: 100%;
}
.menu-desktops .headerSecundario .menu-secundario {
  width: 70%;
}
.menu-desktops .headerSecundario .menu-secundario .menu {
  width: 100%;
  height: 10rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.menu-desktops .headerSecundario .menu-secundario .menu li {
  width: auto;
  font-family: var(--Montserrrat-Bold);
}
.menu-desktops .headerSecundario .menu-secundario .menu li a {
  color: #2f1d66;
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
}
.menu-desktops .headerSecundario .menu-secundario .menu li a:hover {
  color: #d8b322;
  transition: color 0.2s ease;
}

/* logotipo remplazando la palabra logotipo del menu */
.menu-desktops .headerSecundario .menu-secundario .menu .menu-item-158 {
  width: 9%;
  text-decoration: none;
  height: 100%;
  margin-top: 1rem;
  background-image: url("assets/img/logotipo-color.png");
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.menu-desktops
  .headerSecundario
  .menu-secundario
  .menu
  .menu-item-165
  .sub-menu {
  /*margin: -7rem 0 0 -3.5rem;*/
  margin: -7rem 0 0 -3%;
  width: 10%;
  height: 0rem;
  background-color: #ffd42a;
  clip-path: polygon(0 0, 0 100%, 50% 85%, 100% 100%, 100% 0);
  border-radius: 0;
  transition: height 0.3s ease;
  position: absolute;
  text-align: center;
  z-index: -1;
}
@media (min-width: 1800px) {
.menu-desktops .headerSecundario .menu-secundario .menu .menu-item-165 .sub-menu {
   margin: -7rem 0 0 -3.4%;
}
}
@media (min-width: 1920px) {
.menu-desktops .headerSecundario .menu-secundario .menu .menu-item-165 .sub-menu {
    /*margin: -7rem 0 0 -6.5rem;*/
}
}
.menu-desktops
  .headerSecundario
  .menu-secundario
  .menu
  .menu-item-165
  .sub-menu.mostrar {
  height: 34rem;
}

.menu-desktops
  .headerSecundario
  .menu-secundario
  .menu
  .menu-item-165
  .sub-menu
  li:first-child {
  padding-top: 10rem;
}
.menu-desktops
  .headerSecundario
  .menu-secundario
  .menu
  .menu-item-165
  .sub-menu
  li {
  padding-bottom: 1.5rem;
}
.menu-desktops
  .headerSecundario
  .menu-secundario
  .menu
  .menu-item-165
  .sub-menu
  li
  a {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  text-shadow: none;
}
.menu-desktops
  .headerSecundario
  .menu-secundario
  .menu
  .menu-item-165
  .sub-menu
  li
  a:hover {
  color: #ffffff;
}

/*** menu secundario otras paginas**/
.menu-desktops .headerSecundarioOtrasPaginas {
  width: 100%;
  height: 10rem;
  background-color: #f2f2f2;
  position: fixed;
  z-index: 1000;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);
}
/*
.ocultarMenuSecundario {
  transform: translateY(-20rem);
  animation: ocultarSecundario 0.3s ease;
  -webkit-animation: ocultarSecundario 0.3s ease;
}

@keyframes ocultarSecundario {
  0% {
    transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -o-transform: translateY(0rem);
  }
  100% {
    transform: translateY(-20rem);
    -webkit-transform: translateY(-20rem);
    -moz-transform: translateY(-20rem);
    -ms-transform: translateY(-20rem);
    -o-transform: translateY(-20rem);
  }
}

.mostrarMenuSecundario {
  transform: translateY(0rem);
  animation: mostrarSecundario 0.6s ease;
  -webkit-animation: mostrarSecundario 0.6s ease;
}
@keyframes mostrarSecundario {
  0% {
    transform: translateY(-20rem);
    -webkit-transform: translateY(-20rem);
    -moz-transform: translateY(-20rem);
    -ms-transform: translateY(-20rem);
    -o-transform: translateY(-20rem);
  }
  100% {
    transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -o-transform: translateY(0rem);
  }
}
*/
.menu-desktops .headerSecundarioOtrasPaginas .flex-menuSecundario {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 2rem;
}
.menu-desktops .headerSecundarioOtrasPaginas .flex-menuSecundario .logotipo {
  position: relative;
  width: 14%;
  height: 100%;
}
.menu-desktops
  .headerSecundarioOtrasPaginas
  .flex-menuSecundario
  .logotipo
  a
  img {
  width: 100%;
  height: 100%;
}
.menu-desktops .headerSecundarioOtrasPaginas .menu-secundario {
  width: 70%;
}
.menu-desktops .headerSecundarioOtrasPaginas .menu-secundario .menu {
  width: 100%;
  height: 10rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.menu-desktops .headerSecundarioOtrasPaginas .menu-secundario .menu li {
  width: auto;
  font-family: var(--Montserrrat-Bold);
}
.menu-desktops .headerSecundarioOtrasPaginas .menu-secundario .menu li a {
  color: #2f1d66;
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
}
.menu-desktops .headerSecundarioOtrasPaginas .menu-secundario .menu li a:hover {
  color: #d8b322;
  transition: color 0.2s ease;
}

/* logotipo remplazando la palabra logotipo del menu */
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-179 {
  width: 9%;
  text-decoration: none;
  height: 100%;
  margin-top: 1rem;
  background-image: url("assets/img/logotipo-color.png");
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer;
}

.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu {
  margin: -7rem 0 0 -3.5rem;
  width: 9%;
  height: 0rem;
  background-color: #ffd42a;
  clip-path: polygon(0 0, 0 100%, 50% 85%, 100% 100%, 100% 0);
  border-radius: 0;
  transition: height 0.3s ease;
  position: absolute;
  text-align: center;
  z-index: -1;
}
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu.mostrar {
  height: 34rem;
}
@media (min-width: 1600px) {
  .menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu.mostrar {
  margin: -7rem 0 0 -3.8rem;
}
}
@media (min-width: 1800px) {
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu.mostrar {
  margin: -7rem 0 0 -4.1rem;
}
}
@media (min-width: 1920px) {
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu.mostrar {
  margin: -7rem 0 0 -4.6rem;
}
}
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu
  li:first-child {
  padding-top: 10rem;
}
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu
  li {
  padding-bottom: 1.5rem;
}
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu
  li
  a {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  text-shadow: none;
}
.menu-desktops
  .headerSecundarioOtrasPaginas
  .menu-secundario
  .menu
  .menu-item-177
  .sub-menu
  li
  a:hover {
  color: #ffffff;
}
/****************************************************************************************** CIERRE */

/************************************************************** FRONT PAGE */

.front-page .head {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
}
.front-page .head .imagen {
  position: relative;
  z-index: 1;
}
.front-page .head .imagen img {
  width: 100%;
  height: 100vh;
  object-fit: cover; /* Ajusta la imagen para cubrir el contenedor */
  object-position: 50% 20%; /* Muestra la parte superior de la imagen */
}
.front-page .head .contenido {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(91, 66, 168, 0.24926467168898814) 25%,
    rgba(91, 66, 168, 0.5013655120251226) 50%,
    rgba(68, 46, 135, 0.7506652319130778) 75%,
    rgba(47, 29, 102, 1) 100%
  );
  z-index: 2;
}
@media (min-width: 1024px) {
  .front-page .head .contenido {
    background: rgb(2, 0, 36);
    background: linear-gradient(
      90deg,
      rgb(7 4 50 / 93%) 0%,
      rgb(30 9 121 / 91%) 25%,
      rgb(255 255 255 / 0%) 60%
    );
  }
}
.front-page .head .contenido figure {
  width: 65%;
  margin: 13rem 0 0 20%;
}

@media (min-width: 1024px) {
  .front-page .head .contenido figure {
    width: 23%;
    margin: 13rem 0 0 10%;
  }
}

.front-page .head .contenido .texto-principal {
  width: 100%;
  margin: 3rem 0 0 0;
  /*font-size: 2rem;*/
  font-size: 1.416vw;
  color: white;
  font-family: var(--REM-Extra-Bold);
  text-align: center;
}
@media (min-width: 1024px) {
  .front-page .head .contenido .texto-principal {
    width: 40%;
    margin: 4rem 0 0 15rem;
    /*font-size: 4.5rem;*/
    font-size: 3.18vw;
    text-align: inherit;
  }
}
@media (max-width: 1024px) {
  .front-page .head .contenido .texto-principal {
    font-size: 2rem;
  }
}
.front-page .head .contenido .texto-principal .color {
  color: #ffd42a;
}
.front-page .head .contenido .boton {
  width: 100%;
  margin-top: 10rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .front-page .head .contenido .boton {
    width: 70%;
    margin: 5rem 0 0 15rem;
    text-align: inherit;
  }
}
.front-page .head .contenido p {
  width: 100%;
  color: white;
  text-align: center;
  margin-top: 0.5rem;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  font-family: var(--Montserrrat-Bold-Italic);
  padding: 0rem 3rem;
}
@media (min-width: 1024px) {
  .front-page .head .contenido p {
    width: 80%;
    color: white;
    margin: 1rem 0 0 15rem;
    /*font-size: 2.5rem;*/
    font-size: 1.77vw;
    text-align: inherit;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .front-page .head .contenido p {
    font-size: 1.3rem;  
  }
}
.front-page .contenedor-social {
  display: none;
}
@media (min-width: 1024px) {
  .front-page .contenedor-social {
    display: inherit;
    /*width: 11.5rem;*/
    width:8%;
    position: fixed;
    right: 0;
    bottom: 5rem;
    z-index: 100;
  }
}

.front-page .contenedor-social .algebraix {
  background-color: #cc002d;
  padding: 1.1rem 0 1.1rem 1.5rem;
  border-radius: 5rem 0 0 5rem;
  margin-bottom: 1.5rem;
  box-shadow: 1px 7px 10px -5px rgba(0, 0, 0, 0.75);
}
.front-page .contenedor-social .algebraix a {
  color: white;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  font-family: var(--REM-Semi-Bold);
}
.front-page .contenedor-social .position-entry .redes {
  margin-bottom: 1rem;
  border-radius: 5rem 0 0 5rem;
  box-shadow: 1px 7px 10px -5px rgba(0, 0, 0, 0.75);
}

.front-page .contenedor-social .redes .menu-social .menu {
  display: flex;
  background-color: #2f1d66;
  padding: 0.7rem 0 0.7rem 1.5rem;
  border-radius: 5rem 0 0 5rem;
  gap: 2rem;
  align-items: center;
}
.front-page .contenedor-social .redes .menu-social .menu .icon-facebook a {
  background-color: white;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  border-radius: 100rem;
}
.front-page .contenedor-social .redes .menu-social .menu .icon-instagram a {
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  line-height: 1rem;
}
/* contenedor social movil que se muestra en menu */
.contenedor-social-movil {
  display: block;
  width: 30%;
  float: right;
  right: 0;
  bottom: 5rem;
  z-index: 100;
}

.contenedor-social-movil .algebraix {
  background-color: #cc002d;
  padding: 1.1rem 0 1.1rem 1.5rem;
  border-radius: 5rem 0 0 5rem;
  margin-bottom: 1.5rem;
  box-shadow: 1px 7px 10px -5px rgba(0, 0, 0, 0.75);
  text-align: left;
}
.contenedor-social-movil .algebraix a {
  color: white;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  font-family: var(--REM-Semi-Bold);
}
.contenedor-social-movil .position-entry .redes {
  margin-bottom: 1rem;
  border-radius: 5rem 0 0 5rem;
  box-shadow: 1px 7px 10px -5px rgba(0, 0, 0, 0.75);
}

.contenedor-social-movil .redes .menu-social .menu {
  display: flex;
  background-color: #2f1d66;
  padding: 0.7rem 0 0.7rem 25%;
  border-radius: 5rem 0 0 5rem;
  gap: 2rem;
  align-items: center;
}
.contenedor-social-movil .redes .menu-social .menu .icon-facebook a {
  background-color: white;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  border-radius: 100rem;
}
.contenedor-social-movil .redes .menu-social .menu .icon-instagram a {
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  line-height: 1rem;
}
@media (max-width: 1024px) {
    .contenedor-social-movil .algebraix a {
 font-size: 1.2rem;
}
.contenedor-social-movil .redes .menu-social .menu .icon-facebook a {
font-size: 1.8rem;
}
.contenedor-social-movil .redes .menu-social .menu .icon-instagram a {
  font-size: 2.5rem;
}    
}
/* seccion Uno */
.front-page .contenedor-secciones {
  position: absolute;
  top: 100vh;
  width: 100%;
  height: auto;
}
.front-page .contenedor-secciones .seccionUno {
  width: 100%;
  min-height: 70rem;
  height: auto;
  background-color: #ffd42a;
  color: #2f1d66;
  padding-top: 5rem;
  font-family: var(--REM-Bold);
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionUno {
    min-height: 70rem;
    padding-top: 10rem;
  }
}
.front-page .contenedor-secciones .seccionUno .parrafo {
  width: 100%;
  padding: 1rem 3rem;
  /*font-size: 2rem;*/
  font-size: 1.416vw;
  line-height: 1.3;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionUno .parrafo {
    /*width: 60rem;*/
    width:45%;
    /*font-size: 4rem;*/
    font-size: 2.832vw;
    margin-left: 12%;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionUno .parrafo {
    font-size: 2rem;
  }
}
.front-page .contenedor-secciones .seccionUno .subrayado {
  width: 100%;
  /*font-size: 2rem;*/
  font-size: 1.416vw;
  padding: 0rem 3rem;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionUno .subrayado {
    width: 80%;

    /*font-size: 4rem;*/
    font-size: 2.832vw;
    margin: 1.3rem 0 1.3rem 12%;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionUno .subrayado {
    font-size: 2rem;
  }
}
.front-page .contenedor-secciones .seccionUno .parrafo-dos {
  width: 80%;
  margin: 0 auto;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  font-family: var(--Montserrat-Regular);
  line-height: 2.6rem;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionUno .parrafo-dos {
    width: 40%;
    float: right;
    margin-right: 12rem;
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
    margin-top: 0rem;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionUno .parrafo-dos {
    font-size: 1.4rem;
  }
}
.front-page .contenedor-secciones .seccionUno .parrafo-dos .color {
  font-family: var(--Montserrrat-Bold);
}
.separador {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin: 5rem 0 5rem 0;
}
.separador-rojo-grande {
  display: none;
}
@media (min-width: 1024px) {
  .separador-rojo-grande {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin: 0;
  }
}
.separador-rojo-movil {
  display: block;
  width: 50%;
  margin: 0 auto 5rem auto;
}
@media (min-width: 1024px) {
  .separador-rojo-movil {
    display: none;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionDos .separador {
    margin: 1rem 0 5rem 0;
  }
  .front-page .contenedor-secciones .seccionTres .separador {
    margin: 3rem 0 5rem 0;
  }
}

.separador .imagen {
  width: 50%;
  height: auto;
}
@media (min-width: 1024px) {
  .separador .imagen {
    width: 20%;
  }
}
.separador-rojo-grande .imagen {
  width: 80%;
  height: auto;
}
.separador .imagen img {
  width: 100%;
  height: 100%;
}
.separador-rojo-grande .imagen img {
  width: 100%;
  height: 100%;
}
/* secion dos */
.front-page .contenedor-secciones .seccionDos {
  width: 100%;
  height: auto;
  background-color: white;
  padding-top: 5rem;
  margin-bottom: 10rem;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionDos {
    padding-top: 10rem;
    height: 75rem;
    margin-bottom: 0rem;
  }
}
.front-page .contenedor-secciones .seccionDos h2 {
  width: 95%;
  margin: 0 auto;
  text-align: center;
  font-family: var(--REM-Bold);
  color: #2f1d66;
  /*font-size: 2.2rem;*/
    font-size: 1.557vw;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionDos h2 {
    width: 100%;
    margin: 0;
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionDos h2 {
    font-size: 2.2rem;
    
  }
}
.front-page .contenedor-secciones .seccionDos .contenedor-eduacion-flex {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionDos .contenedor-eduacion-flex {
    gap: 5rem;
    margin-bottom: 5rem;
    flex-direction: row;
  }
}
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .educacion,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .formacion,
.front-page .contenedor-secciones .seccionDos .contenedor-eduacion-flex .nivel {
  width: 90%;
  height: auto;
}

@media (min-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .educacion,
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .formacion,
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .nivel {
    width: 25%;
    height: auto;
  }
}
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .educacion
  .img-educacion,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .formacion
  .img-formacion,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .nivel
  .img-nivel {
  width: 50%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .educacion
    .img-educacion,
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .formacion
    .img-formacion,
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .nivel
    .img-nivel {
    width: 20%;
  }
}
@media (min-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .educacion
    .img-educacion,
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .formacion
    .img-formacion,
  .front-page
    .contenedor-secciones
    .seccionDos
    .contenedor-eduacion-flex
    .nivel
    .img-nivel {
    width: 50%;
  }
}
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .educacion
  img,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .formacion
  img,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .nivel
  img {
  width: 100%;
  height: auto;
}
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .educacion
  h3,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .formacion
  h3,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .nivel
  h3 {
  font-family: var(--Montserrrat-Bold-Italic);
  color: #2f1d66;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .educacion
  h3,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .formacion
  h3,
.front-page
  .contenedor-secciones
  .seccionDos
  .contenedor-eduacion-flex
  .nivel
  h3 {
font-size: 1.4rem;
}
    
}
.front-page .contenedor-secciones .seccionDos .enlace {
  width: 100%;
  text-align: center;
  margin-top: 10rem;
}
@media (min-width: 1800px) {
.front-page .contenedor-secciones .seccionDos .enlace {
  margin-top: 6rem;
}
}
.front-page .contenedor-secciones .seccionDos .enlace a {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {
.front-page .contenedor-secciones .seccionDos .enlace a {
  font-size: 1.4rem;
}
    
}
/* seccion Tres */
.front-page .contenedor-secciones .seccionTres {
  width: 100%;
  height: 100rem;
  background-color: #2f1d66;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionTres {
    height: 105rem;
  }
}
.front-page .contenedor-secciones .seccionTres .img-seccion-tres {
  width: 100%;
  height: 52rem;
  overflow: hidden;
  position: relative;
  background-color: orange;
}
.front-page .contenedor-secciones .seccionTres .img-seccion-tres img {
  position: absoluted;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(2);
  object-position: -10rem -5rem;
  transition: object-position 1s linear;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionTres .img-seccion-tres img {
    transform: scale(1.2);
    object-position: 12rem -15rem;
  }
}
.front-page .contenedor-secciones .seccionTres .contenedor-contenido {
  width: 100%;
}
.front-page
  .contenedor-secciones
  .seccionTres
  .contenedor-contenido
  .imagen-amarilla {
  width: 100%;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: -3rem;
}
.front-page
  .contenedor-secciones
  .seccionTres
  .contenedor-contenido
  .imagen-amarilla
  img {
  width: 3rem;
  height: auto;
}
@media (min-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionTres
    .contenedor-contenido
    .imagen-amarilla
    img {
    width: 3rem;
  }
}
.front-page .contenedor-secciones .seccionTres .contenido-seccion-tres {
  width: 100%;
  margin: 5rem 0 0 0;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionTres .contenido-seccion-tres {
    width: 80%;
    margin: 10rem 0 0 10rem;
    text-align: inherit;
  }
}
.front-page
  .contenedor-secciones
  .seccionTres
  .contenido-seccion-tres
  .parrafo_uno {
  font-family: var(--REM-Bold);
  /*font-size: 2.2rem;*/
    font-size: 1.557vw;
  color: #2f1d66;
  margin-left: 13%;
}
@media (min-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionTres
    .contenido-seccion-tres
    .parrafo_uno {
    /*font-size: 4.5rem;*/
    font-size: 3.186vw;
    color: #2f1d66;
    margin-left: 0%;
  }
}
@media (max-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionTres
    .contenido-seccion-tres
    .parrafo_uno {
     font-size: 2.2rem;   
  }
}
.front-page .contenedor-secciones .seccionTres .parrafo-seccion-tres {
  width: 90%;
  text-align: center;
  margin: 0 auto;
  font-family: var(--Montserrat-Regular);
  color: white;
  line-height: 2;
}

@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionTres .parrafo-seccion-tres {
    width: 50%;
    float: right;
    text-align: inherit;
    margin-right: 12rem;
    color: white;
    line-height: 2;
  }
}
.front-page .contenedor-secciones .seccionTres .parrafo-seccion-tres p {
  /*font-size: 1rem;*/
   font-size: 0.708vw;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionTres .parrafo-seccion-tres p {
    /*font-size: 1.46rem;*/
   font-size: 1.033vw;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionTres .parrafo-seccion-tres p {
    font-size: 1rem;
  
  }
}
.front-page .contenedor-secciones .seccionTres .parrafo-seccion-tres b {
  font-family: var(--Montserrrat-Bold);
}
.front-page
  .contenedor-secciones
  .seccionTres
  .parrafo-seccion-tres
  .animation-underline-yellow {
  line-height: 2.4rem;
  color: #2f1d66;
}

/* seccion 4 */

.front-page .contenedor-secciones .seccionCuatro {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  padding: 5rem 0;
}

@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCuatro {
    height: 145rem;
  }
}
@media (min-width: 1800px) {
    .front-page .contenedor-secciones .seccionCuatro {
        height: 190rem;
    }
}
.front-page .contenedor-secciones .seccionCuatro .contenedor-clases {
  width: 90%;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCuatro .contenedor-clases {
    width: 100%;
    flex-direction: inherit;
    flex-wrap: wrap;
  }
}

.front-page .contenedor-secciones .seccionCuatro .contenedor-clases .clase {
  width: 100%;
  height: 40rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .front-page .contenedor-secciones .seccionCuatro .contenedor-clases .clase {
    height: 50rem;
  }
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCuatro .contenedor-clases .clase {
    width: 45rem;
    height: 40rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .front-page .contenedor-secciones .seccionCuatro .contenedor-clases .clase {
    width: 52.9rem;
  }
}
@media (min-width: 1800px) {
  .front-page .contenedor-secciones .seccionCuatro .contenedor-clases .clase {
    width: 75.9rem;
    height: 55rem;
  }
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:hover
  .info
  p {
  animation: desvanecer 0.3s ease forwards;
  opacity: 0;
}
@keyframes desvanecer {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:hover
  .info
  h2 {
  transform: translateY(20rem);
  transition: transform 0.6s ease;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:hover
  .info {
  transform: translateY(-30rem);
  transition: transform 0.6s ease;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:hover
  .btnClases {
  transform: translateY(-5rem);
  transition: transform 0.6s ease;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .imagen {
  position: relative;
  width: 100%;
  height: 100%;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .imagen
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(0rem);
  transition: transform 0.6s ease;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:nth-child(1) {
  order: 1;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:nth-child(2) {
  order: 2;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:nth-child(3) {
  order: 4;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:nth-child(4) {
  order: 3;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:nth-child(5) {
  order: 5;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase:nth-child(6) {
  order: 6;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .cont-btn-mas:nth-child(7) {
  order: 7;
}
@media (min-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase:nth-child(1) {
    order: 1;
  }
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase:nth-child(2) {
    order: 2;
  }
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase:nth-child(3) {
    order: 3;
  }
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase:nth-child(4) {
    order: 4;
  }
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase:nth-child(5) {
    order: 5;
  }
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase:nth-child(6) {
    order: 6;
  }
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .cont-btn-mas:nth-child(7) {
    order: 7;
  }
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .color-azul {
  background-color: #2f1d66;
  opacity: 0.8;
  color: white;
}

.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .color-amarillo {
  background-color: #ffd42a;
  opacity: 0.8;
  color: #2f1d66;
}

.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .info
  h2 {
  font-family: var(--REM-Bold);
  opacity: 1;
  transform: translateY(00rem);
  transition: transform 0.6s ease;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .info
  p {
  width: 25rem;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
}
@media (min-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase
    .info
    p {
    width: 35rem;
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionCuatro
    .contenedor-clases
    .clase
    .info
    p {
    font-size: 1.8rem;    
  }
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .clase
  .btnClases {
  width: 100%;
  height: 5rem;
  display: flex;
  justify-content: right;
  align-items: center;
  transform: translateY(0rem);
  transition: transform 0.6s ease;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .btnClases
  a {
  margin-right: 1rem;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
}
@media (max-width: 1024px) {
    .front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .btnClases
  a {
  font-size: 1.8rem;
}
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .btnClases
  .texto-amarillo {
  color: #ffd42a;
}

.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .btnClases
  .texto-amarillo:hover {
  color: #d8b423;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .btnClases
  .texto-azul {
  color: #2f1d66;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .btnClases
  .texto-azul:hover {
  color: #4a2e9f;
}
.front-page
  .contenedor-secciones
  .seccionCuatro
  .contenedor-clases
  .cont-btn-mas {
  width: 100%;
  text-align: center;
  margin: 10rem 0;
}
/* seccion 5 */

.front-page .contenedor-secciones .seccionCinco {
  width: 100%;
  height: 55rem;
  text-align: center;
  color: white;
  padding: 10rem 0;
  background-color: #b60028;
  background-image: url("assets/img/fondo-rojo.png");
  background-repeat: no-repeat;
  background-size: 500%; /* Ajusta la imagen para cubrir todo el fondo */
  background-position: center bottom;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco {
    padding: 7rem 0;
    height: 47rem;
    background-size: 100%; /* Ajusta la imagen para cubrir todo el fondo */
  }
}
@media (min-width: 1600px) {
  .front-page .contenedor-secciones .seccionCinco {
    height: 50rem;
  }
}
@media (min-width: 1800px) {
  .front-page .contenedor-secciones .seccionCinco {
    height: 55rem;
  }
}
.front-page .contenedor-secciones .seccionCinco .puno {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
  margin: 0 0 3rem 0;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco .puno {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco .puno {
    font-size: 1.1rem;
  }
}
.front-page .contenedor-secciones .seccionCinco h2 {
  font-family: var(--REM-Bold);
  /*font-size: 2rem;*/
  font-size: 1.416vw;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco h2 {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco h2 {
    font-size: 2rem;
  }
}
.front-page .contenedor-secciones .seccionCinco .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  margin: 0 0 2rem 0;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco .flex {
    gap: 10rem;
    margin: 0 0 4rem 0;
    flex-direction: row;
  }
}
.front-page .contenedor-secciones .seccionCinco .flex .boton-rojo {
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco .flex .boton-rojo {
    /*font-size: 1.4rem;*/
    font-size: 0.99vw;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco .flex .boton-rojo {
    font-size: 1.2rem;
  }
}
.front-page .contenedor-secciones .seccionCinco .pdos {
  padding: 0 3rem;
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco .pdos {
    padding: 0;
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionCinco .pdos {
    font-size: 1.8rem;
  }
}
.front-page .contenedor-secciones .seccionCinco .menu-redes-extraordinario {
  width: 100%;
}
.front-page
  .contenedor-secciones
  .seccionCinco
  .menu-redes-extraordinario
  .menu {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5rem;
  margin-top: 3rem;
}
.front-page
  .contenedor-secciones
  .seccionCinco
  .menu-redes-extraordinario
  .menu
  .icon_facebook {
  width: 4rem;
  height: 4rem;
  background-color: white;
  border-radius: 100%;
}
.front-page
  .contenedor-secciones
  .seccionCinco
  .menu-redes-extraordinario
  .menu
  .icon_facebook
  a {
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  line-height: 1.2;
}
@media (max-width: 1024px) {
    .front-page
  .contenedor-secciones
  .seccionCinco
  .menu-redes-extraordinario
  .menu
  .icon_facebook
  a {
  font-size: 3rem;
}
}
@media (min-width: 1600px) {
    .front-page .contenedor-secciones .seccionCinco .menu-redes-extraordinario .menu .icon_facebook {
    width: 5rem;
    height: 5rem;
    }
  .front-page .contenedor-secciones
  .seccionCinco .menu-redes-extraordinario
  .menu .icon_facebook a {
  /*line-height: 1.1;*/
    }
}
@media (min-width: 1800px) {
  .front-page .contenedor-secciones
  .seccionCinco .menu-redes-extraordinario
  .menu .icon_facebook a {
  line-height: 1.0;
    }
}
.front-page
  .contenedor-secciones
  .seccionCinco
  .menu-redes-extraordinario
  .menu
  .icon_instagram
  a {
  /*font-size: 4rem;*/
    font-size: 2.832vw;
}
@media (max-width: 1024px) {

  .front-page
  .contenedor-secciones
  .seccionCinco
  .menu-redes-extraordinario
  .menu
  .icon_instagram
  a {
  font-size: 4rem;
}  
}
.front-page .contenedor-secciones .seccionSeis {
  width: 100%;
  height: 75rem;
  text-align: center;
  position: relative;
  background-color: #2f1d66;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionSeis {
    height: 55rem;
  }
}
.front-page .contenedor-secciones .seccionSeis .imagen {
  width: 100%;
  height: 100%;
  opacity: 0.2;
  overflow: hidden;
}
.front-page .contenedor-secciones .seccionSeis .imagen img {
  position: absoluted;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
  object-position: -30rem 0rem;
  transition: object-position 1s linear;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionSeis .imagen img {
    object-position: 1rem 2rem;
  }
}
.front-page .contenedor-secciones .seccionSeis .contenido {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55rem;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .front-page .contenedor-secciones .seccionSeis .contenido {
    height: 35rem;
  }
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionSeis .contenido {
    height: 55rem;
  }
}
.front-page .contenedor-secciones .seccionSeis .contenido h2 {
  width: 80%;
  text-align: center;
  opacity: 1;
  color: white;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  font-family: var(--REM-Bold);
  margin-top: 50%;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionSeis .contenido h2 {
    width: 50%;
    text-align: inherit;
    color: white;
    /*font-size: 5rem;*/
    font-size: 3.54vw;
    margin-top: inherit;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionSeis .contenido h2 {
font-size: 1.8rem;
  }
}
.front-page
  .contenedor-secciones
  .seccionSeis
  .contenido
  h2
  .background-active {
  display: block;
  /*font-size: 2rem;*/
  font-size: 1.416vw;
}
@media (min-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionSeis
    .contenido
    h2
    .background-active {
    display: inherit;
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .front-page
    .contenedor-secciones
    .seccionSeis
    .contenido
    h2
    .background-active {
       font-size: 2rem; 
  }
}

.front-page .contenedor-secciones .seccionSeis .contenido span {
  color: #2f1d66;
}
.front-page .contenedor-secciones .seccionSeis .contenido p {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  opacity: 1;
  line-height: 1.5;
  margin-bottom: 5rem;
}
@media (min-width: 1024px) {
  .front-page .contenedor-secciones .seccionSeis .contenido p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .front-page .contenedor-secciones .seccionSeis .contenido p {
    font-size: 1.3rem;
  }
}
/******************************************************************* CERRAR */
/******************************************************************** NOSOTROS */
.flex-derecho {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .flex-derecho {
    flex-direction: row;
  }
}
.flex-izquierdo {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .flex-izquierdo {
    flex-direction: row-reverse;
  }
}
.nosotros .head {
  width: 100%;
  height: 38rem;
  position: relative;
}
@media (min-width: 1024px) {
  .nosotros .head {
    height: 50rem;
  }
}
.nosotros .head .imagen {
  width: 100%;
  height: 100%;
}
.nosotros .head .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.nosotros .head .titulo {
  position: absolute;
  width: 100%;
  height: 105%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(136 136 136 / 14%) 81%,
    rgb(0 0 0 / 95%) 100%
  );
}
.nosotros .head .titulo h1 {
  position: absolute;
  color: white;
  font-family: var(--REM-Extra-Bold);
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  bottom: -0.5rem;
  left: 10%;
}
@media (min-width: 1024px) {
  .nosotros .head .titulo h1 {
    /*font-size: 8rem;*/
    /*font-size: 5.664vw;*/
    /*font-size: 7rem;*/
    font-size: 4.956vw;
    bottom: -4rem;
  }
}
@media (max-width: 1024px) {
  .nosotros .head .titulo h1 {
      font-size: 3rem;
  }
}
.nosotros .contenido-pagina {
  position: absolute;
  top: 39.9rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina {
    top: 52rem;
  }
}
.nosotros .contenido-pagina .seccionUno {
  height: 31rem;
  background-color: #2f1d66;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno {
    height: 40rem;
    background-color: #2f1d66;
  }
}
@media (min-width: 1600px) {
  .nosotros .contenido-pagina .seccionUno {
    height: 42rem;
  }
}
@media (min-width: 1800px) {
  .nosotros .contenido-pagina .seccionUno {
    height: 44rem;
  }
}
.nosotros .contenido-pagina .seccionUno .titulo-underline {
  margin-bottom: 10rem;
  padding: 0.5rem 0 0 10%;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno .titulo-underline {
    margin-bottom: 10rem;
    padding: 1rem 0 0 10%;
  }
}
.nosotros .contenido-pagina .seccionUno .titulo-underline h2 {
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
  color: white;
  font-family: var(--REM-Bold);
}
@media (min-width: 768px) {
  .nosotros .contenido-pagina .seccionUno .titulo-underline h2 {
    /*font-size: 3rem;*/
    font-size: 2.124vw;
    display: inherit;
  }
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno .titulo-underline h2 {
    /*font-size: 4.5rem;*/
    font-size: 3.186vw;
    display: inherit;
    margin-top: 1rem;
  }
}
@media (max-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno .titulo-underline h2 {
    font-size: 1.1rem;
  }
}
.nosotros .contenido-pagina .seccionUno .titulo-underline h2 span {
  color: #2f1d66;
  display: inline-block;
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno .titulo-underline h2 span {
    display: inline;
  }
}
.nosotros .contenido-pagina .seccionUno .parrafo {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .nosotros .contenido-pagina .seccionUno .parrafo {
    margin-right: 6rem;
  }
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno .parrafo {
    /*width: 60rem;*/
    width:50%;
    float: right;
    margin-right: 15rem;
  }
}

.nosotros .contenido-pagina .seccionUno .parrafo p {
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  font-family: var(--Montserrat-Regular);
  color: white;
  line-height: 1.4;
  margin-top: -15%;
}
@media (min-width: 768px) {
  .nosotros .contenido-pagina .seccionUno .parrafo p {
    margin-top: -5%;
    /*font-size: 1.4rem;*/
    font-size: 0.99vw;
  }
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno .parrafo p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
    margin-top: 0%;
  }
}
@media (max-width: 1024px) {
  .nosotros .contenido-pagina .seccionUno .parrafo p {
    font-size: 1.2rem;
  }
}
.nosotros .contenido-pagina .seccion-mision,
.nosotros .contenido-pagina .seccion-objetivos,
.nosotros .contenido-pagina .seccion-innovador,
.nosotros .contenido-pagina .seccion-hamilton,
.nosotros .contenido-pagina .seccion-historia {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}

.nosotros .contenido-pagina .seccion-mision .cont-mision .imagen,
.nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .imagen,
.nosotros .contenido-pagina .seccion-innovador .cont-innovador .imagen,
.nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .imagen,
.nosotros .contenido-pagina .seccion-historia .cont-historia .imagen {
  width: 100%;
  height: 40rem;
  position: relative;
  background-color: #ffd42a;
  overflow: hidden;
  order: 0;
  margin: 0rem auto;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .imagen,
  .nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .imagen,
  .nosotros .contenido-pagina .seccion-innovador .cont-innovador .imagen,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .imagen,
  .nosotros .contenido-pagina .seccion-historia .cont-historia .imagen {
    width: 50%;
    height: 60rem;
    position: relative;
    background-color: #ffd42a;
    overflow: hidden;
    order: 0;
    margin: 0rem auto;
  }
}
@media (min-width: 1800px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .imagen,
  .nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .imagen,
  .nosotros .contenido-pagina .seccion-innovador .cont-innovador .imagen,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .imagen,
  .nosotros .contenido-pagina .seccion-historia .cont-historia .imagen {
    height: 66rem;
  }  
}
.nosotros .contenido-pagina .seccion-mision .cont-mision .imagen img,
.nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .imagen img,
.nosotros .contenido-pagina .seccion-innovador .cont-innovador .imagen img,
.nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .imagen img,
.nosotros .contenido-pagina .seccion-historia .cont-historia .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}

.nosotros .contenido-pagina .seccion-mision .cont-mision .info,
.nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .info,
.nosotros .contenido-pagina .seccion-innovador .cont-innovador .info,
.nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info,
.nosotros .contenido-pagina .seccion-historia .cont-historia .info {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info,
  .nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .info,
  .nosotros .contenido-pagina .seccion-innovador .cont-innovador .info,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info,
  .nosotros .contenido-pagina .seccion-historia .cont-historia .info {
    width: 50%;
    height: 50rem;
    display: flex;
    padding-left: 10rem;
  }
  .nosotros .contenido-pagina .seccion-historia .cont-historia .info {
    margin-top: 5rem;
  }
}
.nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .info {
  padding-right: 10rem;
}
.nosotros .contenido-pagina .seccion-historia .cont-historia .info p {
  margin-bottom: 2rem;
  color: #2f1d66;
}
.nosotros .contenido-pagina .seccion-historia .cont-historia .info .texto-uno {
  font-family: var(--Montserrrat-Bold-Italic);
  color: #2f1d66;
  font-weight: bold;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-historia
    .cont-historia
    .info
    .texto-uno {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-historia
    .cont-historia
    .info
    .texto-uno {
      font-size: 1.4rem;  
  }
}
.nosotros .contenido-pagina .seccion-mision .cont-mision .info h2,
.nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .info h2,
.nosotros .contenido-pagina .seccion-innovador .cont-innovador .info h2,
.nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info h2,
.nosotros .contenido-pagina .seccion-historia .cont-historia .info h2 {
  font-family: var(--REM-Bold);
  color: #2f1d66;
  position: relative;
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
}

@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info h2,
  .nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .info h2,
  .nosotros .contenido-pagina .seccion-innovador .cont-innovador .info h2,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info h2,
  .nosotros .contenido-pagina .seccion-historia .cont-historia .info h2 {
    /*font-size: 4.5rem;*/
    font-size: 3.186vw;
  }
}
@media (max-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info h2,
  .nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .info h2,
  .nosotros .contenido-pagina .seccion-innovador .cont-innovador .info h2,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info h2,
  .nosotros .contenido-pagina .seccion-historia .cont-historia .info h2 {
    font-size: 2.5rem;
  }
}
.nosotros .contenido-pagina .seccion-mision .cont-mision .info h2::before,
.nosotros .contenido-pagina .seccion-objetivos .cont-objetivos .info h2::before,
.nosotros .contenido-pagina .seccion-innovador .cont-innovador .info h2::before,
.nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info h2::before,
.nosotros .contenido-pagina .seccion-historia .cont-historia .info h2::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 0.5rem;
  bottom: -1rem;
  left: 0;
  background-color: #ffd42a;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info h2::before,
  .nosotros
    .contenido-pagina
    .seccion-objetivos
    .cont-objetivos
    .info
    h2::before,
  .nosotros
    .contenido-pagina
    .seccion-innovador
    .cont-innovador
    .info
    h2::before,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info h2::before,
  .nosotros
    .contenido-pagina
    .seccion-historia
    .cont-historia
    .info
    h2::before {
    height: 0.9rem;
    bottom: -1.5rem;
  }
}
.nosotros .contenido-pagina .seccion-mision .cont-mision .info p,
.nosotros .contenido-pagina .seccion-innovador .cont-innovador .info p,
.nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info p,
.nosotros .contenido-pagina .seccion-historia .cont-historia .info p {
  /*width: 85%;*/
  width:92%;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info p,
  .nosotros .contenido-pagina .seccion-innovador .cont-innovador .info p,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info p,
  .nosotros .contenido-pagina .seccion-historia .cont-historia .info p {
    /*font-size: 1.8rem;*/
    font-size: 1.11vw;
  }
}
@media (max-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info p,
  .nosotros .contenido-pagina .seccion-innovador .cont-innovador .info p,
  .nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info p,
  .nosotros .contenido-pagina .seccion-historia .cont-historia .info p {
    font-size: 1.4rem;
  }
}
.nosotros .contenido-pagina .seccion-mision .cont-mision .info .cursiva {
  font-family: var(--Montserrrat-Bold-Italic);
  color: #2f1d66;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info .cursiva {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .nosotros .contenido-pagina .seccion-mision .cont-mision .info .cursiva {
    font-size: 1.4rem;
  }
}
.nosotros
  .contenido-pagina
  .seccion-objetivos
  .cont-objetivos
  .info
  .cont-info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-objetivos
    .cont-objetivos
    .info
    .cont-info {
    align-items: center;
    margin-bottom: 2rem;
    flex-direction: row;
  }
}
.nosotros
  .contenido-pagina
  .seccion-objetivos
  .cont-objetivos
  .info
  .cont-info
  .icono {
  width: 7rem;
  height: auto;
  position: relative;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-objetivos
    .cont-objetivos
    .info
    .cont-info
    .icono {
    width: 5rem;
  }
}
.nosotros
  .contenido-pagina
  .seccion-objetivos
  .cont-objetivos
  .info
  .cont-info
  .icono-grande {
  width: 7rem;
  height: auto;
  position: relative;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-objetivos
    .cont-objetivos
    .info
    .cont-info
    .icono-grande {
    width: 3.9rem;
    height: auto;
    position: relative;
  }
}
.nosotros
  .contenido-pagina
  .seccion-objetivos
  .cont-objetivos
  .info
  .cont-info
  .icono
  img {
  width: 100%;
  height: 100%;
}
.nosotros
  .contenido-pagina
  .seccion-objetivos
  .cont-objetivos
  .info
  .cont-info
  .texto
  p {
  font-family: var(--Montserrrat-Bold);
  font-weight: bold;
  line-height: 1.4;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-objetivos
    .cont-objetivos
    .info
    .cont-info
    .texto
    p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-objetivos
    .cont-objetivos
    .info
    .cont-info
    .texto
    p {
    font-size: 1.4rem;
  }
}
.nosotros .contenido-pagina .seccion-innovador .info .texto p {
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  margin-bottom: 1rem;
}
.nosotros .contenido-pagina .seccion-innovador .info .parrafos p {
  width: 100%;
  font-family: var(--Montserrrat-Bold-Italic);
  margin-bottom: 1rem;
  color: #2f1d66;
 /* font-size: 0.9rem;*/
  font-size: 0.64vw;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-innovador .info .parrafos p {
    margin-bottom: 2rem;
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
    .nosotros .contenido-pagina .seccion-innovador .info .texto p {
 font-size: 1.4rem;
}
  .nosotros .contenido-pagina .seccion-innovador .info .parrafos p {
    font-size: 0.9rem;
  }
}
.nosotros .contenido-pagina .seccion-impacto {
  width: 100%;
  height: 85rem;
  background-color: #2f1d66;
}
@media (min-width: 768px) {
  .nosotros .contenido-pagina .seccion-impacto {
    height: 77rem;
  }
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-impacto {
    height: 42rem;
  }
}
@media (min-width: 1600px) {
  .nosotros .contenido-pagina .seccion-impacto {
    height: 44rem;
  }
}
@media (min-width: 1800px) {
  .nosotros .contenido-pagina .seccion-impacto {
    height: 48rem;
  }
}
@media (min-width: 1920px) {
  .nosotros .contenido-pagina .seccion-impacto {
    height: 50rem;
  }
}
.nosotros .contenido-pagina .seccion-impacto .titulo-impacto {
  font-family: var(--REM-Bold);
  color: white;
  text-align: center;
  padding: 5rem 0 8rem 0;
  margin: 0;
 /*font-size: 2.5rem;*/
    font-size: 1.77vw;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-impacto .titulo-impacto {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .nosotros .contenido-pagina .seccion-impacto .titulo-impacto {
    font-size: 2.5rem;
  }
}
.nosotros .contenido-pagina .seccion-impacto .cont-impacto .info {
  display: flex;
  text-align: center;
  gap: 2rem;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-impacto .cont-impacto .info {
    flex-direction: row;
    align-items: center;
  }
}
.nosotros .contenido-pagina .seccion-impacto h2 span {
  color: #2f1d66;
}
.nosotros .contenido-pagina .seccion-impacto .info .numeracion {
  width: 90%;
  height: 20rem;
  font-family: var(--Montserrat-Regular);
  color: white;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-impacto .info .numeracion {
    width: 23%;
    height: 30rem;
  }
}
.nosotros .contenido-pagina .seccion-impacto .info .numeracion h3 {
  font-family: var(--Montserrat-Extra-Bold);
  color: #ffd42a;
  /* font-size: 3.5rem;*/
  font-size: 2.48vw;
  margin: 0 0 2rem 0;
}
@media (max-width: 1024px) {
.nosotros .contenido-pagina .seccion-impacto .info .numeracion h3 {
  font-size: 3.5rem;
}
    
}
.numberAnimation {
  animation: mov 1s infinite alternate;
}
@keyframes mov {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-0.5rem);
  }
}
.nosotros .contenido-pagina .seccion-impacto .info .numeracion p {
  line-height: 1.4;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
}
@media (max-width: 1024px) {
.nosotros .contenido-pagina .seccion-impacto .info .numeracion p {
  font-size: 1.3rem;
}
    
}
.nosotros .contenido-pagina .seccion-hamilton .cont-hamilton .info .texto-uno {
  font-family: var(--Montserrrat-Bold-Italic);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  text-align: left;
  margin: 2rem 0;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-hamilton
    .cont-hamilton
    .info
    .texto-uno {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-hamilton
    .cont-hamilton
    .info
    .texto-uno {
    font-size: 1.4rem;
  }
}
.nosotros .contenido-pagina .seccion-hamilton .info .texto-dos {
  font-family: var(--fuente-regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  text-align: left;
  line-height: 1.4;
}
@media (max-width: 1024px) {

 .nosotros .contenido-pagina .seccion-hamilton .info .texto-dos {
  font-size: 1.4rem;
}   
}
.nosotros .contenido-pagina .seccion-directora {
  width: 100%;
  height: 195rem;
  background-color: #2f1d66;
  background-image: url("assets/img/fondo-blanco-logo.png");
  background-repeat: no-repeat;
  background-size: 310%; /* Ajusta la imagen para cubrir todo el fondo */
  background-position: center 120%;
}
@media (min-width: 500px) {
  .nosotros .contenido-pagina .seccion-directora {
    height: 150rem;
  }
}
@media (min-width: 700px) {
  .nosotros .contenido-pagina .seccion-directora {
    height: 130rem;
    background-size: 200%; /* Ajusta la imagen para cubrir todo el fondo */
    background-position: center 115%;
  }
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-directora {
    width: 100%;
    height: 150rem;
    background-size: 110%; /* Ajusta la imagen para cubrir todo el fondo */
    background-position: -40rem 135%;
  }
}
@media (min-width: 1400px) {
  .nosotros .contenido-pagina .seccion-directora {
    height: 130rem;
  }
}
@media (min-width: 1600px) {
  .nosotros .contenido-pagina .seccion-directora {
    height: 135rem;
  }
}
@media (min-width: 1800px) {
  .nosotros .contenido-pagina .seccion-directora {
    height: 148rem;
  }
}
@media (min-width: 1920px) {
  .nosotros .contenido-pagina .seccion-directora {
    height: 155rem;
  }
}
.nosotros .contenido-pagina .seccion-directora .cont-directora .info {
  width: 80%;
  height: 110rem;
  margin: 0 auto;
  padding-top: 10rem;
  /*padding: 10rem 30rem 30rem 30rem;*/
}
.nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .titulo-directora {
  font-family: var(--REM-Bold);
  color: #ffd42a;
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  text-align: center;
  margin: 0;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-directora
    .cont-directora
    .info
    .titulo-directora {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-directora
    .cont-directora
    .info
    .titulo-directora {
    font-size: 2.5rem;
  }
}
.nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .texto-directora {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.8;
  color: white;
  margin-bottom: 10rem;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-directora
    .cont-directora
    .info
    .texto-directora {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
    text-align: justify;
  }
}
@media (max-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-directora
    .cont-directora
    .info
    .texto-directora {
    font-size: 1.4rem;
  }
}
.nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma {
  /*width: 25rem;*/
  width: 28%;
  padding-left: 2rem;
  float: right;
  color: white;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {
   .nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma {
width: 25rem;
  font-size: 1.4rem;
} 
   .nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma .firma{
  font-size: 1.4rem;
} 
}
.nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma
  .imagen-firma {
  width: 100%;
  height: 16rem;
  border-bottom: 2px solid white;
  margin-bottom: 1.5rem;
  position: relative;
}
.nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma
  .imagen-firma
  img {
  width: 100%;
  height: 100%;
}
.nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma
  .nombre-firma {
  margin-bottom: 1rem;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
}
@media (max-width: 1024px) {
 .nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma
  .nombre-firma {
  font-size: 1.2rem;
}   
 .nosotros
  .contenido-pagina
  .seccion-directora
  .cont-directora
  .info
  .cont-firma
  .puesto-firma {
  font-size: 1.2rem;
}   
}    

.nosotros .contenido-pagina .seccion-curriculum {
  width: 100%;
  height: 120rem;
  background-color: #cc002d;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 5rem;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-curriculum {
    height: auto;
    padding-top: 10rem;
  }
}
.nosotros .contenido-pagina .seccion-curriculum .cont-imagen {
  width: 100%;
  display: none;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-curriculum .cont-imagen {
    width: 40%;
    display: block;
  }
}
.nosotros .contenido-pagina .seccion-curriculum .imagen {
  position: relative;
  width: 75%;
  height: 30rem;
  margin: 3rem auto 3rem auto;
  background-color: #ffd42a;
  border-radius: 30px;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-curriculum .imagen {
    width: 70%;
    height: 55rem;
    margin: 0 auto;
  }
}
.nosotros .contenido-pagina .seccion-curriculum .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  border-radius: 30px;
}
.nosotros .contenido-pagina .seccion-curriculum .cont-curriculum {
  width: 90%;
  height: 65rem;
  padding-top: 10rem;
}
@media (min-width: 1024px) {
  .nosotros .contenido-pagina .seccion-curriculum .cont-curriculum {
    width: 35%;
    padding-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .nosotros .contenido-pagina .seccion-curriculum .cont-curriculum {
    height: 70rem;
  }
}
@media (min-width: 1800px) {
    .nosotros .contenido-pagina .seccion-curriculum .imagen {
    height: 62rem;
        
    }
}
@media (min-width: 1920px) {
    .nosotros .contenido-pagina .seccion-curriculum .imagen {
    height: 65rem;
        
    }
  .nosotros .contenido-pagina .seccion-curriculum .cont-curriculum {
    height: 73rem;
  }
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .info-curriculum {
  font-family: var(--fuente-bold);
  text-align: center;
  margin-bottom: 5rem;
  color: white;
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .info-curriculum
  .titulo-curriculum {
 /* font-size: 2.3rem;*/
  font-size: 1.62vw;
  font-family: var(--REM-Bold);
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .info-curriculum
    .titulo-curriculum {
    /*font-size: 2.5rem;*/
    font-size: 1.77vw;
    margin-bottom: 2rem;
  }
}
@media (max-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .info-curriculum
    .titulo-curriculum {
    font-size: 2.3rem;
  }
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .texto-curriculum {
  color: white;
  font-family: var(--Montserrat-Regular);
  line-height: 1.3;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .texto-curriculum {
  font-size: 1.4rem;
}
    
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .info-curriculum
  .imagen-movil {
  display: block;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .info-curriculum
    .imagen-movil {
    display: none;
  }
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  #form-curriculum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5rem;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .cont-form-curriculum
    .wpcf7
    form
    #form-curriculum {
    flex-direction: row;
  }
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  #form-curriculum
  .datos {
  width: 90%;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .cont-form-curriculum
    .wpcf7
    form
    #form-curriculum
    .datos {
    width: 80%;
    margin: 0 auto;
  }
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  #form-curriculum
  .datos
  p
  span
  input {
  width: 100%;
  /*height: 5rem;*/
  height:3vw;
  border-radius: 10rem;
  margin-bottom: 2rem;
  border: none;
  font-family: var(--Montserrat-Regular);
  padding-left: 2rem;
}
@media (max-width: 1024px) {
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  #form-curriculum
  .datos
  p
  span
  input {
  height: 5rem;
}
    
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  margin-top: -21%;
  margin-left: 10%;
  width: 50%;
  border-color: #ffb900; /* Yellow */
  border-radius: 20px;
  padding: 1rem 2rem;
  font-family: var(--fuente-regular);
  line-height: 1.4;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  display: none;
}
@media (max-width: 1024px) {
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  
  font-size: 1.2rem;
}
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  .wpcf7-not-valid-tip {
  color: #ffd42a;
  font-family: var(--fuente-regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  padding: 0;
  margin: 0;
  text-align: center;
}
@media (max-width: 1024px) {
    .nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  .wpcf7-not-valid-tip {
  font-size: 1.4rem;
}
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  .curriculum
  .imagenCurriculum {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  .curriculum
  .imagenCurriculum
  img {
  width: 15%;
  opacity: 0.7;
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  .curriculum {
  position: relative;
  display: inline-block;
  background-color: #ffffff38;
  width: 90%;
  height: 20rem;
  border-radius: 20px;
}
@media (min-width: 1024px) {
  .nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .cont-form-curriculum
    .wpcf7
    form
    .curriculum {
    width: 40%;
  }
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  .curriculum::before {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: "Sube aqui tu currículum"; /* testo por defecto */
  font-family: var(--Montserrat-Regular);
  position: absolute;
  left: 0;
  right: 0;
  top: 6rem;
  bottom: 0;
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  input[type="file"] {
  display: none;
}
.custom-file-upload {
  width: 100%;
  display: inline-block;
  cursor: pointer;
  /*height: 5rem;*/
  height: 3vw;
  border-radius: 10rem;
  margin-bottom: 2rem;
  border: none;
  font-family: var(--Montserrat-Regular);
  background-color: white;
  padding: 0 0 0 2rem;
  color: #79787b;
  display: inline-block;
  position: relative;
  letter-spacing: 0.02em;
  line-height:1;
}
@media (max-width: 1024px) {
.custom-file-upload {
  height: 5rem;
}
    
}
.custom-file-upload:hover {
  background-color: #ffd42a;
  color: #2f1d66;
  transition: 0.7s ease;
}
.custom-file-upload::after {
  content: "\f186";
  font-family: dashicons;
  display: inline-block;
  vertical-align: middle;
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  position: absolute;
  top: 1rem;
  right: 2rem;
}
@media (max-width: 1024px) {
    .custom-file-upload::after {
  font-size: 2.5rem;
}
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  #nombre-archivo {
  width: 100%;
  position: absolute;
  font-family: var(--fuente-medium);
  color: #2f1d66;
  text-align: center;
  overflow: hidden;
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  #enviar {
  margin-left: 20%;
  background-color: #ffd42a;
  border: none;
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  padding: 1rem 8rem;
  border-radius: 100px;
  cursor: pointer;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
@media (min-width: 768px) {
  .nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .cont-form-curriculum
    .wpcf7
    form
    #enviar {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
    margin-left: 0%;
    float: right;
    margin-right: 0rem;
    padding: 1rem 4rem;
  }
}
@media (max-width: 768px) {
.nosotros
    .contenido-pagina
    .seccion-curriculum
    .cont-curriculum
    .cont-form-curriculum
    .wpcf7
    form
    #enviar {
    font-size: 1.8rem;
  }
    
}
.nosotros
  .contenido-pagina
  .seccion-curriculum
  .cont-curriculum
  .cont-form-curriculum
  .wpcf7
  form
  #enviar:hover {
  background-color: #2f1d66;
  color: white;
}
/********************************************************************* ADMISIONES */

.admisiones .head {
  width: 100%;
  height: 38rem;
  position: relative;
}
@media (min-width: 1024px) {
  .admisiones .head {
    height: 50rem;
  }
}
.admisiones .head .imagen {
  width: 100%;
  height: 100%;
}
.admisiones .head .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.admisiones .head .titulo {
  position: absolute;
  width: 100%;
  height: 105%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(136 136 136 / 14%) 81%,
    rgb(0 0 0 / 95%) 100%
  );
}
.admisiones .head .titulo h1 {
  position: absolute;
  color: white;
  font-family: var(--REM-Extra-Bold);
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  bottom: -0.5rem;
  left: 10%;
}
@media (min-width: 768px) {
  .admisiones .head .titulo h1 {
   /*font-size: 4rem;*/
    font-size: 2.832vw;
    
    
  }
}
@media (min-width: 1024px) {
  .admisiones .head .titulo h1 {
    /* font-size: 7rem;*/
  /*font-size: 4.956vw;
    left: 12%;*/
     /*font-size: 7rem;*/
    font-size: 4.956vw;
    bottom: -4rem;
  }
}
@media (max-width: 1024px) {
  .admisiones .head .titulo h1 {
    font-size: 3rem;
  }
}
.admisiones .contenido-pagina {
  position: absolute;
  top: 39.9rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .admisiones .contenido-pagina {
    top: 52rem;
  }
}
.admisiones .contenido-pagina .seccionUno {
  height: 25rem;
  background-color: #2f1d66;
}
@media (min-width: 1024px) {
  .admisiones .contenido-pagina .seccionUno {
    height: 35rem;
  }
}
@media (min-width: 1600px) {
  .admisiones .contenido-pagina .seccionUno {
    height: 42rem;
  }
}
@media (min-width: 1800px) {
  .admisiones .contenido-pagina .seccionUno {
    height: 44rem;
  }
}
.admisiones .contenido-pagina .seccionUno .titulo-underline {
  margin-bottom: 6rem;
  padding: 1rem 0 0 10%;
}
@media (min-width: 768px) {
  .admisiones .contenido-pagina .seccionUno .titulo-underline {
    margin-bottom: 10rem;
    padding: 1rem 0 0 10%;
  }
}
@media (min-width: 1024px) {
  .admisiones .contenido-pagina .seccionUno .titulo-underline {
    margin-bottom: 10rem;
    padding: 1rem 0 0 10%;
  }
}
.admisiones .contenido-pagina .seccionUno .titulo-underline h2 {
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  margin: 0;
  color: white;
  font-family: var(--REM-Bold);
}
@media (min-width: 768px) {
  .admisiones .contenido-pagina .seccionUno .titulo-underline h2 {
    /* font-size: 3.5rem;*/
  /*font-size: 2.48vw;
  font-size: 4.5rem; */
        font-size: 3.186vw;
  margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .admisiones .contenido-pagina .seccionUno .titulo-underline h2 {
font-size: 1.2rem;
  }
}
.admisiones .contenido-pagina .seccionUno .titulo-underline h2 span {
  color: #2f1d66;
  display: inline-block;
}
.admisiones .contenido-pagina .seccionUno .parrafo {
  width: 80%;
  margin: 0 auto;
  color: white;
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  font-size: 1rem;
}
.admisiones .contenido-pagina .seccionUno .parrafo .animation-underline-yellow {
  width: 90%;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #2f1d66;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .admisiones
    .contenido-pagina
    .seccionUno
    .parrafo
    .animation-underline-yellow {
    display: inline;
  }
}
@media (min-width: 768px) {
  .admisiones .contenido-pagina .seccionUno .parrafo {
    width: 50%;
    float: right;
    margin-right: 7%;
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (min-width: 1024px) {
  .admisiones .contenido-pagina .seccionUno .parrafo {
    /*margin-right: 20rem;*/
    margin-right: 15rem;
    /* font-size: 1.6rem;*/
  font-size: 1.132vw;
  }
}
@media (max-width: 1024px) {
  .admisiones .contenido-pagina .seccionUno .parrafo {

font-size: 1rem;
  }
}
.admisiones .contenido-pagina .seccionUno .parrafo p {
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  font-family: var(--fuente-regular);
  color: white;
  line-height: 1.4;
}
@media (max-width: 1024px) {
.admisiones .contenido-pagina .seccionUno .parrafo p {
  font-size: 1.8rem;
}
    
}
.proceso-desktop {
  display: none;
}
.proceso-movil {
  display: block;
}
@media (min-width: 1024px) {
  .proceso-desktop {
    display: block;
  }
  .proceso-movil {
    display: none;
  }
}
.admisiones .contenido-pagina .seccion-proceso {
  width: 100%;
  height: 115rem;
  background-color: #ffd42a;
}
.admisiones .contenido-pagina .seccion-proceso-movil {
  width: 100%;
  min-height: 40rem;
  background-color: #f2f2f2;
}

.admisiones .contenido-pagina .seccion-proceso h2 {
  font-family: var(--REM-Extra-Bold);
  /* font-size: 6rem;*/
  font-size: 4.248vw;
  color: #2f1d66;
  text-align: center;
  padding-top: 10rem;
  margin: 0 0 10rem 0;
}
.admisiones .contenido-pagina .seccion-proceso-movil h2 {
  width: 100%;
  height: 16rem;
  font-family: var(--REM-Extra-Bold);
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  color: #2f1d66;
  background-color: #ffd42a;
  text-align: center;
  padding-top: 5rem;
  margin: 0 0 5rem 0;
}
@media (max-width: 1024px) {
.admisiones .contenido-pagina .seccion-proceso h2 {
  font-size: 6rem;
}
.admisiones .contenido-pagina .seccion-proceso-movil h2 {
  font-size: 3rem;
}
    
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.admisiones .contenido-pagina .seccion-proceso-movil .cont-grados {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .sseccion-kinder,
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .seccion-primaria-secundaria {
  background-color: #f2f2f2;
}
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .sseccion-kinder
  .titulo,
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .seccion-primaria-secundaria
  .titulo {
  width: 100%;
  height: 10rem;
  text-align: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .sseccion-kinder
  .titulo
  h3 {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  color: #2f1d66;
  margin: 0;
  cursor: pointer;
  padding: 2rem 0;
}

.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .seccion-primaria-secundaria
  .titulo
  h3 {
  width: 22rem;
  font-family: var(--Montserrrat-Bold);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  color: #2f1d66;
  margin: 0;
  cursor: pointer;
  padding: 2rem 0;
}
@media (max-width: 1024px) {
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .sseccion-kinder
  .titulo
  h3 {
 font-size: 2.5rem;
}

.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .seccion-primaria-secundaria
  .titulo
  h3 {
 font-size: 2.5rem;
}
    
}
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .sseccion-kinder
  .titulo
  img,
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .cont-grados
  .seccion-primaria-secundaria
  .titulo
  img {
  width: 2rem;
}
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .sseccion-kinder
  .grado-uno,
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .seccion-primaria-secundaria
  .grado-dos {
  width: 80%;
  height: 0rem;
  overflow: hidden;
  margin: 1rem auto;
}

.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .sseccion-kinder
  .grado-uno
  ul
  li,
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .seccion-primaria-secundaria
  .grado-dos
  ul
  li {
  margin-bottom: 3rem;
  border-bottom: 2px solid #2f1d66;
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
}
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .sseccion-kinder
  .grado-uno
  ul
  li
  p,
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .seccion-primaria-secundaria
  .grado-dos
  ul
  li
  p {
  padding-bottom: 2rem;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  color: #2f1d66;
}
@media (max-width: 1024px) {
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .sseccion-kinder
  .grado-uno
  ul
  li
  p,
.admisiones
  .contenido-pagina
  .seccion-proceso-movil
  .seccion-primaria-secundaria
  .grado-dos
  ul
  li
  p {
font-size: 1.3rem;
}
    
}
.admisiones .contenido-pagina .seccion-proceso-movil .texto-info {
  color: #2f1d66;
  font-family: var(--fuente-especial);
  text-align: center;
  width: 100%;
  height: 13rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  line-height: 1.4;
}
.admisiones .contenido-pagina .seccion-proceso-movil .texto-info p {
  font-family: var(--Montserrrat-Bold-Italic);
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .titulos-grados {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .titulos-grados h3 {
  width: 50%;
  height: 10rem;
  font-family: var(--Montserrrat-Bold);
  /* font-size: 2.7rem;*/
  font-size: 1.91vw;
  color: #2f1d66;
  margin: 0;
  cursor: pointer;
}
@media (max-width: 1024px) {
.admisiones .contenido-pagina .seccion-proceso .cont-grados .titulos-grados h3 {
 font-size: 2.7rem;
}
    
}
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .titulos-grados
  .grado-kinder,
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .titulos-grados
  .grado-primaria-secundaria {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .info-grados {
  width: 100%;
  height: 65rem;
  background-color: #f2f2f2;
  padding: 10rem 35rem;
  position: relative;
}
@media (min-width: 1600px) {
    .admisiones .contenido-pagina .seccion-proceso {
    height: 121rem;
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .info-grados {
 height: 70rem;
}
}
@media (min-width: 1800px) {
        .admisiones .contenido-pagina .seccion-proceso {
    height: 125rem;
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .info-grados {
 height: 75rem;
}
}
@media (min-width: 1920px) {
        .admisiones .contenido-pagina .seccion-proceso {
    height: 130rem;
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .info-grados {
 height: 78rem;
}
}

.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-uno,
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-dos {
  position: absolute;
  width: 60%;
  top: 10rem;
  left: 23%;
}
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-uno
  ul,
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-dos
  ul {
  list-style-type: disc;
}
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-uno
  ul
  li,
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-dos
  ul
  li {
  margin-bottom: 3rem;
  border-bottom: 1px solid #201f1c;
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  /*font-size: 3rem;*/
    font-size: 2.124vw;
}
@media (max-width: 1024px) {
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-uno
  ul
  li,
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-dos
  ul
  li {
 font-size: 3rem;
}
    
}
.oculto {
  display: none;
}

.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-uno
  ul
  li
  p,
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-dos
  ul
  li
  p {
  padding-bottom: 2rem;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
}
@media (max-width: 1024px) {
    .admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-uno
  ul
  li
  p,
.admisiones
  .contenido-pagina
  .seccion-proceso
  .cont-grados
  .info-grados
  .grado-dos
  ul
  li
  p {
  font-size: 1.8rem;
}
}
.inicioDatos {
  opacity: 1;
  transform: translateX(0%);
}
.inicioDatos {
  opacity: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
}
.ocultarDatosGradoUno {
  animation: ocultarGradoUno 1s ease forwards;
  -webkit-animation: ocultarGradoUno 1s ease forwards;
}
@keyframes ocultarGradoUno {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
.mostrarDatosGradoUno {
  animation: mostrarGradoUno 1s ease forwards;
  -webkit-animation: mostrarGradoUno 1s ease forwards;
}
@keyframes mostrarGradoUno {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.ocultarDatosGradoDos {
  animation: ocultarGradoDos 1s ease forwards;
  -webkit-animation: ocultarGradoDos 1s ease forwards;
}
@keyframes ocultarGradoDos {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
.mostrarDatosGradoDos {
  animation: mostrarGradoDos 1s ease forwards;
  -webkit-animation: mostrarGradoDos 1s ease forwards;
}
@keyframes mostrarGradoDos {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .texto-info {
  color: #2f1d66;
  font-family: var(--fuente-especial);
  text-align: center;
  width: 100%;
  height: 13rem;
  background-color: #f2f2f2;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  line-height: 1.4;
}
.admisiones .contenido-pagina .seccion-proceso .cont-grados .texto-info p {
  /*font-size: 2.1rem;*/
   font-size: 1.486vw;
  width: 50%;
  font-family: var(--Montserrrat-Bold-Italic);
}
@media (max-width: 1024px) {
    .admisiones .contenido-pagina .seccion-proceso .cont-grados .texto-info p {
 font-size: 2.1rem;
}
}
.seleccionarGrado-left {
  background-color: #f2f2f2;
  border-radius: 0 50px 0 0;
}
.seleccionarGrado-right {
  background-color: #f2f2f2;
  border-radius: 50px 0 0 0;
}
/* seccion inscripcion */
.admisiones .contenido-pagina .seccion-inscripcion {
  width: 100%;
  height: 135rem;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .admisiones .contenido-pagina .seccion-inscripcion {
    height: 105rem;
  }
}
@media (min-width: 1600px) {
  .admisiones .contenido-pagina .seccion-inscripcion {
    height: 110rem;
  }
}
@media (min-width: 1800px) {
  .admisiones .contenido-pagina .seccion-inscripcion {
    height: 115rem;
  }
}
@media (min-width: 1920px) {
  .admisiones .contenido-pagina .seccion-inscripcion {
    height: 118rem;
  }
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .info-inscripcion {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .admisiones
    .contenido-pagina
    .seccion-inscripcion
    .cont-inscripcion
    .info-inscripcion {
    width: 65%;
  }
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .info-inscripcion
  .titulo-inscripcion {
  width: 100%;
  font-family: var(--REM-Bold);
  /*font-size: 2.2rem;*/
    font-size: 1.557vw;
  color: white;
  padding-top: 10rem;
  margin: 0 0 5rem 0;
}
@media (min-width: 768px) {
  .admisiones
    .contenido-pagina
    .seccion-inscripcion
    .cont-inscripcion
    .info-inscripcion
    .titulo-inscripcion {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 768px) {
  .admisiones
    .contenido-pagina
    .seccion-inscripcion
    .cont-inscripcion
    .info-inscripcion
    .titulo-inscripcion {
    font-size: 2.2rem;
  }
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .info-inscripcion
  .texto-inscripcion {
  width: 100%;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
  color: white;
  margin-bottom: 10rem;
}
@media (max-width: 1024px) {
    .admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .info-inscripcion
  .texto-inscripcion {
  font-size: 1.4rem;
}
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .admisiones
    .contenido-pagina
    .seccion-inscripcion
    .cont-inscripcion
    .cont-form-inscripcion {
    width: 60%;
  }
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .flex-columnas {
  display: flex;
  margin-bottom: -2rem;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .admisiones
    .contenido-pagina
    .seccion-inscripcion
    .cont-inscripcion
    .cont-form-inscripcion
    .wpcf7
    .wpcf7-form
    .flex-columnas {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-direction: row;
  }
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .flex-columnas
  .columna-alumno {
  width: 100%;
  margin-bottom: 5rem;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .flex-columnas
  .select-container {
  padding: 1rem;
  width: 100%;
  border-radius: 100px;
  border: none;
  padding-left: 1.5rem;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  font-family: var(--fuente-regular);
  color: #828282;
  background-color: white;
}
@media (max-width: 1024px) {
  .admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .flex-columnas
  .select-container {
  font-size: 1.8rem;
}  
}
@media (min-width: 1024px) {
  .admisiones
    .contenido-pagina
    .seccion-inscripcion
    .cont-inscripcion
    .cont-form-inscripcion
    .wpcf7
    .wpcf7-form
    .flex-columnas
    .columna-alumno {
    width: 40%;
    margin-bottom: 0;
  }
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  input {
  width: 100%;
  height: 4rem;
  margin-bottom: 1rem;
  border-radius: 100px;
  border: none;
  padding-left: 1.5rem;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  font-family: var(--Montserrat-Regular);
}
@media (max-width: 1024px) {
    .admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  input {
font-size: 1.3rem;
}
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  input:focus {
  outline: none;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .wpcf7-not-valid-tip {
  color: #ffd42a !important;
  font-family: var(--fuente-regular) !important;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .inp-procedencia {
  margin: 2rem 0;
}
@media (min-width: 1024px) {
  .admisiones
    .contenido-pagina
    .seccion-inscripcion
    .cont-inscripcion
    .cont-form-inscripcion
    .wpcf7
    .wpcf7-form
    input {
    width: 100%;
  }
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .ciclo-escolar {
  width: 95%;
  border-radius: 100px;
  border: none;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  font-family: var(--Montserrat-Regular);
  color: #828282;
}
@media (max-width: 1024px) {
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .ciclo-escolar {
 font-size: 1.3rem;
}
    
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .ciclo-escolar:focus {
  outline: none;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  label {
  font-family: var(--Montserrrat-Bold-Italic);
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  color: white;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .wpcf7-textarea {
  width: 100%;
  border-radius: 15px;
  border: none;
  padding-left: 1.5rem;
  padding-top: 1.5rem;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  font-family: var(--Montserrat-Regular);
  margin-top: 2rem;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .btnEnviar {
  float: right;
  margin-top: 2rem;
  width: 20rem;
  height: 3.5rem;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  background-color: #ffd42a;
  color: #2f1d66;
  font-family: var(--Montserrrat-Bold);
  cursor: pointer;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1024px) {
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  label {
  font-size: 1.3rem;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .wpcf7-textarea {
  font-size: 1.3rem;
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .btnEnviar {
 font-size: 1.4rem;
}
    
}
.admisiones
  .contenido-pagina
  .seccion-inscripcion
  .cont-inscripcion
  .cont-form-inscripcion
  .wpcf7
  .wpcf7-form
  .btnEnviar:hover {
  background-color: #2f1d66;
  color: white;
}
/********************************************************************* MODELO EDUCATIVO */

.modelo-educativo .head {
  width: 100%;
  height: 31rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .modelo-educativo .head {
    height: 41rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .head {
    height: 53rem;
  }
}
.modelo-educativo .head .imagen {
  width: 100%;
  height: 100%;
}
.modelo-educativo .head .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 6.5rem;
  transform: scale(1.3);
}
@media (min-width: 1024px) {
  .modelo-educativo .head .imagen img {
    object-position: 50% -5rem;

    transform: scale(1);
  }
}
.modelo-educativo .head .titulo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(136 136 136 / 14%) 81%,
    rgb(0 0 0 / 95%) 100%
  );
}
.modelo-educativo .head .titulo h1 {
  position: absolute;
  color: white;
  font-family: var(--REM-Extra-Bold);
  /*font-size: 2.2rem;*/
    font-size: 1.557vw;
  bottom: -0.5rem;
  left: 4%;
}
@media (min-width: 768px) {
  .modelo-educativo .head .titulo h1 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
    bottom: -3rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .head .titulo h1 {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
    left: 12%;
    bottom: -2rem;
  }
}
@media (max-width: 1024px) {
  .modelo-educativo .head .titulo h1 {
    font-size: 2.2rem;
  }
}
.modelo-educativo .contenido-pagina {
  position: absolute;
  top: 31rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina {
    top: 41rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina {
    top: 53rem;
  }
}
.modelo-educativo .contenido-pagina .seccionUno {
  height: 45rem;
  background-color: #2f1d66;
}
.modelo-educativo .contenido-pagina .seccionUno .titulo-underline {
  margin-bottom: 10rem;
  padding: 0.5rem 0 0 4%;
}

@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionUno .titulo-underline {
    margin-bottom: 10rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionUno .titulo-underline {
    margin-bottom: 10rem;
    padding: 1.5rem 0 0 12%;
  }
}

.modelo-educativo .contenido-pagina .seccionUno .titulo-underline h2 {
 /* font-size: 1.6rem;*/
  font-size: 1.132vw;
  margin: 0;
  color: white;
  font-family: var(--REM-Bold);
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionUno .titulo-underline h2 {
    /* font-size: 3.5rem;*/
  font-size: 2.48vw;
  }
}
@media (max-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionUno .titulo-underline h2 {
    font-size: 1.6rem;
  }
}

.admisiones .contenido-pagina .seccionUno .titulo-underline h2 span {
  color: #2f1d66;
  margin-bottom: -1rem;
}
@media (max-width: 1024px) {
    .admisiones .contenido-pagina .seccionUno .titulo-underline h2 span {

  margin-bottom: -0.1rem;
}
}
.modelo-educativo .contenido-pagina .seccionUno .titulo-underline h2 span {
  color: #2f1d66;
}
.modelo-educativo .contenido-pagina .seccionUno .parrafo {
  width: 80%;
  margin: -5rem auto 0 auto;
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionUno .parrafo {
    width: 48%;
    float: right;
    margin: -1rem 7% 0 auto;
   /*font-size: 1.8rem;*/
    font-size: 1.274vw;
    font-family: var(--fuente-regular);
    color: white;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionUno .parrafo {
    margin: -2rem 13% 0 0;
  }
}
@media (max-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionUno .parrafo {
    font-size: 1.8rem;
  }
}
.modelo-educativo .contenido-pagina .seccionUno .parrafo p {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  font-family: var(--Montserrat-Regular);
  color: white;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionUno .parrafo p {
    /* font-size: 1.6rem;*/
  font-size: 1.132vw;
  }
}
@media (max-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionUno .parrafo p {
font-size: 1.4rem;
  }
}
/* seccion aprendizaje Integram */
.modelo-educativo .contenido-pagina {
  background-color: #f2f2f2;
}
.modelo-educativo .contenido-pagina .seccionAprendizajeIntegral {
  width: 100%;
  height: 37rem;
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionAprendizajeIntegral {
    height: 35rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionAprendizajeIntegral {
    height: 18vw;
  }
}
.modelo-educativo
  .contenido-pagina
  .seccionAprendizajeIntegral
  .cont-aprendizaje {
  display: flex;
  justify-content: space-around;
  width: 80%;
  align-items: flex-start;
  margin: 5rem auto 0 auto;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .modelo-educativo
    .contenido-pagina
    .seccionAprendizajeIntegral
    .cont-aprendizaje {
    width: 90%;
    margin: 10rem auto 0 auto;
    gap: 5rem;
    flex-direction: row;
    align-items: center;
  }
}
.modelo-educativo
  .contenido-pagina
  .seccionAprendizajeIntegral
  .cont-aprendizaje
  div {
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .modelo-educativo
    .contenido-pagina
    .seccionAprendizajeIntegral
    .cont-aprendizaje
    div {
    width: 50%;
  }
}
.modelo-educativo
  .contenido-pagina
  .seccionAprendizajeIntegral
  .cont-aprendizaje
  .titulo {
  font-family: var(--Montserrrat-Bold-Italic);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #aeaeae;
  margin: 0 0 1rem 0;
}
@media (min-width: 1024px) {
  .modelo-educativo
    .contenido-pagina
    .seccionAprendizajeIntegral
    .cont-aprendizaje
    .titulo {
    /*font-size: 1.9rem;*/
    font-size: 1.34vw;
  }
}
@media (max-width: 1024px) {
  .modelo-educativo
    .contenido-pagina
    .seccionAprendizajeIntegral
    .cont-aprendizaje
    .titulo {
    font-size: 1.4rem;
    
  }
}
.modelo-educativo
  .contenido-pagina
  .seccionAprendizajeIntegral
  .cont-aprendizaje
  .subTitulo {
  font-family: var(--REM-Bold);
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  color: #2f1d66;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .modelo-educativo
    .contenido-pagina
    .seccionAprendizajeIntegral
    .cont-aprendizaje
    .subTitulo {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .modelo-educativo
    .contenido-pagina
    .seccionAprendizajeIntegral
    .cont-aprendizaje
    .subTitulo {
    font-size: 1.8rem;
  }
}
.modelo-educativo
  .contenido-pagina
  .seccionAprendizajeIntegral
  .cont-aprendizaje
  p {
  width: 100%;
  font-family: var(--Montserrat-Extra-Bold);
  /*font-size: 1.4rem;*/
  /*font-weight: bold;*/
  font-size: 0.99vw;
  color: #201f1c;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .modelo-educativo
    .contenido-pagina
    .seccionAprendizajeIntegral
    .cont-aprendizaje
    p {
    width: 50%;
  }
}
@media (max-width: 1024px) {
    .modelo-educativo
  .contenido-pagina
  .seccionAprendizajeIntegral
  .cont-aprendizaje
  p {
 font-size: 1.4rem;
}
}
/*seccion Programas */
.modelo-educativo .contenido-pagina .seccionProgramas {
  min-height: 95rem;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionProgramas {
    min-height: 110rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionProgramas {
    min-height: auto;
    flex-direction: row;
    align-items: center;
    gap: 10rem;
    align-items: flex-start;
  }
}
.modelo-educativo .contenido-pagina .seccionProgramas .imagen {
  width: 100%;
  height: 25rem;
  position: relative;
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionProgramas .imagen {
    height: 40rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionProgramas .imagen {
    width: 90%;
    height: 75rem;
  }
}
@media (min-width: 1600px) {
  .modelo-educativo .contenido-pagina .seccionProgramas .imagen {
    height: 82rem;
  }
}
@media (min-width: 1800px) {
  .modelo-educativo .contenido-pagina .seccionProgramas .imagen {
    height: 87rem;
  }
}
@media (min-width: 1920px) {
  .modelo-educativo .contenido-pagina .seccionProgramas .imagen {
    height: 90rem;
  }
}

.modelo-educativo .contenido-pagina .seccionProgramas .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modelo-educativo .contenido-pagina .seccionProgramas .aprendizaje-desktop {
  display: none;
}
.selectorprograma{
    height:0px;
    width:100%;
    margin:0px;
    padding:0px;
}
.modelo-educativo .contenido-pagina .seccionProgramas .aprendizaje-movil {
  display: block;
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionProgramas .aprendizaje-desktop {
    display: block;
  }
  .modelo-educativo .contenido-pagina .seccionProgramas .aprendizaje-movil {
    display: none;
  }
}
.modelo-educativo .contenido-pagina .seccionProgramas .cont-aprendizaje {
  width: 100%;
  max-height: 75rem;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .botones-programas {
  display: flex;
  gap: 2rem;
  margin-bottom: 4rem;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .botones-programas
  p {
  font-family: var(--Montserrrat-Bold-Italic);
  color: #aeaeae;
  font-weight: 700;
  line-height: 1.3;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .botones-programas
  .btnpgromas {
  border: none;
  font-family: var(--Montserrrat-Bold-Italic);
  color: #aeaeae;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .botones-programas
  .btnpgromas:hover {
  color: #ffd42a;
  transition: 0.3s ease;
}
.btnProgramasSeleccionado::before {
  content: "";
  position: absolute;
  animation: seleccionarProgramas 1s ease forwards;
  height: 0.3rem;
  bottom: -0.5rem;
  left: 0;
  background-color: #ffd42a;
}
@keyframes seleccionarProgramas {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion {
  width: 100%;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista {
  position: relative;
  overflow: hidden;
}

.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  .sub-programa,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  .sub-programa,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  .sub-programa {
  position: relative;
  overflow: hidden;
}

.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .iconosModeloEducativo,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .iconosModeloEducativo,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .iconosModeloEducativo {
  transform: rotate(15deg);
  position: absolute;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  .sub-programa
  .iconosModeloEducativo,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  .sub-programa
  .iconosModeloEducativo,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  .sub-programa
  .iconosModeloEducativo {
  transform: rotate(15deg);
  position: absolute;
}
.icono-academico {
  top: 0rem;
  right: 10rem;
  width: 70%;
  height: auto;
}
.icono-matematicas {
  top: -6rem;
  right: 10rem;
  width: 45%;
  height: 100%;
}
.icono-comprension-lectora {
  top: 4rem;
  right: 10rem;
  width: 40%;
  height: 100%;
}
.icono-comprension-ajedrez {
  top: 20rem;
  right: 10rem;
  width: 40%;
  height: 100%;
}
.icono-manualidades {
  top: 4rem;
  right: 10rem;
  width: 30%;
  height: 100%;
}
.icono-psicomotricidad {
  top: 0rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-deportes {
  top: 5rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-computacion {
  top: -5rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-robotica {
  top: 0rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-ciencias {
  top: 8rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-invernadero {
  top: 13rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-pintura {
  top: -5rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-musica {
  top: 5rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-dibujo {
  top: 10rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.icono-escenicas {
  top: 13rem;
  right: 10rem;
  width: 35%;
  height: 100%;
}
.iconosOcultos {
  opacity: 0;
  transition: opacity 1s ease;
}
.iconosMostrar {
  opacity: 1;
  transition: opacity 1s ease;
}

.ocultarAcademicos {
  opacity: 0;
  height: 0;
  transform: translateY(-15rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
  -webkit-transition: opacity 0.2s ease, transform 0.2s ease;
  -moz-transition: opacity 0.2s ease, transform 0.2s ease;
  -ms-transition: opacity 0.2s ease, transform 0.2s ease;
  -o-transition: opacity 0.2s ease, transform 0.2s ease;
}
.mostrarAcademicos {
  opacity: 1;
  transform: translateY(0rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
  -webkit-transition: opacity 0.8s ease, transform 0.8s ease;
  -moz-transition: opacity 0.8s ease, transform 0.8s ease;
  -ms-transition: opacity 0.8s ease, transform 0.8s ease;
  -o-transition: opacity 0.8s ease, transform 0.8s ease;
}
.ocultarArtisticos {
  opacity: 0;
  height: 0;
  transform: translateY(5rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
  -webkit-transition: opacity 0.2s ease, transform 0.2s ease;
  -moz-transition: opacity 0.2s ease, transform 0.2s ease;
  -ms-transition: opacity 0.2s ease, transform 0.2s ease;
  -o-transition: opacity 0.2s ease, transform 0.2s ease;
}
.mostrarArtisticos {
  opacity: 1;
  transform: translateY(0rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
  -webkit-transition: opacity 0.8s ease, transform 0.8s ease;
  -moz-transition: opacity 0.8s ease, transform 0.8s ease;
  -ms-transition: opacity 0.8s ease, transform 0.8s ease;
  -o-transition: opacity 0.8s ease, transform 0.8s ease;
}
.ocultarFisicos {
  opacity: 0;
  height: 0;
  transform: translateY(15rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
  -webkit-transition: opacity 0.2s ease, transform 0.2s ease;
  -moz-transition: opacity 0.2s ease, transform 0.2s ease;
  -ms-transition: opacity 0.2s ease, transform 0.2s ease;
  -o-transition: opacity 0.2s ease, transform 0.2s ease;
}
.mostrarFisicos {
  opacity: 1;
  transform: translateY(0rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
  -webkit-transition: opacity 0.8s ease, transform 0.8s ease;
  -moz-transition: opacity 0.8s ease, transform 0.8s ease;
  -ms-transition: opacity 0.8s ease, transform 0.8s ease;
  -o-transition: opacity 0.8s ease, transform 0.8s ease;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  h3,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  h3,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  h3 {
  font-family: var(--REM-Bold);
  color: #2f1d66;
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 5rem 0;
}
.list-blue{
    font-family: var(--REM-Bold) !important;
  color: #2f1d66 !important;
  font-style: italic !important;
  font-weight: bold !important;
  /*font-size: 3rem;*/
    font-size: 1.4vw !important;
    margin-bottom:0px !important;
    padding-left:20px !important;
  display: flex;
  /*align-items: center;*/
  /*cursor: pointer;*/
  /*margin: 0 0 5rem 0;*/
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  h3
  .icon,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  h3
  .icon,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  h3
  .icon {
  width: 3rem;
  display: inline-block;
  margin-right: 1rem;
  cursor: pointer;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info {
  width: 90%;
  font-family: var(--fuente-regular);
  color: #201f1c;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  line-height: 1.4;
  /* margin-bottom: 2rem; */
  /* padding: 0rem 2rem; */
  height: auto;
  /*overflow: hidden;*/
  transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  .sub-programa
  .sub-info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  .sub-programa
  .sub-info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  .sub-programa
  .sub-info {
  width: 100%;
  font-family: var(--fuente-regular);
  color: #201f1c;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
  line-height: 1.4;
  margin-bottom: 2rem;
  padding: 0rem 0rem 0rem 2rem;
  height: auto;
  /*overflow: hidden;*/
  transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
}
@media (max-width: 1024px) {
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  h3,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  h3,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  h3 {
 font-size: 3rem;
}
.list-blue{
 font-size: 3rem !important;
}

.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info {
 font-size: 1.2rem;
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  .sub-programa
  .sub-info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  .sub-programa
  .sub-info,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  .sub-programa
  .sub-info {
  font-size: 1.2rem;
}
    
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .return{
        position: relative;
        left: -93%;
        top: 20vw;
        font-size: 0.75vw !important;
        color:#CC002D !important;
        text-transform: capitalize !important;
        cursor:pointer;
}
@media (max-width: 1024px) {
    .modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .return{
        font-size: 1.1rem !important;
}
}
@media (min-width: 1600px) {
  .modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .return{
        left: -85%;
 }
}
@media (min-width: 1800px) {
  .modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .return{
        left: -77%;
 }
}
@media (min-width: 1920px) {
  .modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .return{
        left: -73%;
 }
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  p,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  p,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  p {
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  margin-bottom: 2rem;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {
    .modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  p,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  p,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  p {
  font-size: 1.4rem;
}
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  .sub-programa
  h4,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  .sub-programa
  h4,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  .sub-programa
  h4 {
  font-family: var(--REM-Bold);
  color: #2f1d66;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  /* margin: 0 0 2rem 0; */
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  .sub-programa
  h4,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  .sub-programa
  h4,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  .sub-programa
  h4 {
 font-size: 1.8rem;
}
    
}
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-academico
  .lista
  .info
  .sub-programa
  h4
  .icon,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-artistico
  .lista
  .info
  .sub-programa
  h4
  .icon,
.modelo-educativo
  .contenido-pagina
  .seccionProgramas
  .cont-aprendizaje
  .contenedor-informacion
  .programa-fisicos
  .lista
  .info
  .sub-programa
  h4
  .icon {
  width: 2rem;
  display: inline-block;
  margin-right: 1rem;
  cursor: pointer;
}
span.normalIcono {
  transform: rotateX(0deg);
  transition: transform 0.5s ease;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
}
span.girarIcono {
  transform: rotateX(180deg);
  transition: transform 0.5s ease;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
/* seccion Cita */
.modelo-educativo .contenido-pagina .seccionCita {
  width: 100%;
  min-height: 42rem;
  height: auto;
  background-color: #2f1d66;
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionCita {
    min-height: 35rem;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionCita {
    height: 41rem;
  }
}
.modelo-educativo .contenido-pagina .seccionCita blockquote {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionCita blockquote {
    width: 80%;
  }
}
.modelo-educativo .contenido-pagina .seccionCita blockquote img {
  width: 22%;
  opacity: 0.2;
  position: relative;
  top: 4.5rem;
  left: 2rem;
}
@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionCita blockquote img {
    width: 13%;
  }
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionCita blockquote img {
    width: 8%;
    top: 5rem;
    left: 4rem;
  }
}
.modelo-educativo .contenido-pagina .seccionCita blockquote p {
  font-family: var(--Merriweather-Bold-Italic);
  padding: 6rem 4rem 2rem 4rem;
  color: white;
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionCita blockquote p {
    padding: 6rem 0 2rem 6rem;
    color: white;
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionCita blockquote p {
font-size: 2.5rem;
  }
}
.modelo-educativo .contenido-pagina .seccionCita blockquote cite {
  float: right;
  margin-right: 2rem;
  color: #aeaeae;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  font-family: var(--Merriweather-Bold-Italic);
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionCita blockquote cite {
    margin-right: 5rem;
  }
}
@media (max-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionCita blockquote cite {
    font-size: 1.4rem;
  }
}
/** seccion programa accion */
.modelo-educativo .contenido-pagina .seccionProgramaAccion {
  width: 100%;
  height: 40rem;
  background-color: #cc002d;
  text-align: center;
  padding: 10rem 0 5rem 0;
}

@media (min-width: 768px) {
  .modelo-educativo .contenido-pagina .seccionProgramaAccion {
    width: 100%;
    height: 35rem;
    background-color: #cc002d;
    text-align: center;
    padding: 10rem 0 5rem 0;
  }
}
.modelo-educativo .contenido-pagina .seccionProgramaAccion h3 {
  font-family: var(--Montserrrat-Bold);
  width: 90%;
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  color: white;
  margin: 0 auto 6rem auto;
}
@media (min-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionProgramaAccion h3 {
    /*font-family: var(--fuente-bold);*/
    /*font-size: 5rem;*/
    font-size: 3.54vw;
    color: white;
    margin-bottom: 6rem;
  }
}
@media (max-width: 1024px) {
  .modelo-educativo .contenido-pagina .seccionProgramaAccion h3 {
font-size: 2.5rem;
  }
}
.modelo-educativo .contenido-pagina .seccionProgramaAccion .boton-rojo {
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
}
@media (max-width: 1024px) {
.modelo-educativo .contenido-pagina .seccionProgramaAccion .boton-rojo {
  font-size: 1.1rem;
}
    
}
/** programas educativos MOVIL */
.cont-aprendizaje-movil {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.cont-aprendizaje-movil .titulo-first {
  width: 100%;
  text-align: center;
  padding: 3rem 0 3rem 0;
}
.cont-aprendizaje-movil .titulo {
  width: 100%;
  text-align: center;
  padding: 0rem 0 3rem 0;
}
.cont-aprendizaje-movil .titulo-first h4,
.cont-aprendizaje-movil .titulo h4 {
  margin: 0;
  color: #aeaeae;
  font-family: var(--Montserrrat-Bold-Italic);
}
.cont-aprendizaje-movil .programa-academico,
.cont-aprendizaje-movil
  .programa-artistico
  .cont-aprendizaje-movil
  .programa-fisicos {
  width: 100%;
}

.cont-aprendizaje-movil .programa-academico .lista h3,
.cont-aprendizaje-movil .programa-artistico .lista h3,
.cont-aprendizaje-movil .programa-fisicos .lista h3 {
  font-family: var(--REM-Bold);
  /*font-size: 1.7rem;*/
  font-size: 1.2vw;
  color: #2f1d66;
  margin: 0 0 3rem 0;
}
@media (min-width: 1024px) {
  .cont-aprendizaje-movil .programa-academico .lista h3,
  .cont-aprendizaje-movil .programa-artistico .lista h3,
  .cont-aprendizaje-movil .programa-fisicos .lista h3 {
    /*font-size: 2rem;*/
  font-size: 1.416vw;
  }
}
@media (max-width: 1024px) {
  .cont-aprendizaje-movil .programa-academico .lista h3,
  .cont-aprendizaje-movil .programa-artistico .lista h3,
  .cont-aprendizaje-movil .programa-fisicos .lista h3 {
font-size: 1.7rem;
  }
}
.cont-aprendizaje-movil .programa-academico .lista h3 .icon,
.cont-aprendizaje-movil .programa-artistico .lista h3 .icon,
.cont-aprendizaje-movil .programa-fisicos .lista h3 .icon {
  display: inline-block;
  width: 6%;
}
@media (min-width: 768px) {
  .cont-aprendizaje-movil .programa-academico .lista h3 .icon,
  .cont-aprendizaje-movil .programa-artistico .lista h3 .icon,
  .cont-aprendizaje-movil .programa-fisicos .lista h3 .icon {
    width: 3%;
  }
}
.cont-aprendizaje-movil .programa-academico .lista .info,
.cont-aprendizaje-movil .programa-artistico .lista .info,
.cont-aprendizaje-movil .programa-fisicos .lista .info {
  height: 0px;
  overflow: hidden;
  font-family: var(--Montserrat-Regular);
  line-height: 1.5;
  transition: height 1s ease;
}
.cont-aprendizaje-movil .programa-academico .lista .info p,
.cont-aprendizaje-movil .programa-artistico .lista .info p,
.cont-aprendizaje-movil .programa-fisicos .lista .info p {
  margin-bottom: 1rem;
  color: #2f1d66;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {
  .cont-aprendizaje-movil .programa-academico .lista .info p,
  .cont-aprendizaje-movil .programa-artistico .lista .info p,
  .cont-aprendizaje-movil .programa-fisicos .lista .info p {
      font-size: 1.4rem;
  }
}
/* iconos de fondo */
.cont-aprendizaje-movil .programa-academico .lista .movil-academico,
.cont-aprendizaje-movil .programa-academico .lista .movil-matematicas,
.cont-aprendizaje-movil .programa-academico .lista .movil-comprension-lectora,
.cont-aprendizaje-movil .programa-academico .lista .movil-comprension-ajedrez,
.cont-aprendizaje-movil .programa-artistico .lista .movil-artes,
.cont-aprendizaje-movil .programa-artistico .lista .sub-movil-pintura,
.cont-aprendizaje-movil .programa-artistico .lista .sub-movil-musica,
.cont-aprendizaje-movil .programa-artistico .lista .sub-movil-dibujo,
.cont-aprendizaje-movil .programa-artistico .lista .sub-movil-escenicas,
.cont-aprendizaje-movil .programa-artistico .lista .movil-manualidades,
.cont-aprendizaje-movil .programa-fisicos .lista .movil-psicomotricidad,
.cont-aprendizaje-movil .programa-fisicos .lista .movil-deportes,
.cont-aprendizaje-movil .programa-academico .lista .sub-movil-computacion,
.cont-aprendizaje-movil .programa-academico .lista .sub-movil-robotica,
.cont-aprendizaje-movil .programa-academico .lista .sub-movil-ciencias,
.cont-aprendizaje-movil .programa-academico .lista .sub-movil-invernadero {
  position: relative;
}
.cont-aprendizaje-movil
  .programa-academico
  .lista
  .movil-academico
  .iconos-modelo-educativo {
  width: 100%;
  position: absolute;
  bottom: -1rem;
  right: -5rem;
  transform: rotate(35deg);
}
.iconos-modelo-educativo {
  width: 20rem;
  position: absolute;
  bottom: 6rem;
  right: 4rem;
  transform: rotate(35deg);
}
.iconos-modelo-educativo-sub {
  width: 20rem;
  position: absolute;
  bottom: 2rem;
  right: 4rem;
  transform: rotate(35deg);
}
.iconos-programa-artistico {
  width: 20rem;
  position: absolute;
  bottom: 6rem;
  right: 4rem;
  transform: rotate(35deg);
}
.iconos-programa-artistico-top {
  width: 20rem;
  position: absolute;
  top: -3rem;
  right: 4rem;
  transform: rotate(35deg);
}
.iconos-programa-artistico-sub {
  width: 20rem;
  position: absolute;
  bottom: 2rem;
  right: 4rem;
  transform: rotate(35deg);
}
.iconos-programa-fisico {
  width: 20rem;
  position: absolute;
  bottom: 6rem;
  right: 4rem;
  transform: rotate(35deg);
}
/* sub programas */
.cont-aprendizaje-movil .info .sub-programa {
  width: 100%;
  padding-left: 1rem;
  margin-top: 2rem;
}
.cont-aprendizaje-movil .info .sub-programa h4 {
  font-family: var(--REM-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  margin: 0 0 3rem 0;
}
.cont-aprendizaje-movil .info .sub-programa h4 .icon {
  display: inline-block;
  width: 4%;
}
.cont-aprendizaje-movil .info .sub-programa .sub-info {
  height: 0;
  overflow: hidden;
  font-family: var(--fuente-regular);
  line-height: 1.5;
}
.cont-aprendizaje-movil .info .sub-programa .sub-info p {
  margin-bottom: 1rem;
  color: #2f1d66;
}
/********************************************************************* CONTACTO */
.contacto .head .head-contenido .cont .separador {
  width: 50%;
  height: auto;
  margin: 5rem auto 5rem auto;
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .cont .separador {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin: 5rem 0 5rem 0;
  }
}
.contacto .head .head-contenido .cont .separador .imagen {
  width: 20%;
  height: auto;
}
.contacto .head .head-contenido .cont .separador .imagen img {
  width: 100%;
  height: 100%;
}
.contacto .head {
  width: 100%;
  height: 90rem;
}
@media (min-width: 1024px) {
  .contacto .head {
    width: 100%;
    max-height: 100vh;
  }
}
.contacto .head .imagen {
  width: 100%;
  height: 100%;
  background-color: #ffd42a;
  overflow: hidden;
}
.contacto .head .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.2;
  object-position: 50% 50%;
}
.contacto .head .head-contenido {
  position: absolute;
  width: 100%;
  height: 90rem;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
@media (min-width: 1800px) {
  .contacto .head .head-contenido {
    position: absolute;
    width: 100%;
    height: 85vh;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
.contacto .head .head-contenido .cont {
  margin: 45% auto 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .contacto .head .head-contenido .cont {
    margin: 30% auto 0 auto;
  }
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .cont {
    margin: 15% auto 0 auto;
  }
}
.contacto .head .head-contenido .cont .texto-principal h2 {
  width: 90%;
  margin: 0 auto;
  font-family: var(--REM-Bold);
  /*font-size: 2rem;*/
  font-size: 1.416vw;
  color: #2f1d66;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .contacto .head .head-contenido .cont .texto-principal h2 {
   /* font-size: 3.5rem;*/
  font-size: 2.48vw;
  }
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .cont .texto-principal h2 {
    width: inherit;
    margin: inherit;
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .contacto .head .head-contenido .cont .texto-principal h2 {
font-size: 2rem;
  }
}
.contacto .head .head-contenido .cont .texto-principal p {
  width: 90%;
  margin: 0 auto 2rem auto;
  color: #201f1c;
  line-height: 1.4;
  font-weight: 700;
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .cont .texto-principal p {
    width: 55%;
    /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  }
}
@media (max-width: 1024px) {
  .contacto .head .head-contenido .cont .texto-principal p {
font-size: 1.3rem;
  }
}
.contacto .head .head-contenido .datos {
  display: flex;
  width: 80%;
  flex-direction: column;
  text-align: center;
  margin: 5rem auto;
  align-items: center;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos {
    justify-content: space-between;
    width: 75%;
    margin: 0 0 0 14%;
    align-items: flex-start;
    position: absolute;
    bottom: 3rem;
    flex-direction: row;
    text-align: inherit;
  }
}
.contacto .head .head-contenido .datos .telefonos {
  width: 100%;
  font-family: var(--Montserrat-Regular);
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .telefonos {
    width: 20%;
  }
}
.contacto .head .head-contenido .datos .telefonos .titulo {
  width: 100%;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  position: relative;
}
@media (max-width: 1024px) {
.contacto .head .head-contenido .datos .telefonos .titulo {
  font-size: 1.8rem;
}
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .telefonos .titulo {
    width: 40%;
  }
}
.contacto .head .head-contenido .datos .telefonos .titulo:before {
  content: "";
  position: absolute;
  height: 0.9rem;
  width: 35%;
  top: -1.5rem;
  left: 32%;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .telefonos .titulo:before {
    content: "";
    position: absolute;
    height: 0.9rem;
    width: 100%;
    top: -1.5rem;
    left: 0;
    background-color: #cc002d;
  }
}
.contacto .head .head-contenido .datos .telefonos p {
  font-weight: bold;
  color: #201f1c;
  margin-bottom: 1rem;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
}
@media (max-width: 1024px) {
    .contacto .head .head-contenido .datos .telefonos p {
 font-size: 1.2rem;
}
}
.contacto .head .head-contenido .datos .direccion {
  width: 100%;
  margin-top: 5rem;
  font-family: var(--Montserrat-Regular);
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .direccion {
    width: 20%;
    margin-top: 0;
  }
}
.contacto .head .head-contenido .datos .direccion .titulo {
  width: 100%;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  position: relative;
  text-align: center;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .direccion .titulo {
    width: 40%;
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
    position: relative;
    float: right;
    text-align: inherit;
  }
}
@media (max-width: 1024px) {
  .contacto .head .head-contenido .datos .direccion .titulo {
    font-size: 1.8rem;
  }
}
.contacto .head .head-contenido .datos .direccion .titulo:before {
  content: "";
  position: absolute;
  height: 0.9rem;
  width: 35%;
  top: -1.5rem;
  left: 32%;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .direccion .titulo:before {
    content: "";
    position: absolute;
    height: 0.9rem;
    width: 100%;
    top: -1.5rem;
    left: 0;
    background-color: #cc002d;
  }
}
.contacto .head .head-contenido .datos .direccion p {
  color: #201f1c;
  margin-bottom: 1rem;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .direccion p {
    float: right;
  }
}
@media (max-width: 1024px) {
    .contacto .head .head-contenido .datos .direccion p {
 font-size: 1.4rem;
}
}
.contacto .head .head-contenido .datos .direccion a {
  color: #201f1c;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.5;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
}
@media (min-width: 1024px) {
  .contacto .head .head-contenido .datos .direccion a {
    float: right;
    text-align: right;
    margin-right: -2rem;
  }
}
@media (max-width: 1024px) {
.contacto .head .head-contenido .datos .direccion a {
 font-size: 1.3rem;
}
    
}
.contacto .head .head-contenido .datos .direccion a:hover {
  color: #181612;
}
.contacto .contenido-pagina {
  position: absolute;
  top: 90rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina {
    position: absolute;
    top: 100vh;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1800px) {
  .contacto .contenido-pagina {
    position: absolute;
    top: 90vh;
    width: 100%;
    height: auto;
  }
}
.contacto .contenido-pagina .seccionContacto {
  width: 100%;
  height: 140rem;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto {
    height: 80rem;
    flex-direction: row;
  }
}
@media (min-width: 1600px) {
  .contacto .contenido-pagina .seccionContacto {
    height: 85rem;
  }
}
@media (min-width: 1800px) {
  .contacto .contenido-pagina .seccionContacto {
    height: 87rem;
  }
}
@media (min-width: 1920px) {
  .contacto .contenido-pagina .seccionContacto {
    height: 88rem;
  }
}
.contacto .contenido-pagina .seccionContacto .form-contacto {
  width: 100%;
  height: 100%;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .form-contacto {
    width: 50%;
    height: 100%;
  }
}
.contacto .contenido-pagina .seccionContacto .form-contacto h1 {
  font-family: var(--REM-Extra-Bold);
  color: white;
  text-align: center;
  padding: 8rem 0 0 0;
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  margin: 0;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .form-contacto h1 {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .form-contacto h1 {
    font-size: 3rem;
  }
}
.contacto .contenido-pagina .seccionContacto .form-contacto h3 {
  font-family: var(--Montserrrat-Bold-Italic);
  color: white;
  text-align: center;
  padding: 0rem 0 0 0;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  margin: 2rem 0 5rem 0;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .form-contacto h3 {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .form-contacto h3 {
font-size: 1.3rem;
  }
}
.contacto .contenido-pagina .seccionContacto .form-contacto .cont-form {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .form-contacto .cont-form {
    width: 60%;
  }
}
.contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  input {
  width: 100%;
  height: 5rem;
  margin-bottom: 2rem;
  border-radius: 50px;
  border: none;
  padding-left: 2rem;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {
    .contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  input {
  font-size: 1.4rem;
}
}
.contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  input:focus {
  outline: none;
}
.contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  .wpcf7-not-valid-tip {
  color: #ffd42a !important; /* Red */
  font-family: var(--fuente-regular) !important;
}
.contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  textarea {
  width: 100%;
  border-radius: 10px;
  border: none;
  padding: 2rem 0 0 2rem;
  font-family: var(--Montserrat-Regular);
  margin-bottom: 2rem;
}
.contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  textarea:focus {
  outline: none;
}
.contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  .btn_cont_enviar {
  float: right;
  width: 20rem;
  height: 3rem;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  background-color: #ffd42a;
  color: #2f1d66;
  font-family: var(--Montserrrat-Bold);
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1024px) {
    .contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  .btn_cont_enviar {
font-size: 1.4rem;
}
}
.contacto
  .contenido-pagina
  .seccionContacto
  .form-contacto
  .cont-form
  .wpcf7
  .wpcf7-form
  .btn_cont_enviar:hover {
  background-color: #2f1d66;
  color: white;
}
.contacto .contenido-pagina .seccionContacto .cont-mapa {
  width: 100%;
  min-height: 65rem;
  background-color: #ffffff;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .cont-mapa {
    width: 50%;
    min-height: inherit;
  }
}
.contacto .contenido-pagina .seccionContacto .cont-mapa h2 {
  font-family: var(--REM-Extra-Bold);
  color: #cc002d;
  text-align: center;
  padding: 8rem 0 0 0;
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  margin: 0 0 5rem 0;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .cont-mapa h2 {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .cont-mapa h2 {
    font-size: 3rem;
  }
}
.contacto .contenido-pagina .seccionContacto .cont-mapa .mapa {
  width: 100%;
  height: 40rem;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .contacto .contenido-pagina .seccionContacto .cont-mapa .mapa {
    width: 80%;
    height: 50rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
}
/********************************************************************* NIVELES */

.niveles .head {
  width: 100%;
  height: 38rem;
  position: relative;
}
@media (min-width: 1024px) {
  .niveles .head {
    height: 50rem;
  }
}
.niveles .head .imagen {
  width: 100%;
  height: 100%;
}
.niveles .head .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 60%;
}
.niveles .head .titulo {
  position: absolute;
  width: 100%;
  height: 105%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(136 136 136 / 14%) 81%,
    rgb(0 0 0 / 95%) 100%
  );
}

.niveles .head .titulo h1 {
  position: absolute;
  color: white;
  font-family: var(--REM-Extra-Bold);
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  bottom: -0.5rem;
  left: 10%;
}
@media (min-width: 768px) {
  .niveles .head .titulo h1 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
    bottom: -4rem;
    left: 12%;
  }
}
@media (min-width: 1024px) {
  .niveles .head .titulo h1 {
    /* font-size: 6rem;*/
  font-size: 4.248vw;
  }
}
@media (max-width: 1024px) {
  .niveles .head .titulo h1 {
font-size: 3rem;
  }
}
.niveles .contenido-pagina {
  position: absolute;
  top: 39.9rem;
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina {
    top: 52rem;
  }
}
.niveles .contenido-pagina .seccionUno {
  height: 54rem;
  background-color: #2f1d66;
}
@media (min-width: 768px) {
  .niveles .contenido-pagina .seccionUno {
    height: 45rem;
  }
}
@media (min-width: 1600px) {
  .niveles .contenido-pagina .seccionUno {
    height: 50rem;
  }
}
@media (min-width: 1800px) {
  .niveles .contenido-pagina .seccionUno {
    height: 55rem;
  }
}
@media (min-width: 1920px) {
  .niveles .contenido-pagina .seccionUno {
    height: 58rem;
  }
}
.niveles .contenido-pagina .seccionUno .titulo-underline {
  margin-bottom: 5rem;
  padding: 1rem 0 0 10%;
}
@media (min-width: 768px) {
  .niveles .contenido-pagina .seccionUno .titulo-underline {
    padding: 1.5rem 0 0 12%;
  }
}
.niveles .contenido-pagina .seccionUno .titulo-underline h2 {
  /*font-size: 2.56rem;*/
  font-size: 1.81vw;
  margin: 0;
  color: white;
  font-family: var(--REM-Bold);
}
@media (min-width: 768px) {
  .niveles .contenido-pagina .seccionUno .titulo-underline h2 {
    /* font-size: 3.5rem;*/
  font-size: 2.48vw;
  }
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionUno .titulo-underline h2 {
    /*font-size: 4.5rem;*/
    font-size: 3.186vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionUno .titulo-underline h2 {
font-size: 2.56rem;
  }
}
.niveles .contenido-pagina .seccionUno .titulo-underline h2 span {
  color: #2f1d66;
  display: inline-block;
}
.niveles .contenido-pagina .seccionUno .parrafo {
  display: flex;
  width: 80%;
  margin: 7rem auto 0 auto;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionUno .parrafo {
    margin: 10rem auto 0 auto;
  }
}
.niveles .contenido-pagina .seccionUno .parrafo .imagen {
  width: 15rem;
  margin-right: 2rem;
}
.niveles .contenido-pagina .seccionUno .parrafo img {
  width: 100%;
}

.niveles .contenido-pagina .seccionUno .parrafo .cont-frase .frase {
  font-family: var(--Merriweather-Bold-Italic);
  /* font-size: 1.6rem;*/
  font-size: 1.132vw;
  line-height: 1.4;
  color: white;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionUno .parrafo .cont-frase .frase {
    /*font-size: 2rem;*/
  font-size: 1.416vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionUno .parrafo .cont-frase .frase {
font-size: 1.6rem;
  }
}
.niveles
  .contenido-pagina
  .seccionUno
  .parrafo
  .cont-frase
  .frase
  .color-amarillo {
  color: #ffd42a;
}
.niveles .contenido-pagina .seccionUno .parrafo .cont-frase .cita {
  width: 100%;
  font-family: var(--Montserrat-Regular);
  margin-top: 4rem;
  text-align: center;
  color: white;
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
}
@media (min-width: 768px) {
  .niveles .contenido-pagina .seccionUno .parrafo .cont-frase .cita {
    /*font-size: 1.4rem;*/
  font-size: 0.99vw;
    margin-top: 4rem;
    text-align: right;
  }
}
@media (max-width: 768px) {
  .niveles .contenido-pagina .seccionUno .parrafo .cont-frase .cita {
    font-size: 1.2rem;
  }
}
/* seccion grados */
.niveles .contenido-pagina .seccionGrados {
  width: 100%;
  height: auto;
  background-color: #aeaeae;
  display: flex;
  margin: 0 auto 10rem auto;
  flex-direction: column;
}
.niveles .contenido-pagina .seccionGrados .materia-titulo .icon{
    display:none !important;
}
.niveles .contenido-pagina .seccionGrados .materia-titulo {
  cursor: pointer;
  padding-left:35px;
  background-image: url("https://mytarjeta.com.mx/hamilton/wp-content/themes/Hamilton/assets/img/arrow_azul.png"); /* The image used */
  background-position: left center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: auto 13px ; /* Resize the background image to cover the entire container */
}
.niveles .contenido-pagina .seccionGrados .materia-titulo.blanca  {
  background-image: url("https://mytarjeta.com.mx/hamilton/wp-content/themes/Hamilton/assets/img/arrow_down.png"); 
  background-size: auto 20px ; /* Resize the background image to cover the entire container */
}
.niveles .contenido-pagina .seccionGrados .materia-titulo.girarFlecha {

}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados {
    width: 80%;
    flex-direction: row;
  }
}
.niveles .contenido-pagina .seccionGrados .kinder {
  width: 100%;
  background-color: white;
  height: auto;
  padding-top: 4rem;
  padding-bottom: 15rem;
  position: relative;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .kinder {
    width: 33.33%;
    background-color: white;
    height: auto;
    padding-top: 4rem;
  }
}
.niveles .contenido-pagina .seccionGrados .kinder .titulos {
  width: 100%;
  height: 13rem;
}
.niveles .contenido-pagina .seccionGrados .kinder h2 {
  font-family: var(--REM-Bold);
  /* font-size: 2.7rem;*/
  font-size: 1.91vw;
  color: #2f1d66;
}
@media (max-width: 1024px) {
.niveles .contenido-pagina .seccionGrados .kinder h2 {
  font-size: 2.7rem;
}
    
}
.niveles .contenido-pagina .seccionGrados .kinder .titulo-uno {
  margin: 0rem 0 1rem 2%;
}
.niveles .contenido-pagina .seccionGrados .kinder .titulo-dos {
  margin: 0.5rem 0 3rem 2%;
}
.niveles .contenido-pagina .seccionGrados .kinder .texto {
  padding: 0 1.5rem;
  line-height: 1.4;
  color: #2f1d66;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  margin-bottom: 5rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .kinder .texto {
    /*font-size: 1.7rem;*/
    font-size: 1.2vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .kinder .texto {
font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionGrados .kinder .texto .color-azul {
  font-family: var(--Montserrrat-Bold);
}
.niveles .contenido-pagina .seccionGrados .kinder .materias h3 {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  color: #2f1d66;
  align-items: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .kinder .materias h3 {
    /*font-size: 2rem;*/
  /*font-size: 1.416vw;*/
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .kinder .materias h3 {
    font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionGrados .materias h3 .icon-flecha{
  display:none;
}
.niveles .contenido-pagina .seccionGrados .kinder .btnMas {
  width: 100%;
  height: auto;
  margin-top: 4rem;
  text-align: center;
  position: absolute;
  bottom: 7rem;
}
.niveles .contenido-pagina .seccionGrados .kinder .btnMas .boton-rojo {
  padding: 1rem 5rem;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  color: #2f1d66;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionGrados .kinder .btnMas .boton-rojo {
 font-size: 1.3rem;
}
}
.niveles .contenido-pagina .seccionGrados .kinder .btnMas .boton-rojo:hover {
  background-color: #cc002d;
  color: #ffd42a;
}
/* primaria */
.niveles .contenido-pagina .seccionGrados .primaria {
  width: 100%;
  background-color: #cc002d;
  height: auto;
  padding-top: 4rem;
  padding-bottom: 15rem;
  position: relative;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .primaria {
    width: 33.33%;
    background-color: #cc002d;
    height: auto;
    padding-top: 4rem;
  }
}
.niveles .contenido-pagina .seccionGrados .primaria .titulos {
  height: 7rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .primaria .titulos {
    width: 100%;
    height: 13rem;
  }
}

.niveles .contenido-pagina .seccionGrados .primaria h2 {
  font-family: var(--REM-Bold);
  /* font-size: 2.7rem;*/
  font-size: 1.91vw;
  color: #cc002d;
}
@media (max-width: 1024px) {

    .niveles .contenido-pagina .seccionGrados .primaria h2 {
 font-size: 2.7rem;
}
}
.niveles .contenido-pagina .seccionGrados .primaria .titulo-uno {
  margin: 0rem 0 1rem 2%;
}
.niveles .contenido-pagina .seccionGrados .primaria .titulo-dos {
  margin: 0.5rem 0 3rem 2%;
}
.niveles .contenido-pagina .seccionGrados .primaria .texto {
  padding: 0 1.5rem;
  line-height: 1.4;
  color: white;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  margin-bottom: 5rem;
}
@media (max-width: 1024px) {
.niveles .contenido-pagina .seccionGrados .primaria .texto {
  font-size: 1.4rem;
}
    
}
.niveles .contenido-pagina .seccionGrados .primaria .texto .color-blanco {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (max-width: 1024px) {

    .niveles .contenido-pagina .seccionGrados .primaria .texto .color-blanco {
  font-size: 1.4rem;
}
}
.niveles .contenido-pagina .seccionGrados .primaria .btnMas {
  width: 100%;
  height: auto;
  margin-top: 4rem;
  text-align: center;
  position: absolute;
  bottom: 7rem;
}
.niveles .contenido-pagina .seccionGrados .primaria .btnMas .boton-rojo {
  padding: 1rem 5rem;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  color: #2f1d66;
}
@media (max-width: 1024px) {
   .niveles .contenido-pagina .seccionGrados .primaria .btnMas .boton-rojo {
font-size: 1.3rem;
} 
}
.niveles .contenido-pagina .seccionGrados .primaria .btnMas .boton-rojo:hover {
  color: #cc002d;
  background-color: white;
}
/* secundaria */
.niveles .contenido-pagina .seccionGrados .secundaria {
  width: 100%;
  background-color: white;
  height: auto;
  padding-top: 4rem;
  padding-bottom: 15rem;
  position: relative;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .secundaria {
    width: 33.33%;
    background-color: white;
    height: auto;
    padding-top: 4rem;
  }
}
.niveles .contenido-pagina .seccionGrados .secundaria .titulos {
  height: 7rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .secundaria .titulos {
    width: 100%;
    height: 13rem;
  }
}
.niveles .contenido-pagina .seccionGrados .secundaria h2 {
  font-family: var(--REM-Bold);
  /* font-size: 2.7rem;*/
  font-size: 1.91vw;
  color: #2f1d66;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionGrados .secundaria h2 {
  font-size: 2.7rem;
}
}
.niveles .contenido-pagina .seccionGrados .secundaria .titulo-uno {
  margin: 0rem 0 1rem 2%;
}
.niveles .contenido-pagina .seccionGrados .secundaria .titulo-dos {
  margin: 0.5rem 0 3rem 2%;
}
.niveles .contenido-pagina .seccionGrados .secundaria .texto {
  padding: 0 1.5rem;
  line-height: 1.4;
  color: #2f1d66;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  margin-bottom: 5rem;
}
@media (max-width: 1024px) {
.niveles .contenido-pagina .seccionGrados .secundaria .texto {
 font-size: 1.4rem;
}
    
}
.niveles .contenido-pagina .seccionGrados .secundaria .texto .color-azul {
  font-family: var(--Montserrrat-Bold);
}
.niveles .contenido-pagina .seccionGrados .secundaria .materias h3 {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  display: flex;
  gap: 1rem;
  margin: 0 0 2rem 0;
  color: #2f1d66;
  margin: 2rem 0 1rem 0;
  align-items: center;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionGrados .secundaria .materias h3 {
  font-size: 1.4rem;
}
}
.niveles .contenido-pagina .seccionGrados .secundaria .btnMas {
  width: 100%;
  height: auto;
  margin-top: 4rem;
  text-align: center;
  position: absolute;
  bottom: 7rem;
}
.niveles .contenido-pagina .seccionGrados .secundaria .btnMas .boton-rojo {
  padding: 1rem 5rem;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  color: #2f1d66;
}
@media (max-width: 1024px) {
 .niveles .contenido-pagina .seccionGrados .secundaria .btnMas .boton-rojo {
  font-size: 1.3rem;
}   
}
.niveles
  .contenido-pagina
  .seccionGrados
  .secundaria
  .btnMas
  .boton-rojo:hover {
  background-color: #cc002d;
  color: #ffd42a;
}
.niveles .contenido-pagina .seccionGrados .materias {
  padding: 0 3rem;
}
.niveles .contenido-pagina .seccionGrados .materias h3 .icon {
  display: inline-block;
  width: 5%;
}
@media (min-width: 768px) {
  .niveles .contenido-pagina .seccionGrados .materias h3 .icon {
    display: inline-block;
    width: 3%;
  }
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionGrados .materias h3 .icon {
    display: inline-block;
    width: 5%;
  }
}
.niveles .contenido-pagina .seccionGrados .primaria .materias h3 {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  display: flex;
  gap: 1rem;
  margin: 2rem 0 1rem 0;
  color: white;
}
@media (max-width: 1024px) {
.niveles .contenido-pagina .seccionGrados .primaria .materias h3 {
font-size: 1.4rem;
}
    
}
.niveles .contenido-pagina .seccionGrados .materias .contenido-texto {
  margin-bottom: 5rem;
  color: #2f1d66;
  line-height: 1.5;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  height: 0px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transition: height 0.5s ease;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
}
.niveles
  .contenido-pagina
  .seccionGrados
  .materias
  .contenido-texto
  .materia-texto {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
.niveles .contenido-pagina .seccionGrados .primaria .materias .contenido-texto {
  margin-bottom: 5rem;
  font-family: var(--fuente-regular);
  color: white;
  line-height: 1.5;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  height: 0px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transition: height 0.5s ease;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionGrados .materias .contenido-texto {
 font-size: 1.8rem;
}
.niveles
  .contenido-pagina
  .seccionGrados
  .materias
  .contenido-texto
  .materia-texto {
  font-size: 1.4rem;
}
.niveles .contenido-pagina .seccionGrados .primaria .materias .contenido-texto {
 font-size: 1.8rem;
}
}
/* seccion kinder */
.niveles .contenido-pagina .seccionKinder {
  width: 100%;
  height: auto;
  margin: 0rem auto 5rem auto;
  scroll-margin-top: 110px; /* ajusta este valor según tu preferencia */
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder {
    width: 80%;
    margin: 10rem auto 10rem auto;
  }
}
.niveles .contenido-pagina .seccionKinder .titulo {
  background-color: #ffd42a;
  width: 80%;
  height: auto;
  margin: 0;
  float: right;
  padding: 2rem 0 2rem 1rem;
  color: #2f1d66;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .titulo {
    width: 70%;
    padding: 2rem 0 2rem 10rem;
  }
}
.niveles .contenido-pagina .seccionKinder .titulo h2 {
  margin: 0;
  font-family: var(--fuente-especial);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .titulo h2 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .titulo h2 {
font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionKinder .titulo .animation-underline-blue {
  color: #ffd42a;
}
.niveles .contenido-pagina .seccionKinder .flex-imagen {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  top: -5rem;
  flex-direction: column;
}
.niveles .contenido-pagina .seccionKinder .flex-imagen .swiper,
.niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .swiper,
.niveles .contenido-pagina .seccionPrimaria .flex-imagen .swiper,
.niveles .contenido-pagina .seccionSecundaria .flex-imagen .swiper {
  margin: 0 !important;
  z-index: 0 !important;
}
.niveles .contenido-pagina .seccionPrimaria .swiper .swiper-wrapper {
  box-sizing: inherit !important;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .flex-imagen {
    height: 40rem;
    flex-direction: row;
  }
}
.niveles .contenido-pagina .seccionKinder .flex-imagen .imagen {
  position: relative;
  width: 100%;
  height: 30rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .flex-imagen .imagen {
    width: 62%;
    height: 100%;
  }
}
.niveles .contenido-pagina .seccionKinder .flex-imagen .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.niveles .contenido-pagina .seccionKinder .flex-imagen .cont-horarios {
  width: 80%;
  margin: 0 auto;
  bottom: 1rem;
  background-color: #ffd42a;
  padding: 1rem;
  color: #2f1d66;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .flex-imagen .cont-horarios {
    position: absolute;
    width: 38%;
    right: 0rem;
    bottom: 1rem;
    text-align: inherit;
    margin: inherit;
  }
}
.niveles .contenido-pagina .seccionKinder .flex-imagen .cont-horarios p {
  font-family: var(--Montserrat-Black-Italic);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  font-weight: bold;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionKinder
  .flex-imagen
  .cont-horarios
  .horario
  p {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionKinder
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-family: var(--Montserrat-Extra-Bold);
  /*font-size: 1rem;*/
  font-size: 0.708vw;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionKinder .flex-imagen .cont-horarios p {
  font-size: 2.5rem;
}
.niveles
  .contenido-pagina
  .seccionKinder
  .flex-imagen
  .cont-horarios
  .horario
  p {
  font-size: 1.4rem;
}
.niveles
  .contenido-pagina
  .seccionKinder
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-size: 1rem;
}
}
.niveles .contenido-pagina .seccionKinder .cont-texto {
  width: 100%;
  height: auto;
  font-family: var(--fuente-regular);
}
.niveles .contenido-pagina .seccionKinder .cont-texto .mensaje {
  width: 100%;
  height: auto;
  padding: 0rem 3rem 4rem 3rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .cont-texto .mensaje {
    width: 50%;
    min-height: 29rem;
    height: auto;
    float: left;
    padding: 1.5rem;
  }
}
.niveles .contenido-pagina .seccionKinder .cont-texto .mensaje p {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  font-weight: bold;
  line-height: 1.2;
  font-family: var(--Montserrat-Extra-Bold);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .cont-texto .mensaje p {
    /*font-size: 3rem;*/
    font-size: 2.124vw;
    text-align: inherit;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .cont-texto .mensaje p {
    font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionKinder .cont-texto .texto {
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .cont-texto .texto {
    width: 100%;
    padding: 1.5rem;
    margin: inherit;
  }
}
.niveles .contenido-pagina .seccionKinder .cont-texto .texto p {
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  color: #303030;
  /*font-size: 1.5rem;*/
  font-size: 1.062vw;
  line-height: 1.5;
}
@media (max-width: 1024px) {
.niveles .contenido-pagina .seccionKinder .cont-texto .texto p {
  font-size: 1.5rem;
}
    
}
.niveles .contenido-pagina .seccionKinder .informe {
  width: 90%;
  height: auto;
  text-align: center;
  margin: 5rem auto 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .informe {
    margin-top: 10rem;
  }
}
.niveles .contenido-pagina .seccionKinder .informe h3 {
  font-family: var(--REM-Bold);
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  margin: 0 0 2rem 0;
  color: #2f1d66;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .informe h3 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .informe h3 {
    font-size: 1.8rem;
  }
}
.niveles .contenido-pagina .seccionKinder .informe p {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #303030;
  margin-bottom: 4rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .informe p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .informe p {
font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionKinder .informe .tel {
  font-family: var(--Montserrat-Regular);
  margin-top: 4rem;
}
.niveles .contenido-pagina .seccionKinder .informe .tel span {
  font-family: var(--Montserrrat-Bold);
}
.niveles .contenido-pagina .seccionKinder .informe .boton-rojo {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 0.7rem;*/
  font-size: 0.496vw;
  margin-bottom: 5rem;
  color: #ffd42a;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionKinder .informe .boton-rojo {
    font-size: inherit;
  }
}
@media (max-width: 1024px) {
.niveles .contenido-pagina .seccionKinder .informe .boton-rojo {
  font-size: 0.7rem;
}
    
}
.niveles .contenido-pagina .seccionKinder .informe .boton-rojo:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: white;
  background-color: #2f1d66;
}
/* seccion Primaria */
.niveles .contenido-pagina .seccionPrePrimaria {
  width: 100%;
  height: auto;
  margin: 0rem auto 5rem auto;
  scroll-margin-top: 110px; /* ajusta este valor según tu preferencia */
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria {
    width: 80%;
    height: auto;
    margin: 10rem auto 10rem auto;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .titulo {
  background-color: #ffd42a;
  width: 80%;
  height: auto;
  margin: 0;
  float: right;
  padding: 2rem 0 2rem 1rem;
  color: #2f1d66;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .titulo {
    width: 73%;
    padding: 2rem 0 2rem 10rem;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .titulo h2 {
  margin: 0;
  font-family: var(--fuente-especial);
  /*font-size: 1.2rem;*/
 font-size: 0.85vw; 
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .titulo h2 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .titulo h2 {
    font-size: 1.2rem;
  }
}
.niveles
  .contenido-pagina
  .seccionPrePrimaria
  .titulo
  .animation-underline-blue {
  color: #ffd42a;
}
.niveles .contenido-pagina .seccionPrePrimaria .flex-imagen {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  top: -5rem;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .flex-imagen {
    height: 40rem;
    flex-direction: row;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .imagen {
  position: relative;
  width: 100%;
  height: 30rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .imagen {
    position: relative;
    width: 62%;
    height: 100%;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .cont-horarios {
  width: 80%;
  margin: 0 auto;
  right: 0rem;
  bottom: 1rem;
  padding: 1rem;
  color: #2f1d66;
  font-family: var(--fuente-regular);
  background-color: #ffd42a;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .cont-horarios {
    position: absolute;
    width: 38%;
    right: 0rem;
    bottom: 1rem;
    padding: 1rem;
    text-align: inherit;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .cont-horarios p {
  font-family: var(--Montserrat-Black-Italic);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  font-weight: bold;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionPrePrimaria
  .flex-imagen
  .cont-horarios
  .horario
  p {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionPrePrimaria
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-family: var(--Montserrat-Extra-Bold);
  /*font-size: 1rem;*/
  font-size: 0.708vw;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionPrePrimaria .flex-imagen .cont-horarios p {
  font-size: 2.5rem;
}
.niveles
  .contenido-pagina
  .seccionPrePrimaria
  .flex-imagen
  .cont-horarios
  .horario
  p {
  font-size: 1.4rem;
}
.niveles
  .contenido-pagina
  .seccionPrePrimaria
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-size: 1rem;
}
}
.niveles .contenido-pagina .seccionPrePrimaria .cont-texto {
  width: 100%;
  height: auto;
  font-family: var(--fuente-regular);
}
.niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje {
  width: 100%;
  height: auto;
  padding: 0rem 3rem 4rem 3rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje {
    width: 50%;
    min-height: 18rem;
    height: auto;
    float: left;
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje {
    min-height: 19rem;
  }
}
@media (min-width: 1800px) {
  .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje {
    min-height: 20rem;
  }
}
@media (min-width: 1920px) {
  .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje {
    min-height: 22rem;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje p {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  font-weight: bold;
  line-height: 1.2;
  font-family: var(--Montserrat-Extra-Bold);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje p {
    /*font-size: 3rem;*/
    font-size: 2.124vw;
    text-align: inherit;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .mensaje p {
    font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .cont-texto .texto {
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .texto {
    width: 100%;
    padding: 1.5rem;
    margin: inherit;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .cont-texto .texto b {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.5rem;*/
  font-size: 1.062vw;
}
.niveles .contenido-pagina .seccionPrePrimaria .cont-texto .texto p {
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  color: #303030;
  /*font-size: 1.5rem;*/
  font-size: 1.062vw;
  line-height: 1.5;
}
@media (max-width: 1024px) {

   .niveles .contenido-pagina .seccionPrePrimaria .cont-texto .texto b {
  font-size: 1.5rem;
}
.niveles .contenido-pagina .seccionPrePrimaria .cont-texto .texto p {
  font-size: 1.5rem;
} 
}
.niveles .contenido-pagina .seccionPrePrimaria .informe {
  width: 90%;
  height: auto;
  text-align: center;
  margin: 5rem auto 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .informe {
    margin-top: 10rem;
  }
}

.niveles .contenido-pagina .seccionPrePrimaria .informe h3 {
  font-family: var(--REM-Bold);
  /*font-size: 1.8rem;*/
  font-size: 1.27vw;
  margin: 0 0 2rem 0;
  color: #2f1d66;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .informe h3 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .informe h3 {
    font-size: 1.8rem;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .informe p {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #303030;
  margin-bottom: 4rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .informe p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .informe p {
font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .informe .tel {
  font-family: var(--Montserrat-Regular);
  margin-top: 4rem;
}
.niveles .contenido-pagina .seccionPrePrimaria .informe .tel span {
  font-family: var(--Montserrrat-Bold);
}
.niveles .contenido-pagina .seccionPrePrimaria .informe .boton-rojo {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 0.7rem;*/
  font-size: 0.496vw;
  margin-bottom: 5rem;
  color: #ffd42a;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .informe .boton-rojo {
    font-size: inherit;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrePrimaria .informe .boton-rojo {
    font-size: 0.7rem;
  }
}
.niveles .contenido-pagina .seccionPrePrimaria .informe .boton-rojo:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: white;
  background-color: #2f1d66;
}
/* seccion PRE Secundaria */
.niveles .contenido-pagina .seccionPrimaria {
  width: 100%;
  height: auto;
  margin: 0rem auto 10rem auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria {
    width: 80%;
    height: auto;
    margin: 10rem auto 10rem auto;
  }
}

.niveles .contenido-pagina .seccionPrimaria .titulo {
  background-color: #cc002d;
  width: 80%;
  height: auto;
  margin: 0;
  float: right;
  padding: 2rem 0 2rem 1rem;
  color: #2f1d66;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .titulo {
    width: 80%;
    padding: 2rem 0 2rem 10rem;
  }
}

.niveles .contenido-pagina .seccionPrimaria .titulo h2 {
  margin: 0;
  font-family: var(--fuente-especial);
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  line-height: 1.4;
  color: white;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .titulo h2 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .titulo h2 {
font-size: 1.3rem;
  }
}
.niveles .contenido-pagina .seccionPrimaria .titulo .animation-underline-white {
  color: #cc002d;
}
.niveles .contenido-pagina .seccionPrimaria .flex-imagen {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  top: -5rem;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .flex-imagen {
    height: 40rem;
    flex-direction: row;
  }
}
.niveles .contenido-pagina .seccionPrimaria .flex-imagen .imagen {
  position: relative;
  width: 100%;
  height: 30rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .flex-imagen .imagen {
    width: 62%;
    height: 100%;
  }
}
.niveles .contenido-pagina .seccionPrimaria .flex-imagen .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.niveles .contenido-pagina .seccionPrimaria .flex-imagen .cont-horarios {
  width: 80%;
  margin: 0 auto;
  right: 0rem;
  bottom: 1rem;
  padding: 1rem;
  color: white;
  font-family: var(--fuente-regular);
  background-color: #cc002d;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .flex-imagen .cont-horarios {
    position: absolute;
    width: 38%;
    right: 0rem;
    bottom: 1rem;
    padding: 1rem;
    text-align: inherit;
  }
}
.niveles .contenido-pagina .seccionPrimaria .flex-imagen .cont-horarios p {
  font-family: var(--Montserrat-Black-Italic);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  font-weight: bold;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionPrimaria
  .flex-imagen
  .cont-horarios
  .horario
  p {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionPrimaria
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-family: var(--Montserrat-Extra-Bold);
  font-size: 1rem;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionPrimaria .flex-imagen .cont-horarios p {
font-size: 2.5rem;
}
.niveles
  .contenido-pagina
  .seccionPrimaria
  .flex-imagen
  .cont-horarios
  .horario
  p {
font-size: 1.4rem;
}
.niveles
  .contenido-pagina
  .seccionPrimaria
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-size: 1rem;
}
}
.niveles .contenido-pagina .seccionPrimaria .cont-texto {
  width: 100%;
  height: auto;
  font-family: var(--fuente-regular);
}
.niveles .contenido-pagina .seccionPrimaria .cont-texto .mensaje {
  width: 100%;
  height: auto;
  padding: 0rem 3rem 4rem 3rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .cont-texto .mensaje {
    width: 50%;
    min-height: 40rem;
    float: left;
    padding: 1.5rem;
  }
}
.niveles .contenido-pagina .seccionPrimaria .cont-texto .mensaje p {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  font-weight: bold;
  line-height: 1.2;
  font-family: var(--Montserrat-Extra-Bold);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .cont-texto .mensaje p {
    /*font-size: 3rem;*/
    font-size: 2.124vw;
    text-align: inherit;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .cont-texto .mensaje p {
font-size: 1.4rem;
  }
}

.niveles .contenido-pagina .seccionPrimaria .cont-texto .texto {
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .cont-texto .texto {
    width: 100%;
    padding: 1.5rem;
    margin: inherit;
  }
}

.niveles .contenido-pagina .seccionPrimaria .cont-texto .texto p {
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  color: #303030;
  /*font-size: 1.5rem;*/
  font-size: 1.062vw;
  line-height: 1.5;
}
.niveles .contenido-pagina .seccionSecundaria .cont-texto .texto b {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.5rem;*/
  font-size: 1.062vw;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionPrimaria .cont-texto .texto p {
 font-size: 1.5rem;
}
.niveles .contenido-pagina .seccionSecundaria .cont-texto .texto b {
 font-size: 1.5rem;
}
}
.niveles .contenido-pagina .seccionPrimaria .informe {
  width: 90%;
  height: auto;
  text-align: center;
  margin: 5rem auto 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .informe {
    margin-top: 10rem;
  }
}
.niveles .contenido-pagina .seccionPrimaria .informe h3 {
  font-family: var(--REM-Bold);
  /*font-size: 1.8rem;*/
  font-size: 1.27vw;
  margin: 0 0 2rem 0;
  color: #2f1d66;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .informe h3 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .informe h3 {
    font-size: 1.8rem;
  }
}

.niveles .contenido-pagina .seccionPrimaria .informe p {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #303030;
  margin-bottom: 4rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .informe p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .informe p {
    font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionPrimaria .informe .tel {
  font-family: var(--Montserrat-Regular);
  margin-top: 4rem;
}
.niveles .contenido-pagina .seccionPrimaria .informe .tel span {
  font-family: var(--Montserrrat-Bold);
}
.niveles .contenido-pagina .seccionPrimaria .informe .boton-rojo {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 0.7rem;*/
  font-size: 0.0496vw;
  margin-bottom: 5rem;
  color: #ffd42a;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionPrimaria .informe .boton-rojo {
    font-size: inherit;
  }
}
@media (max-width: 1024px) {
   .niveles .contenido-pagina .seccionPrimaria .informe .boton-rojo {
  font-size: 0.7rem;
}
}
.niveles .contenido-pagina .seccionPrimaria .informe .boton-rojo:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: white;
  background-color: #2f1d66;
}
.comentario {
  width: 100%;
  height: auto;
  margin-top: 5rem;
  background-color: white;
  padding: 3rem;
  position: relative;
}
@media (min-width: 1024px) {
  .comentario {
    margin-top: 10rem;
  }
}
.comentario .cont-comentario {
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .comentario .cont-comentario {
    flex-direction: row;
  }
}
.comentario .cont-comentario .imagen {
  width: 10rem;
  height: 10rem;
  background-color: #e6e6e6;
  border-radius: 100%;
}
@media (min-width: 1024px) {
  .comentario .cont-comentario .imagen {
    width: 20%;
    height: auto;
  }
}
.comentario .cont-comentario .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.comentario .cont-comentario .texto {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .comentario .cont-comentario .texto {
    width: 80%;
    text-align: inherit;
  }
}
.comentario .cont-comentario .texto p:first-child {
  font-family: var(--Merriweather-Bold-Italic);
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  line-height: 1.4;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .comentario .cont-comentario .texto p:first-child {
    /*font-size: 1.7rem;*/
    font-size: 1.2vw;
    margin-bottom: 1rem;
  }
}
@media (max-width: 1024px) {
  .comentario .cont-comentario .texto p:first-child {
font-size: 1.3rem;
  }
}
.comentario .cont-comentario .texto p:last-child {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
  margin-top: 1rem;
  line-height: 1.4;
  text-align: right;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .comentario .cont-comentario .texto p:last-child {
    text-align: inherit;
    float: right;
  }
}
@media (max-width: 1024px) {
    .comentario .cont-comentario .texto p:last-child {
  font-size: 1.1rem;
}
}
/* seccion Secundaria */
.niveles .contenido-pagina .seccionSecundaria {
  width: 100%;
  height: auto;
  margin: 0rem auto 10rem auto;
  scroll-margin-top: 110px; /* ajusta este valor según tu preferencia */
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria {
    width: 80%;
    height: auto;
    margin: 18rem auto 10rem auto;
  }
}
.niveles .contenido-pagina .seccionSecundaria .titulo {
  background-color: #2f1d66;
  width: 80%;
  height: auto;
  margin: 0;
  float: right;
  padding: 2rem 0 2rem 1rem;
  color: white;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .titulo {
    width: 80%;
    padding: 2rem 0 2rem 10rem;
  }
}
.niveles .contenido-pagina .seccionSecundaria .titulo h2 {
  margin: 0;
  font-family: var(--fuente-especial);
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .titulo h2 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .titulo h2 {
font-size: 1.1rem;
  }
}
.niveles
  .contenido-pagina
  .seccionSecundaria
  .titulo
  .animation-underline-white {
  color: #2f1d66;
}
.niveles .contenido-pagina .seccionSecundaria .flex-imagen {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  top: -5rem;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .flex-imagen {
    height: 40rem;
    flex-direction: row;
  }
}
.niveles .contenido-pagina .seccionSecundaria .flex-imagen .imagen {
  position: relative;
  width: 100%;
  height: 100%;
  height: 30rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .flex-imagen .imagen {
    width: 62%;
    height: 100%;
  }
}
.niveles .contenido-pagina .seccionSecundaria .flex-imagen .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.niveles .contenido-pagina .seccionSecundaria .flex-imagen .cont-horarios {
  width: 80%;
  margin: 0 auto;
  right: 0rem;
  bottom: 1rem;
  padding: 1rem;
  color: white;
  font-family: var(--fuente-regular);
  background-color: #2f1d66;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .flex-imagen .cont-horarios {
    position: absolute;
    width: 38%;
    right: 0rem;
    bottom: 1rem;
    padding: 1rem;
    text-align: inherit;
  }
}
.niveles .contenido-pagina .seccionSecundaria .flex-imagen .cont-horarios p {
  font-family: var(--Montserrat-Black-Italic);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  font-weight: bold;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionSecundaria
  .flex-imagen
  .cont-horarios
  .horario
  p {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
}
.niveles
  .contenido-pagina
  .seccionSecundaria
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-family: var(--Montserrat-Extra-Bold);
  font-size: 1rem;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionSecundaria .flex-imagen .cont-horarios p {
font-size: 2.5rem;
}
.niveles
  .contenido-pagina
  .seccionSecundaria
  .flex-imagen
  .cont-horarios
  .horario
  p {
      font-size: 1.4rem;
}
.niveles
  .contenido-pagina
  .seccionSecundaria
  .flex-imagen
  .cont-horarios
  .horario
  .horario-extendido {
  font-size: 1rem;
}
}
.niveles .contenido-pagina .seccionSecundaria .cont-texto {
  width: 100%;
  height: auto;
  font-family: var(--fuente-regular);
  float:left;
}
.niveles .contenido-pagina .seccionSecundaria .cont-texto .mensaje {
  width: 100%;
  height: auto;
  padding: 0rem 3rem 4rem 3rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .cont-texto .mensaje {
    width: 50%;
    height: auto;
    float: left;
    padding: 1.5rem;
  }
}

.niveles .contenido-pagina .seccionSecundaria .cont-texto .mensaje p {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #2f1d66;
  font-weight: bold;
  line-height: 1.2;
  font-family: var(--Montserrat-Extra-Bold);
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .cont-texto .mensaje p {
    /*font-size: 3rem;*/
    font-size: 2.124vw;
    text-align: inherit;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .cont-texto .mensaje p {
font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionSecundaria .cont-texto .texto {
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .cont-texto .texto {
    width: 100%;
    padding: 1.5rem;
    margin: inherit;
    min-height: 52rem;
  }
}
.niveles .contenido-pagina .seccionSecundaria .cont-texto .texto p {
  font-family: var(--Montserrat-Regular);
  line-height: 1.4;
  color: #303030;
  /*font-size: 1.5rem;*/
  font-size: 1.062vw;
  line-height: 1.5;
}
@media (max-width: 1024px) {
    .niveles .contenido-pagina .seccionSecundaria .cont-texto .texto p {
font-size: 1.5rem;
}
}
.niveles .contenido-pagina .seccionSecundaria .informe {
  width: 90%;
  height: auto;
  text-align: center;
  margin: 5rem auto 0 auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .informe {
    margin-top: 10rem;
  }
}
.niveles .contenido-pagina .seccionSecundaria .informe h3 {
  font-family: var(--REM-Bold);
  /*font-size: 1.8rem;*/
  font-size: 1.27vw;
  margin: 0 0 2rem 0;
  color: #2f1d66;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .informe h3 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .informe h3 {
    font-size: 1.8rem;
  }
}
.niveles .contenido-pagina .seccionSecundaria .informe p {
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  color: #303030;
  margin-bottom: 4rem;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .informe p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .informe p {
    font-size: 1.4rem;
  }
}
.niveles .contenido-pagina .seccionSecundaria .informe .tel {
  font-family: var(--Montserrat-Regular);
  margin-top: 4rem;
}
.niveles .contenido-pagina .seccionSecundaria .informe .tel span {
  font-family: var(--Montserrrat-Bold);
}
.niveles .contenido-pagina .seccionSecundaria .informe .boton-rojo {
  font-family: var(--Montserrrat-Bold);
  /*font-size: 0.7rem;*/
   font-size: 0.496vw;
  margin-bottom: 5rem;
  color: #ffd42a;
  background-color: #cc002d;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .informe .boton-rojo {
    font-size: inherit;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionSecundaria .informe .boton-rojo {
    font-size: 0.7rem;
  }
}
.niveles .contenido-pagina .seccionSecundaria .informe .boton-rojo:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: white;
  background-color: #2f1d66;
}
.fuente-bold {
  font-weight: bold;
}
/* descubre mas */
.niveles .contenido-pagina .seccionDescubreMas {
  width: 100%;
  height: 33rem;
  text-align: center;
  padding: 5rem 0;
  background-color: #b60028;
  background-image: url("assets/img/fondo-rojo.png");
  background-repeat: no-repeat;
  background-size: 300%; /* Ajusta la imagen para cubrir todo el fondo */
  background-position: center center;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionDescubreMas {
    height: 30rem;
    background-size: 100%; /* Ajusta la imagen para cubrir todo el fondo */
    background-position: center center;
  }
}
@media (min-width: 1600px) {
  .niveles .contenido-pagina .seccionDescubreMas {
    height: 32rem;
  }
}
@media (min-width: 1800px) {
  .niveles .contenido-pagina .seccionDescubreMas {
    height: 34rem;
  }
}
@media (min-width: 1920px) {
  .niveles .contenido-pagina .seccionDescubreMas {
    height: 35rem;
  }
}
.niveles .contenido-pagina .seccionDescubreMas p {
  width: 80%;
  color: white;
  font-family: var(--Montserrrat-Bold-Italic);
  font-weight: bold;
  /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  margin: 0 auto 4rem auto;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionDescubreMas p {
    /*font-size: 3rem;*/
    font-size: 2.124vw;
    margin: 0 auto 7rem auto;
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionDescubreMas p {
font-size: 1.8rem;
  }
}
.niveles .contenido-pagina .seccionDescubreMas .boton-amarillo {
  /*font-size: 1.2rem;*/
  font-size: 0.85vw;
}
@media (min-width: 1024px) {
  .niveles .contenido-pagina .seccionDescubreMas .boton-amarillo {
    /*font-size: 1.9rem;*/
  }
}
@media (max-width: 1024px) {
  .niveles .contenido-pagina .seccionDescubreMas .boton-amarillo {
    font-size: 1.2rem;
  }
}
/********************************************************************* POLITICA PRIVACIDAD */
.politica {
  width: 100%;
  height: 200rem;
  position: relative;
  background-color: #f2f2f2;
}
.politica .contenedor {
  position: absolute;
  width: 90%;
  top: 9%;
  left: 5%;
}
.politica .contenedor h2 {
  font-family: var(--fuente-medium);
  margin: 0 0 1rem 0;
}
.politica .contenedor p {
  font-family: var(--fuente-regular);
  line-height: 1.8;
  margin-bottom: 3rem;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
/********************************************************************* INSTALACIONES */
/** relevant galery CSS Below **/
.backblanco {
  overflow-x: auto;
  scrollbar-width: none;
  width: 100%;
  transition: scroll-left 0.4s ease; /* Transición suave */
}

.thumblist > a > p {
  width: 300px;
  text-align: center;
  float: left;
  height: 225px;
  margin: 0px 10px 10px 0px;
  overflow: hidden;
}
.thumblist > a > p > img {
  width: 300px;
  height: 225px;
}
.imagen-arrow {
  width: 2rem;
  height: auto;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .imagen-arrow {
    width: 2, 5rem;
  }
}
.imagen-arrow:hover {
  transform: scale(1.1);
  transition: transform 0.5s ease;
}
.lightbox {
  display: none; /**sets the default display to hide the lightbox until it's the :target**/
  position: fixed; /**the rest of this styling makes the lightbox full screen when selected**/
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.lightbox img {
  /**sets the styling of the image in the lightbox**/
  max-width: 100%;
  max-height: 100%;
  margin-top: 50%;
}
@media (min-width: 1024px) {
  .lightbox img {
    max-width: 70%;
    max-height: 90%;
    text-align: center;
    margin-top: 2%;
    margin-left: auto;
    margin-right: auto;
  }
}
.lightbox:target {
  /**this is where the magic happens. makes the lightbox display when it's the target of a clickable link**/
  outline: none;
  display: block;
}
.lightbox .previous {
  /**styling the left arrow**/
  position: fixed;
  left: 4%;
  top: 40%;
  width: 40px;
  color: #fff;
  font-size: 30px;
}
.lightbox .exit {
  /**styling the exit button**/
  position: fixed;
  top: 5px;
  right: 3%;
  width: 30px;
  color: #fff;
  font-size: 30px;
}
@media (min-width: 1024px) {
  .lightbox .exit {
    top: 0px;
    right: 4%;
    width: 40px;
  }
}
.lightbox .next {
  /**styling the right arrow**/
  position: fixed;
  right: 4%;
  top: 15%;
  width: 30px;
  color: #fff;
  font-size: 30px;
}
@media (min-width: 1024px) {
  .lightbox .next {
    top: 40%;
  }
}
.instalaciones .head {
  width: 100%;
  height: 38rem;
  position: relative;
}
@media (min-width: 768px) {
  .instalaciones .head {
    height: 45rem;
  }
}
@media (min-width: 1024px) {
  .instalaciones .head {
    height: 50rem;
  }
}
.instalaciones .head .imagen {
  width: 100%;
  height: 100%;
}
.instalaciones .head .imagen video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.instalaciones .head .imagen #btnPlay {
  width: 7rem;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 20px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: none;
}
@media (min-width: 1024px) {
  .instalaciones .head .imagen #btnPlay {
    width: 5%;
  }
}
.instalaciones .head .imagen #btnStop {
  width: 7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 20px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: none;
}
@media (min-width: 1024px) {
  .instalaciones .head .imagen #btnStop {
    width: 5%;
  }
}
.instalaciones .head .imagen #btnStopInicial {
  width: 5rem;
  position: absolute;
  top: 29%;
  right: 2%;
  padding: 15px 20px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .instalaciones .head .imagen #btnStopInicial {
    width: 3.5%;
    top: 25%;
    right: 1%;
  }
}
.instalaciones .head .imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.instalaciones .head .titulo {
  position: absolute;
  width: 100%;
  height: 30%;
  left: 0;
  bottom: 0rem;
  z-index: 1;
  background: rgb(169 24 24);
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(136 136 136 / 14%) 81%,
    rgb(0 0 0 / 95%) 100%
  );
}
@media (min-width: 768px) {
  .instalaciones .head .titulo {
    bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .instalaciones .head .titulo {
    bottom: 0rem;
  }
}
.instalaciones .head .titulo h1 {
  position: absolute;
  color: white;
  font-family: var(--REM-Extra-Bold);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  bottom: -4.0rem;
  left: 5%;
}
@media (min-width: 768px) {
  .instalaciones .head .titulo h1 {
    /*font-size: 4rem;*/
    font-size: 2.832vw;
    left: 12%;
  }
}
@media (min-width: 1024px) {
  .instalaciones .head .titulo h1 {
  /* font-size: 7rem;*/
  font-size: 4.956vw;
    left: 12%;
  }
}
@media (max-width: 1024px) {
  .instalaciones .head .titulo h1 {
      bottom: 0rem;
font-size: 2.5rem;
  }
}
.instalaciones .contenido-pagina {
  position: absolute;
  top: 38rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .instalaciones .contenido-pagina {
    top: 40rem;
  }
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina {
    position: absolute;
    top: 50rem;
    width: 100%;
    height: auto;
  }
}
.instalaciones .contenido-pagina .seccionUno {
  height: 75rem;
  background-color: #2f1d66;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionUno {
    height: 70rem;
  }
}
.instalaciones .contenido-pagina .seccionUno .titulo-underline {
  margin-bottom: 5rem;
  padding: 2rem 0 0 5%;
}
@media (min-width: 768px) {
  .instalaciones .contenido-pagina .seccionUno .titulo-underline {
    padding: 3rem 0 0 12%;
  }
}
.instalaciones .contenido-pagina .seccionUno .titulo-underline h2 {
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
  margin: 0;
  color: white;
  font-family: var(--REM-Bold);
}
@media (min-width: 768px) {
  .instalaciones .contenido-pagina .seccionUno .titulo-underline h2 {
   /* font-size: 2.7rem;*/
  font-size: 1.91vw;
  }
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionUno .titulo-underline h2 {
    /* font-size: 3.5rem;*/
  font-size: 2.48vw;
  }
}
@media (max-width: 1024px) {
  .instalaciones .contenido-pagina .seccionUno .titulo-underline h2 {
   font-size: 1.1rem;
  }
}
.instalaciones .contenido-pagina .seccionUno .titulo-underline h2 span {
  color: #2f1d66;
}
.instalaciones .contenido-pagina .seccionUno .parrafo {
  width: 85%;
  margin: 0 auto;
  font-family: var(--Montserrat-Regular);
  color: white;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionUno .parrafo {
    width: 60%;
        margin: inherit;
        float: right;
        margin-right: 10rem;
  }
}
.instalaciones .contenido-pagina .seccionUno .parrafo p {
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  color: white;
  line-height: 1.4;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionUno .parrafo p {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .instalaciones .contenido-pagina .seccionUno .parrafo p {
    font-size: 1.3rem;
  }
}
.instalaciones .contenido-pagina .seccionUno .parrafo p b {
  font-family: var(--Montserrrat-Bold);
}
.instalaciones .contenido-pagina .seccionDos {
  background-color: #ffd42a;
  height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionDos {
    height: 30rem;
  }
}
.instalaciones .contenido-pagina .seccionDos h2 {
  font-family: var(--REM-Bold);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  color: #2f1d66;
  margin: 0 0 0 1%;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionDos h2 {
    /*font-size: 5rem;*/
    font-size: 3.54vw;
  }
}
@media (max-width: 1024px) {
  .instalaciones .contenido-pagina .seccionDos h2 {
font-size: 2.5rem;
  }
}
.instalaciones .contenido-pagina .seccionGaleria .contenedor-galeria {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
}
.instalaciones .contenido-pagina .seccionGaleria {
  height: auto;
  padding: 6rem 7%;
  text-align: center;
}
.instalaciones .contenido-pagina .seccionGaleria .row-fluid {
  margin-bottom: 0%;
  width: 85%;
}
@media (max-width: 1024px) {
.instalaciones .contenido-pagina .seccionGaleria .row-fluid {
  width: 300px;
}
    
}
.instalaciones .contenido-pagina .seccionGaleria h2 {
  font-family: var(--REM-Bold);
  color: #2f1d66;
  /* font-size: 3.5rem;*/
  font-size: 2.48vw;
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
    .instalaciones .contenido-pagina .seccionGaleria h2 {
  font-size: 3.5rem;
}
}
.instalaciones .contenido-pagina .seccionTres {
  width: 100%;
  height: 45rem;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #b60028;
  background-image: url("assets/img/fondo-rojo.png");
  background-repeat: no-repeat;
  background-size: 300%; /* Ajusta la imagen para cubrir todo el fondo */
  background-position: center bottom;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionTres {
    text-align: inherit;
    background-size: 100%; /* Ajusta la imagen para cubrir todo el fondo */
  }
}
.instalaciones .contenido-pagina .seccionTres h2 {
  padding-top: 5rem;
  font-family: var(--REM-Bold);
  /*font-size: 2.5rem;*/
    font-size: 1.77vw;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionTres h2 {
    padding-top: 10rem;
    /*font-size: 4rem;*/
    font-size: 2.832vw;
  }
}
@media (max-width: 1024px) {
  .instalaciones .contenido-pagina .seccionTres h2 {
    font-size: 2.5rem;
  }
}
.instalaciones .contenido-pagina .seccionTres p {
  width: 90%;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.4;
  margin-bottom: 7rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionTres p {
    width: 45%;
  }
}
@media (max-width: 1024px) {
  .instalaciones .contenido-pagina .seccionTres p {
   font-size: 1.4rem;
  }
}
.instalaciones .contenido-pagina .seccionTres .boton .boton-rojo {
  /*font-size: 1rem;*/
  font-size: 0.708vw;
}
@media (min-width: 1024px) {
  .instalaciones .contenido-pagina .seccionTres .boton .boton-rojo {
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  .instalaciones .contenido-pagina .seccionTres .boton .boton-rojo {
font-size: 1rem;
  }
}
.instalaciones .contenido-pagina .seccionTres .boton .boton-rojo:hover {
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
  color: #b60028;
  background-color: #ffffff;
}
/******************************************************************* FOTTER */
footer {
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #ffd42a;
}

footer .cont-info-footer {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  margin: 5rem auto;
  flex-direction: column;
}
footer .cont-info-footer:nth-child(1) {
}
@media (min-width: 1024px) {
  footer .cont-info-footer {
    flex-direction: row;
  }
}
footer .cont-info-footer .info-footer {
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-footer {
    width: 40%;
  }
}
footer .cont-info-footer .info-footer .imagen {
  width: 60%;
  height: auto;
  margin: 0 auto 5rem auto;
}
@media (min-width: 800px) {
  footer .cont-info-footer .info-footer .imagen {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-footer .imagen {
    width: 60%;
  }
}
footer .cont-info-footer .info-footer .imagen img {
  width: 100%;
  height: 100%;
}
footer .cont-info-footer .info-footer p {
  width: 80%;
  margin: 0 auto;
  color: #2f1d66;
  font-family: var(--Montserrat-Regular);
  line-height: 1.5;
  margin-bottom: 3rem;
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-footer p {
    width: 75%;
    margin-left: 14%;
    /*font-size: 1.8rem;*/
    font-size: 1.274vw;
  }
}
@media (max-width: 1024px) {
  footer .cont-info-footer .info-footer p {
font-size: 1.4rem;
  }
}
footer .cont-info-footer .info-footer .footer-redes {
  display: none;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-footer .footer-redes {
    display: block;
  }
}
footer .cont-info-footer .info-footer .footer-redes .menu {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5rem;
}

footer
  .cont-info-footer
  .info-footer
  .footer-redes
  .menu
  .icon-facebook-footer {
  background-color: #2f1d66;
  padding: 0.1rem 0.4rem;
  border-radius: 90%;
}
footer
  .cont-info-footer
  .info-footer
  .footer-redes
  .menu
  .icon-facebook-footer
  a {
  /*font-size: 3rem;*/
    font-size: 2.124vw;
}
footer
  .cont-info-footer
  .info-footer
  .footer-redes
  .menu
  .icon-instagram-footer
  a {
  /*font-size: 4rem;*/
    font-size: 2.832vw;
}

/* footer redes movil */
footer .cont-info-footer .footer-redes-movil {
  display: block;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .footer-redes-movil {
    display: none;
  }
}
footer .cont-info-footer .footer-redes-movil .menu {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5rem;
}

footer .cont-info-footer .footer-redes-movil .menu .icon-facebook-footer {
  background-color: #2f1d66;
  padding: 0.1rem 0.4rem;
  border-radius: 90%;
}
footer .cont-info-footer .footer-redes-movil .menu .icon-facebook-footer a {
  /*font-size: 3rem;*/
    font-size: 2.124vw;
}
footer .cont-info-footer .footer-redes-movil .menu .icon-instagram-footer a {
  /*font-size: 4rem;*/
    font-size: 2.832vw;
}
@media (max-width: 1024px) {
footer .cont-info-footer .footer-redes-movil .menu .icon-facebook-footer a {
  font-size: 3rem;
}
footer .cont-info-footer .footer-redes-movil .menu .icon-instagram-footer a {
  font-size: 4rem;
}
    
}

footer .cont-info-footer .info-contactanos {
  width: 80%;
  margin-left: 7%;
  height: auto;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-contactanos {
    width: 40%;
    margin-left: inherit;
  }
}
footer .cont-info-footer .info-contactanos h4 {
  font-family: var(--Montserrrat-Bold-Italic);
  /*font-size: 3rem;*/
    font-size: 2.124vw;
  color: #2f1d66;
  margin: 3rem 0;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-contactanos h4 {
   /*font-size: 2.5rem;*/
    font-size: 1.77vw;
  }
}
@media (max-width: 1024px) {
  footer .cont-info-footer .info-contactanos h4 {
   font-size: 3rem;
  }
}
footer .cont-info-footer .info-contactanos .contacto {
  width: 100%;
  margin-bottom: 5rem;
  color: #2f1d66;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-contactanos .contacto {
    width: 30%;
    /*font-size: 1.7rem;*/
    font-size: 1.2vw;
  }
}
@media (max-width: 1024px) {
  footer .cont-info-footer .info-contactanos .contacto {
    font-size: 1.4rem;
  }
}
footer .cont-info-footer .info-contactanos .contacto label {
  display: block;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-contactanos .contacto label {
    display: inherit;
  }
}
footer .cont-info-footer .info-contactanos .contacto a {
  /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-contactanos .contacto a {
    /*font-size: 1.7rem;*/
    font-size: 1.2vw;
  }
}
@media (max-width: 1024px) {
  footer .cont-info-footer .info-contactanos .contacto a {
    font-size: 1.4rem;
  }
}
footer .cont-info-footer .info-contactanos .contacto a:hover {
  color: white;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
footer .cont-info-footer .info-contactanos .footer-contacto .menu {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-contactanos .footer-contacto .menu {
    flex-direction: column;
  }
}
footer .cont-info-footer .info-contactanos .footer-contacto .menu li {
  margin-bottom: 2rem;
}
footer .cont-info-footer .info-contactanos .footer-contacto .menu li a {
  color: #2f1d66;
  font-family: var(--Montserrat-Regular);
  /*font-size: 1.1rem;*/
  font-size: 0.78vw;
}
@media (min-width: 1024px) {
  footer .cont-info-footer .info-contactanos .footer-contacto .menu li a {
  }
}
@media (max-width: 1024px) {
  footer .cont-info-footer .info-contactanos .footer-contacto .menu li a {
  font-size: 1.1rem;
      
  }
}
footer .cont-info-footer .info-contactanos .footer-contacto .menu li a:hover {
  color: white;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
footer .footer-privacidad {
  width: 100%;
  height: 13rem;
  background-color: #2f1d66;
  display: flex;
  color: #f2f2f2;
  font-family: var(--Montserrat-Regular);
  align-items: center;
  font-size: 1rem;
  flex-direction: column;
  justify-content: center;
}
footer .footer-privacidad .copyright {
  width: 80%;
  display: block;
  order: 2;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
  text-align: center;
}
@media (min-width: 1024px) {
  footer .footer-privacidad .copyright {
    width: inherit;
    display: inline-block;
    order: inherit;
    text-align: inherit;
    /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  }
}
@media (max-width: 1024px) {
  footer .footer-privacidad .copyright {
    font-size: 1.3rem;
  }
}
footer .footer-privacidad .politica-flex {
  width: 100%;
  display: block;
  text-align: center;
  margin: 2rem 0;
}
@media (min-width: 1024px) {
  footer .footer-privacidad .politica-flex {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0rem 0;
  }
}

footer .footer-privacidad .politica-flex a {
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
}

@media (min-width: 1024px) {
  footer .footer-privacidad {
    height: 5rem;
    width: 100%;
    background-color: #2f1d66;
    display: flex;
    color: #f2f2f2;
    font-family: var(--Montserrat-Regular);
    align-items: center;
    font-size: 1rem;
    flex-direction: row;
    justify-content: space-around;
  }
  footer .footer-privacidad .politica-flex a {
    /*font-size: 1.4rem;*/
  font-size: 0.99vw;
  }
}

footer .footer-privacidad p {
  margin: 0 20% 0 13%;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
}
footer .footer-privacidad a {
  color: #f2f2f2;
  margin: 0 10% 0 0;
  /*font-size: 1.3rem;*/
  font-size: 0.92vw;
}
footer .footer-privacidad a:hover {
  color: #ffd42a;
  transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1024px) {
footer .footer-privacidad .politica-flex a {
  font-size: 1.3rem;
}
footer .footer-privacidad p {
  font-size: 1.3rem;
}
footer .footer-privacidad a {
  font-size: 1.3rem;
}
}
/* **************************** MENU MOVIL */
.menu-movil {
  width: 100%;
  height: auto;
  background-color: #2f1d660a;
  transition: background-color 1s ease;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  -ms-transition: background-color 1s ease;
  -o-transition: background-color 1s ease;
  overflow: hidden;
  z-index: 100;
  position: fixed;
}
.menu-movil .header-movil {
  width: 100%;
  padding: 1rem 0;
  height: 10rem;
}
.menu-movil .header-movil .flex-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.menu-movil .header-movil .logotipo-movil {
  width: 30%;
  height: 30%;
}
@media (min-width: 768px) {
  .menu-movil .header-movil .logotipo-movil {
    width: 30%;
    height: 55%;
  }
}
.menu-movil .header-movil .logotipo-movil img {
  width: 100%;
  height: 100%;
  margin-left: 3rem;
  opacity: 0;
}
.menu-movil .header-movil .hamburger {
  float: right;
  margin-right: 3rem;
  width: 4rem;
  height: 4rem;
}
.menu-movil .header-movil .flex-cont .hamburger .iconHamburger::before {
  font-family: "dashicons";
  font-size: 4rem;
   /*font-size: 2.832vw;*/ /* Tamaño del icono */
  content: "\f333"; /* Código de Unicode del icono que deseas usar */
  color: #f2f2f2;
}
.menu-movil
  .header-movil
  .flex-cont
  .hamburger
  .iconHamburgerSecundario::before {
  font-family: "dashicons";
  font-size: 4rem;
    /*font-size: 2.832vw;*/ /* Tamaño del icono */
  content: "\f333"; /* Código de Unicode del icono que deseas usar */
  color: #2f1d66;
}

.menu-movil .header-movil .hamburger img {
  width: 100%;
  height: 100%;
}
.contenedor-nav-movil {
  width: 100%;
  height: 0rem;
  overflow-y: auto;
  display: block;
  text-align: right;
  transition: height 1s ease;
  background-color: #ffd42a;
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
  position: relative;
  z-index: 100;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE y Edge */
}
.contenedor-nav-movil .contScroll {
  width: 100%;
  height: 70rem;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE y Edge */
}
.menu-movil .mostrarPrincipalMovil {
  height: 100vh;
  transition: height 1s ease;
}
.menu-movil .menu-principal-movil ul li {
  font-family: var(--Montserrrat-Bold);
  margin: 4rem 3rem 4rem 0;
  transform: translateX(100%);
  transition: transform 1s ease;
}
.menu-movil .menu-principal-movil ul .mostrarli {
  transform: translateX(0%);
  transition: transform 1s ease;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
}
.menu-movil .menu-principal-movil ul .menu-item-526::before {
  content: "<";
  margin-right: 0.5rem;
  display: inline-block;
  transform: rotate(-90deg); /* Rotación de 45 grados */
}
.menu-movil .menu-principal-movil ul .menu-item-597::before {
  content: "<";
  margin-right: 0.5rem;
  display: inline-block;
  transform: rotate(-90deg); /* Rotación de 45 grados */
}

.menu-movil .menu-principal-movil ul li a {
   font-size: 1.6rem;
  /*font-size: 1.132vw;*/
  color: #2f1d66;
}
.menu-movil .menu-principal-movil ul li .sub-menu {
  margin-right: -3rem;
  height: 0px;
  transition: height 1s ease;
  overflow: hidden;
}
.menu-movil .menu-principal-movil ul li .sub-menu li a {
  font-size: 1.3rem;
  /*font-size: 0.92vw;*/
  font-family: var(--Montserrat-Regular);
}
.menu-movil .menu-principal-movil ul li .mostrarSubmenuMovil {
  margin-right: -3rem;
  height: 27rem;
  transition: height 1s ease;
}
.menu-movil .menu-principal-movil ul li .mostrarSubmenuMovil li {
  font-family: var(--Montserrat-Regular);
}
.menu-movil .menu-principal-movil ul li .mostrarSubmenuMovil li a {
  font-size: 1.4rem;
  color: #2f1d66;
}
/* menu movil paginas */
.menu-movil .header-movil-paginas {
  width: 100%;
  padding: 1rem 0;
  height: 10rem;
}
.menu-movil .header-movil-paginas .flex-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-movil .header-movil-paginas .logotipo-movil {
  width: 25%;
  height: 7rem;
}

.menu-movil .header-movil-paginas .logotipo-movil img {
  width: 100%;
  height: 100%;
  margin-left: 3rem;
  opacity: 0;
}
.menu-movil .header-movil-paginas .hamburger {
  float: right;
  margin-right: 3rem;
  width: 4rem;
  height: 4rem;
}
.menu-movil .header-movil-paginas .flex-cont .hamburger .iconHamburger::before {
  font-family: "dashicons";
  font-size: 4rem;
    /*font-size: 2.832vw;*/ /* Tamaño del icono */
  content: "\f333"; /* Código de Unicode del icono que deseas usar */
  color: #f2f2f2;
}
.menu-movil
  .header-movil-paginas
  .flex-cont
  .hamburger
  .iconHamburgerSecundario::before {
  font-family: "dashicons";
  font-size: 4rem;
/*    font-size: 2.832vw;*/ /* Tamaño del icono */
  content: "\f333"; /* Código de Unicode del icono que deseas usar */
  color: #2f1d66;
}
.menu-movil .header-movil-paginas .hamburger img {
  width: 100%;
  height: 100%;
}