@charset "UTF-8";
section {
  position: relative;
  z-index: 1;
}
section#banner-hero {
  height: calc(100vh - var(--header-h));
  min-height: calc(100vh - var(--header-h));
  position: relative;
  z-index: 1;
}
@media (max-width: 870px) {
  section#banner-hero {
    height: calc(95vh - var(--header-h));
    min-height: calc(95vh - var(--header-h));
  }
}
section#banner-hero .imagen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section#banner-hero .imagen::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 65% 45%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 2;
}
section#banner-hero .imagen picture {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
section#banner-hero .imagen picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section#banner-hero .contenedor {
  position: relative;
  z-index: 2;
}
section#banner-hero .contenedor .contenido {
  width: 35rem;
  max-width: 100%;
}
@media (max-width: 780px) {
  section#banner-hero .contenedor .contenido {
    justify-content: flex-end;
  }
}
section#banner-hero .contenedor .contenido h1 {
  color: #eeeeee;
  font-size: 2.8rem;
  font-weight: bold;
  text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}
@media (max-width: 780px) {
  section#banner-hero .contenedor .contenido h1 {
    font-size: 2.3rem;
    line-height: 1;
  }
}
section#banner-hero .contenedor .contenido p {
  font-size: 1rem;
  color: #eeeeee;
}
section#banner-hero .contenedor .contenido .botones {
  margin-top: 1rem;
}
@media (max-width: 780px) {
  section#banner-hero .contenedor .contenido .botones {
    flex-direction: column;
  }
}
@media (max-width: 780px) {
  section#banner-hero .contenedor .contenido .botones a {
    width: 100%;
    text-align: center;
  }
}
section#banner-hero .contenedor .contenido .botones a.oro {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section#banner-hero .contenedor .contenido .botones a.oro:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#banner-hero .contenedor .contenido .botones a.trans {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid #eeeeee;
  background-color: transparent;
  color: #eeeeee;
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section#banner-hero .contenedor .contenido .botones a.trans:hover {
  border-color: color(display-p3 0.12 0.35 0.33);
  background-color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem;
  color: #eeeeee;
}
section#consultoria {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
}
section#consultoria .contenedor > .info {
  border-radius: 2rem;
  padding: 3rem;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40rem;
}
@media (max-width: 1200px) {
  section#consultoria .contenedor > .info {
    grid-template-columns: minmax(0, 1fr) 28rem;
    padding: 1.5rem;
  }
}
@media (max-width: 1024px) {
  section#consultoria .contenedor > .info {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: color(display-p3 0.89 0.78 0.36);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    border-radius: 5rem 5rem 5rem 0;
  }
}
@media (max-width: 780px) {
  section#consultoria .contenedor > .info {
    border-radius: 3rem 3rem 3rem 0;
  }
}
section#consultoria .contenedor > .info .fondo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
}
@media (max-width: 1024px) {
  section#consultoria .contenedor > .info .fondo {
    display: none;
  }
}
section#consultoria .contenedor > .info .info-titulo {
  position: relative;
  z-index: 2;
  padding: 1.5rem 2.3rem;
  max-width: 97%;
}
@media (max-width: 780px) {
  section#consultoria .contenedor > .info .info-titulo {
    padding: 0;
  }
}
section#consultoria .contenedor > .info .info-titulo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 127%;
  background-color: color(display-p3 0.89 0.78 0.36);
  z-index: 1;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  border-radius: 5rem 5rem 5rem 0;
}
@media (max-width: 1024px) {
  section#consultoria .contenedor > .info .info-titulo::before {
    display: none;
  }
}
section#consultoria .contenedor > .info .info-titulo h2 {
  position: relative;
  z-index: 2;
  font-size: 2.5rem;
  font-weight: bold;
  color: color(display-p3 0.12 0.35 0.33);
  width: 25rem;
  max-width: 100%;
}
@media (max-width: 780px) {
  section#consultoria .contenedor > .info .info-titulo h2 {
    font-size: 1.5rem;
  }
}
section#consultoria .contenedor > .info .info-titulo__contenido {
  position: relative;
  z-index: 2;
}
section#consultoria .contenedor > .info .info-titulo__contenido * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#consultoria .contenedor > .info .info-titulo__contenido .has-text-align-center {
  text-align: center;
}
section#consultoria .contenedor > .info .info-titulo__contenido p {
  margin: 0.5rem 0;
}
section#consultoria .contenedor > .info .info-titulo__contenido strong,
section#consultoria .contenedor > .info .info-titulo__contenido b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section#consultoria .contenedor > .info .info-titulo__contenido h1,
section#consultoria .contenedor > .info .info-titulo__contenido h2,
section#consultoria .contenedor > .info .info-titulo__contenido h3,
section#consultoria .contenedor > .info .info-titulo__contenido h4, section#consultoria .contenedor > .info .info-titulo__contenido > strong {
  font-size: 1.563rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section#consultoria .contenedor > .info .info-titulo__contenido h1 strong,
section#consultoria .contenedor > .info .info-titulo__contenido h2 strong,
section#consultoria .contenedor > .info .info-titulo__contenido h3 strong,
section#consultoria .contenedor > .info .info-titulo__contenido h4 strong, section#consultoria .contenedor > .info .info-titulo__contenido > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 1.563rem;
  font-weight: 800;
}
section#consultoria .contenedor > .info .info-titulo__contenido h2,
section#consultoria .contenedor > .info .info-titulo__contenido h3,
section#consultoria .contenedor > .info .info-titulo__contenido h4 {
  margin: 1rem 0;
}
section#consultoria .contenedor > .info .info-titulo__contenido ul li,
section#consultoria .contenedor > .info .info-titulo__contenido ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#consultoria .contenedor > .info .info-titulo__contenido ul li::marker,
section#consultoria .contenedor > .info .info-titulo__contenido ol li::marker {
  color: #495f77;
}
section#consultoria .contenedor > .info .info-titulo__contenido ol li {
  list-style-type: decimal;
}
section#consultoria .contenedor > .info .info-titulo__contenido > ul, section#consultoria .contenedor > .info .info-titulo__contenido > ol {
  padding: 0.5rem 0;
}
section#consultoria .contenedor > .info .info-titulo__contenido > ul ol li,
section#consultoria .contenedor > .info .info-titulo__contenido > ul ul li, section#consultoria .contenedor > .info .info-titulo__contenido > ol ol li,
section#consultoria .contenedor > .info .info-titulo__contenido > ol ul li {
  padding: 0;
}
section#consultoria .contenedor > .info .info-titulo__contenido > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#consultoria .contenedor > .info .info-titulo__contenido img {
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 780px) {
  section#consultoria .contenedor > .info .info-titulo__contenido img {
    border-radius: 0.8rem;
  }
}
section#consultoria .contenedor > .info .info-titulo__contenido > .wp-video, section#consultoria .contenedor > .info .info-titulo__contenido > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#consultoria .contenedor > .info .info-titulo__contenido > .wp-video .mejs-container, section#consultoria .contenedor > .info .info-titulo__contenido > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#consultoria .contenedor > .info .info-titulo__contenido > .wp-video .mejs-container video, section#consultoria .contenedor > .info .info-titulo__contenido > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#consultoria .contenedor > .info .info-titulo__contenido > .wp-video .mejs-overlay, section#consultoria .contenedor > .info .info-titulo__contenido > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#consultoria .contenedor > .info .info-titulo__contenido > .wp-video .mejs-overlay-button, section#consultoria .contenedor > .info .info-titulo__contenido > video .mejs-overlay-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section#consultoria .contenedor > .info .info-titulo__contenido > .wp-video .mejs-controls, section#consultoria .contenedor > .info .info-titulo__contenido > video .mejs-controls {
  opacity: 1;
}
section#consultoria .contenedor > .info .info-titulo__contenido > .wp-video .mejs-controls:has(.mejs-play), section#consultoria .contenedor > .info .info-titulo__contenido > video .mejs-controls:has(.mejs-play) {
  display: none;
}
@media (max-width: 1024px) {
  section#consultoria .contenedor > .info .info-titulo > a {
    display: flex;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: 1px solid color(display-p3 0.12 0.35 0.33);
    background-color: color(display-p3 0.12 0.35 0.33);
    color: #eeeeee;
    border-radius: 3rem 3rem 0 3rem;
    transition: all 0.5s ease;
  }
  section#consultoria .contenedor > .info .info-titulo > a:hover {
    border-color: color(display-p3 0.12 0.35 0.33);
    background-color: color(display-p3 0.12 0.35 0.33);
    border-radius: 3rem;
    color: #eeeeee;
  }
  section#consultoria .contenedor > .info .info-titulo > a {
    width: -moz-fit-content;
    width: fit-content;
  }
}
section#consultoria .contenedor > .info .info-img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 110%;
  width: auto;
  z-index: 2;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right bottom;
     object-position: right bottom;
}
@media (max-width: 1200px) {
  section#consultoria .contenedor > .info .info-img {
    width: 32rem;
  }
}
@media (max-width: 1024px) {
  section#consultoria .contenedor > .info .info-img {
    display: none;
  }
}
@media (max-width: 870px) {
  section#consultoria .contenedor .lista {
    flex-direction: column;
    gap: 0.5rem;
  }
}
section#consultoria .contenedor .lista a {
  position: relative;
  border-radius: 1.5rem 1.5rem 0 1.5rem;
  overflow: hidden;
  width: calc(40% - 0.5rem);
  min-height: 19rem;
  background-color: #161719;
  display: flex;
  align-items: flex-end;
  transition: all 0.3s ease;
}
@media (max-width: 870px) {
  section#consultoria .contenedor .lista a {
    width: 100%;
  }
}
section#consultoria .contenedor .lista a:nth-child(1), section#consultoria .contenedor .lista a:nth-child(4), section#consultoria .contenedor .lista a:nth-child(5) {
  width: calc(60% - 0.5rem);
}
@media (max-width: 870px) {
  section#consultoria .contenedor .lista a:nth-child(1), section#consultoria .contenedor .lista a:nth-child(4), section#consultoria .contenedor .lista a:nth-child(5) {
    width: 100%;
  }
}
section#consultoria .contenedor .lista a img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  opacity: 0.2;
  transition: all 0.3s ease;
  z-index: 1;
}
section#consultoria .contenedor .lista a .info {
  background: linear-gradient(to bottom, transparent 0, #000000 100%);
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  padding-top: 2rem;
  position: relative;
  z-index: 2;
}
section#consultoria .contenedor .lista a .info h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #eeeeee;
  margin-bottom: 0.5rem;
}
section#consultoria .contenedor .lista a .info p {
  color: #eeeeee;
}
section#consultoria .contenedor .lista a .info span {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  padding: 0;
  transition: all 0.3s ease;
  color: color(display-p3 0.89 0.78 0.36);
}
section#consultoria .contenedor .lista a .info span svg {
  opacity: 0;
  transition: all 0.3s ease;
}
@media (max-width: 870px) {
  section#consultoria .contenedor .lista a {
    border-radius: 1.5rem;
  }
  section#consultoria .contenedor .lista a img {
    opacity: 1;
    transform: scale(1.15);
  }
  section#consultoria .contenedor .lista a .info span {
    padding-top: 1rem;
    opacity: 1;
    max-height: 30rem;
  }
  section#consultoria .contenedor .lista a .info span svg {
    opacity: 1;
    transform: translateX(1rem);
  }
}
section#consultoria .contenedor .lista a:hover {
  border-radius: 1.5rem;
}
section#consultoria .contenedor .lista a:hover img {
  opacity: 1;
  transform: scale(1.15);
}
section#consultoria .contenedor .lista a:hover .info span {
  padding-top: 1rem;
  opacity: 1;
  max-height: 30rem;
}
section#consultoria .contenedor .lista a:hover .info span svg {
  opacity: 1;
  transform: translateX(1rem);
}
section#circle_section {
  /* 'Escenario' donde se ve crecer el círculo (es position:fixed).
     Antes eran 40vh (hueco en blanco enorme). Lo reducimos para minimizar el vacío,
     PERO necesita altura suficiente para que el círculo crezca DEBAJO del contenido
     de #consultoria y no tape su título.
     Regla: más alto = título más seguro / menos riesgo de taparlo; más bajo = menos
     espacio en blanco. Ajusta este valor a gusto. */
  height: 9vh;
  min-height: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 870px) {
  section#circle_section {
    height: 16vh;
  }
}
section#circle_section .circle {
  position: fixed;
  /* Estado inicial = inicio de la animación GSAP (fuera de pantalla).
     Antes tenía top:40vh y width:100vw → se veía como franja verde al cargar. */
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: color(display-p3 0.12 0.35 0.33);
  top: 100vh;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 20;
  will-change: transform, width, height;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
section#presentacion {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
  overflow: hidden;
  /* color de la sección y del semicírculo reveal */
  --presentacion-mask-bg: m.$colorSecondary;
  background-color: color(display-p3 0.12 0.35 0.33);
  /* Separación del título respecto al tope cuando la sección está 'clavada'
     (pin). Como el header es fixed, sumamos su alto para que el título no
     quede pegado al header. Sube/baja este valor para ajustar el aire. */
  --ti-titulo-top: calc(var(--header-h, 0px) - 3rem);
  /* En móvil el viewport es más bajo: ese mismo colchón empuja el título hacia
     las cards y chocan. Lo reducimos para que el título suba y libere espacio.
     El max() evita que se meta debajo del header. Sube/baja el -3rem a gusto. */
}
@media (max-width: 870px) {
  section#presentacion {
    --ti-titulo-top: max(0.5rem, calc(var(--header-h, 0px) - 1.5rem));
  }
}
section#presentacion > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.4;
  z-index: 1;
}
section#presentacion .contenedor {
  position: relative;
  z-index: 2;
}
section#presentacion .contenedor .titulo {
  position: absolute;
  top: var(--ti-titulo-top, 0px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  pointer-events: none;
}
section#presentacion .contenedor .titulo * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#presentacion .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#presentacion .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#presentacion .contenedor .titulo strong,
section#presentacion .contenedor .titulo b {
  color: color(display-p3 0.89 0.78 0.36);
  font-weight: 800;
}
section#presentacion .contenedor .titulo h1,
section#presentacion .contenedor .titulo h2,
section#presentacion .contenedor .titulo h3,
section#presentacion .contenedor .titulo h4, section#presentacion .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.89 0.78 0.36);
}
section#presentacion .contenedor .titulo h1 strong,
section#presentacion .contenedor .titulo h2 strong,
section#presentacion .contenedor .titulo h3 strong,
section#presentacion .contenedor .titulo h4 strong, section#presentacion .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#presentacion .contenedor .titulo h2,
section#presentacion .contenedor .titulo h3,
section#presentacion .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#presentacion .contenedor .titulo ul li,
section#presentacion .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#presentacion .contenedor .titulo ul li::marker,
section#presentacion .contenedor .titulo ol li::marker {
  color: #eeeeee;
}
section#presentacion .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#presentacion .contenedor .titulo > ul, section#presentacion .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#presentacion .contenedor .titulo > ul ol li,
section#presentacion .contenedor .titulo > ul ul li, section#presentacion .contenedor .titulo > ol ol li,
section#presentacion .contenedor .titulo > ol ul li {
  padding: 0;
}
section#presentacion .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#presentacion .contenedor .titulo img {
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 780px) {
  section#presentacion .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#presentacion .contenedor .titulo > .wp-video, section#presentacion .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#presentacion .contenedor .titulo > .wp-video .mejs-container, section#presentacion .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#presentacion .contenedor .titulo > .wp-video .mejs-container video, section#presentacion .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#presentacion .contenedor .titulo > .wp-video .mejs-overlay, section#presentacion .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#presentacion .contenedor .titulo > .wp-video .mejs-overlay-button, section#presentacion .contenedor .titulo > video .mejs-overlay-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section#presentacion .contenedor .titulo > .wp-video .mejs-controls, section#presentacion .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#presentacion .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#presentacion .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#presentacion .contenedor .titulo {
  width: 45rem;
  max-width: 100%;
}
@media (max-width: 780px) {
  section#presentacion .contenedor .titulo * {
    color: #eeeeee;
    font-weight: 100;
    line-height: 130%;
    font-size: 1rem;
  }
  section#presentacion .contenedor .titulo .has-text-align-center {
    text-align: center;
  }
  section#presentacion .contenedor .titulo p {
    margin: 0.5rem 0;
  }
  section#presentacion .contenedor .titulo strong,
  section#presentacion .contenedor .titulo b {
    color: color(display-p3 0.89 0.78 0.36);
    font-weight: 800;
  }
  section#presentacion .contenedor .titulo h1,
  section#presentacion .contenedor .titulo h2,
  section#presentacion .contenedor .titulo h3,
  section#presentacion .contenedor .titulo h4, section#presentacion .contenedor .titulo > strong {
    font-size: 1.875rem;
    font-weight: 800;
    color: color(display-p3 0.89 0.78 0.36);
  }
  section#presentacion .contenedor .titulo h1 strong,
  section#presentacion .contenedor .titulo h2 strong,
  section#presentacion .contenedor .titulo h3 strong,
  section#presentacion .contenedor .titulo h4 strong, section#presentacion .contenedor .titulo > strong strong {
    color: color(display-p3 0.09 0.5 0.44);
    font-size: 1.875rem;
    font-weight: 800;
  }
  section#presentacion .contenedor .titulo h2,
  section#presentacion .contenedor .titulo h3,
  section#presentacion .contenedor .titulo h4 {
    margin: 1rem 0;
  }
  section#presentacion .contenedor .titulo ul li,
  section#presentacion .contenedor .titulo ol li {
    list-style-type: disc;
    margin-left: 1.5rem;
  }
  section#presentacion .contenedor .titulo ul li::marker,
  section#presentacion .contenedor .titulo ol li::marker {
    color: #eeeeee;
  }
  section#presentacion .contenedor .titulo ol li {
    list-style-type: decimal;
  }
  section#presentacion .contenedor .titulo > ul, section#presentacion .contenedor .titulo > ol {
    padding: 0.5rem 0;
  }
  section#presentacion .contenedor .titulo > ul ol li,
  section#presentacion .contenedor .titulo > ul ul li, section#presentacion .contenedor .titulo > ol ol li,
  section#presentacion .contenedor .titulo > ol ul li {
    padding: 0;
  }
  section#presentacion .contenedor .titulo > p:has(img) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  section#presentacion .contenedor .titulo img {
    width: 50%;
    height: auto;
    aspect-ratio: 16/9;
    max-width: 100%;
    border-radius: 1.5rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 780px) and (max-width: 780px) {
  section#presentacion .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
@media (max-width: 780px) {
  section#presentacion .contenedor .titulo > .wp-video, section#presentacion .contenedor .titulo > video {
    width: 100% !important;
    height: auto;
    aspect-ratio: 15/8.25;
    border-radius: 1rem;
    overflow: hidden;
  }
  section#presentacion .contenedor .titulo > .wp-video .mejs-container, section#presentacion .contenedor .titulo > video .mejs-container {
    width: 100% !important;
    height: 100% !important;
  }
  section#presentacion .contenedor .titulo > .wp-video .mejs-container video, section#presentacion .contenedor .titulo > video .mejs-container video {
    width: 100% !important;
    height: 100% !important;
  }
  section#presentacion .contenedor .titulo > .wp-video .mejs-overlay, section#presentacion .contenedor .titulo > video .mejs-overlay {
    background: linear-gradient(45deg, black, transparent);
  }
  section#presentacion .contenedor .titulo > .wp-video .mejs-overlay-button, section#presentacion .contenedor .titulo > video .mejs-overlay-button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  section#presentacion .contenedor .titulo > .wp-video .mejs-controls, section#presentacion .contenedor .titulo > video .mejs-controls {
    opacity: 1;
  }
  section#presentacion .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#presentacion .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
    display: none;
  }
  section#presentacion .contenedor .titulo h2 {
    line-height: 1;
  }
}
section#presentacion .contenedor .titulo p strong {
  color: #eeeeee;
}
@media (max-width: 870px) {
  section#presentacion .contenedor .titulo p {
    display: none;
  }
}
section#presentacion {
  /* Carousel / tarjetas apiladas */
}
section#presentacion .lista {
  position: relative;
  z-index: 2;
  width: min(65rem, 90%);
  margin: 0 auto;
  height: 100dvh;
  max-height: 100dvh;
  opacity: 0;
  /* Variables que el JS aplica a cada .item.
     Escritorio: cards casi centradas, con un colchón de 3rem bajo el título
     (evita el choque en Safari, que renderiza header/título más altos).
     Móvil: las bajamos un poco (espacio bajo el título) y las corremos a la
     derecha para dejar un carril a la izquierda con los puntitos. */
  --ti-card-top: calc(50% + 5rem);
  --ti-card-left: 0;
  --ti-card-width: 100%;
  /* En laptops/monitores de poco alto, el título ocupa buena parte del
     viewport y la card (centrada al 50%) se le acerca hasta chocar. Como el
     problema depende del ALTO (no del ancho), usamos media queries por
     altura para empujar la card más abajo y mantener el aire bajo el título.
     En pantallas altas no aplican, así que ahí queda igual. Ajusta los rem
     si quieres más/menos separación. */
}
@media (max-height: 900px) {
  section#presentacion .lista {
    --ti-card-top: calc(50% + 5rem);
  }
}
@media (max-height: 800px) {
  section#presentacion .lista {
    --ti-card-top: calc(50% + 7rem);
  }
}
@media (max-height: 700px) {
  section#presentacion .lista {
    --ti-card-top: calc(50% + 9rem);
  }
}
@media (max-width: 870px) {
  section#presentacion .lista {
    width: min(30rem, 95%);
    --ti-card-top: calc(50% + 3.5rem);
    --ti-card-left: 1rem;
    --ti-card-width: calc(100% - 1rem);
  }
}
section#presentacion .lista .item {
  position: absolute;
  width: 80%;
  height: 20rem !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30rem;
  gap: 0;
  padding: 0;
  background-color: color(display-p3 0.09 0.5 0.44);
  border-radius: 1rem 1rem 0 1rem;
  overflow: hidden;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18);
}
@media (max-width: 870px) {
  section#presentacion .lista .item {
    display: flex;
    flex-direction: column;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
section#presentacion .lista .item .contenido {
  width: 100%;
  min-width: 320px;
  padding: 1.5rem;
  z-index: 3; /* por encima de la semicircunferencia */
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.08) 100%);
}
@media (max-width: 870px) {
  section#presentacion .lista .item .contenido {
    padding: 40px 20px;
  }
  section#presentacion .lista .item .contenido .contenido_p {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  section#presentacion .lista .item .contenido .contenido_p h3 {
    padding: 0;
  }
  section#presentacion .lista .item .contenido .contenido_p p {
    padding: 0;
  }
}
section#presentacion .lista .item .contenido::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 80%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQzIiBoZWlnaHQ9IjI0NSIgdmlld0JveD0iMCAwIDI0MyAyNDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTIzMy42MjYgMTcxLjY5MkMyMjcuODU4IDE4Ni44NDQgMjE5LjIwNSAxOTkuODMyIDIwOC4zODkgMjEwLjY1NUMxOTcuNTczIDIyMS40NzggMTg0LjU5MyAyMzAuMTM3IDE3MC4xNzIgMjM1LjkwOUMxNTUuNzUxIDI0MS42ODIgMTM5LjE2NiAyNDQuNTY4IDEyMS4xMzkgMjQ0LjU2OEMxMDMuMTEzIDI0NC41NjggODcuMjQ5MyAyNDEuNjgyIDcyLjEwNjggMjM1LjkwOUM1Ni45NjQ0IDIzMC4xMzcgNDQuNzA2MiAyMjEuNDc4IDMzLjg5MDIgMjEwLjY1NUMyMy4wNzQyIDE5OS44MzIgMTUuMTQyNCAxODYuODQ0IDguNjUyODEgMTcxLjY5MkMyLjg4NDI3IDE1Ni41MzkgLTkuMTQ2NTNlLTA2IDEzOS45NDQgLTEuMDc4NjZlLTA1IDEyMS4xODRDLTEuMjM2MzZlLTA1IDEwMy4xNDUgMi44ODQyNiA4Ni41NDk0IDguNjUyOCA3Mi4xMTg1QzE0LjQyMTMgNTYuOTY2IDIzLjA3NDIgNDQuNjk5OCAzMy44OTAyIDMzLjg3NjZDNDQuNzA2MiAyMy4wNTM0IDU3LjY4NTQgMTUuMTE2NCA3Mi4xMDY4IDguNjIyNDlDODcuMjQ5MiAyLjg1MDE0IDEwMy4xMTMgLTAuMDM2MDY1NSAxMjEuMTM5IC0wLjAzNjA2NzFMMTI5LjA3MSAtMC4wMzYwNjc4TDE4Ni4wMzYgLTAuMDM2MDcyOEwyNDMgLTAuMDM2MDc3OEwyNDMgMTIxLjE4NEMyNDIuMjc5IDEzOS45NDQgMjM5LjM5NSAxNTYuNTM5IDIzMy42MjYgMTcxLjY5MlpNMTg2LjAzNiAxMTYuODU0TDE4Ni4wMzYgNTMuMzU4M0wxMjkuMDcxIDUzLjM1ODNMMTIxLjEzOSA1My4zNTgzQzExMS43NjYgNTMuMzU4MyAxMDMuMTEzIDU0LjgwMTQgOTUuMTgxIDU4LjQwOTFDODcuMjQ5MiA2Mi4wMTY5IDgwLjc1OTYgNjYuMzQ2MSA3NC45OTExIDcyLjExODVDNjkuMjIyNSA3Ny44OTA5IDY0Ljg5NjEgODUuMTA2MyA2Mi4wMTE5IDkzLjc2NDlDNTkuMTI3NiAxMDIuNDIzIDU2Ljk2NDQgMTExLjA4MiA1Ni45NjQ0IDEyMS4xODRDNTYuOTY0NCAxMzEuMjg1IDU4LjQwNjUgMTQwLjY2NSA2Mi4wMTE5IDE0OS4zMjRDNjQuODk2MSAxNTcuOTgyIDY5LjIyMjUgMTY1LjE5OCA3NC45OTExIDE3MS42OTJDODAuNzU5NiAxNzguMTg2IDg3LjI0OTMgMTgyLjUxNSA5NS4xODEgMTg2LjEyM0MxMDMuMTEzIDE4OS43MyAxMTEuNzY2IDE5MS4xNzMgMTIxLjEzOSAxOTEuMTczQzEzMC41MTMgMTkxLjE3MyAxMzkuMTY2IDE4OS43MyAxNDcuMDk4IDE4Ni4xMjNDMTU1LjAzIDE4Mi41MTUgMTYxLjUxOSAxNzcuNDY0IDE2Ny4yODggMTcxLjY5MkMxNzMuMDU2IDE2NS4xOTggMTc3LjM4MyAxNTcuOTgyIDE4MC45ODggMTQ5LjMyNEMxODMuODcyIDE0MC42NjUgMTg2LjAzNiAxMzEuMjg1IDE4Ni4wMzYgMTIxLjE4NEwxODYuMDM2IDExNi44NTRaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjc4MF82MjQpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjc4MF82MjQiIHgxPSIxMjEuNSIgeTE9IjI0NC41NjgiIHgyPSIxMjEuNSIgeTI9Ii0wLjAzNjA2NzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VFRUVFRSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  z-index: 1;
}
section#presentacion .lista .item .contenido > span {
  color: #eeeeee;
  font-size: 1.125rem;
}
section#presentacion .lista .item .contenido_p * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.9375rem;
}
section#presentacion .lista .item .contenido_p .has-text-align-center {
  text-align: center;
}
section#presentacion .lista .item .contenido_p p {
  margin: 0.5rem 0;
}
section#presentacion .lista .item .contenido_p strong,
section#presentacion .lista .item .contenido_p b {
  color: #eeeeee;
  font-weight: 800;
}
section#presentacion .lista .item .contenido_p h1,
section#presentacion .lista .item .contenido_p h2,
section#presentacion .lista .item .contenido_p h3,
section#presentacion .lista .item .contenido_p h4, section#presentacion .lista .item .contenido_p > strong {
  font-size: 1.5625rem;
  font-weight: 800;
  color: #eeeeee;
}
section#presentacion .lista .item .contenido_p h1 strong,
section#presentacion .lista .item .contenido_p h2 strong,
section#presentacion .lista .item .contenido_p h3 strong,
section#presentacion .lista .item .contenido_p h4 strong, section#presentacion .lista .item .contenido_p > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 1.5625rem;
  font-weight: 800;
}
section#presentacion .lista .item .contenido_p h2,
section#presentacion .lista .item .contenido_p h3,
section#presentacion .lista .item .contenido_p h4 {
  margin: 1rem 0;
}
section#presentacion .lista .item .contenido_p ul li,
section#presentacion .lista .item .contenido_p ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#presentacion .lista .item .contenido_p ul li::marker,
section#presentacion .lista .item .contenido_p ol li::marker {
  color: #eeeeee;
}
section#presentacion .lista .item .contenido_p ol li {
  list-style-type: decimal;
}
section#presentacion .lista .item .contenido_p > ul, section#presentacion .lista .item .contenido_p > ol {
  padding: 0.5rem 0;
}
section#presentacion .lista .item .contenido_p > ul ol li,
section#presentacion .lista .item .contenido_p > ul ul li, section#presentacion .lista .item .contenido_p > ol ol li,
section#presentacion .lista .item .contenido_p > ol ul li {
  padding: 0;
}
section#presentacion .lista .item .contenido_p > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#presentacion .lista .item .contenido_p img {
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 780px) {
  section#presentacion .lista .item .contenido_p img {
    border-radius: 0.8rem;
  }
}
section#presentacion .lista .item .contenido_p > .wp-video, section#presentacion .lista .item .contenido_p > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#presentacion .lista .item .contenido_p > .wp-video .mejs-container, section#presentacion .lista .item .contenido_p > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#presentacion .lista .item .contenido_p > .wp-video .mejs-container video, section#presentacion .lista .item .contenido_p > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#presentacion .lista .item .contenido_p > .wp-video .mejs-overlay, section#presentacion .lista .item .contenido_p > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#presentacion .lista .item .contenido_p > .wp-video .mejs-overlay-button, section#presentacion .lista .item .contenido_p > video .mejs-overlay-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section#presentacion .lista .item .contenido_p > .wp-video .mejs-controls, section#presentacion .lista .item .contenido_p > video .mejs-controls {
  opacity: 1;
}
section#presentacion .lista .item .contenido_p > .wp-video .mejs-controls:has(.mejs-play), section#presentacion .lista .item .contenido_p > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#presentacion .lista .item .contenido_p * {
  padding: 0.3rem 0;
}
@media (max-width: 780px) {
  section#presentacion .lista .item .contenido_p h3 {
    font-size: 1.125rem;
    padding: 0.5rem 0;
    margin: 0;
  }
  section#presentacion .lista .item .contenido_p h3 strong {
    font-size: 1.125rem;
  }
  section#presentacion .lista .item .contenido_p p {
    margin: 0;
  }
}
section#presentacion .lista .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  flex-shrink: 0;
}
@media (max-width: 870px) {
  section#presentacion .lista .item img {
    height: 15rem;
    -o-object-position: bottom center;
       object-position: bottom center;
  }
}
section#presentacion {
  /* Paginador lateral */
}
section#presentacion .ti-presentacion-paginator {
  position: absolute;
  right: 2rem;
  left: -2rem;
  /* Centrado respecto a las CARDS, no al 50% de la lista: las cards se
     posicionan en --ti-card-top (con yPercent:-50, su centro está justo
     ahí). Usando la MISMA variable, los puntitos quedan en el centro de la
     card y la siguen en cada breakpoint (escritorio, pantallas bajas, móvil). */
  top: var(--ti-card-top, 50%);
  transform: translateY(-50%);
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* En móvil la lista ocupa casi todo el ancho, así que -2rem queda fuera
     de pantalla. Lo traemos al borde izquierdo (mismo lado que escritorio). */
}
@media (max-width: 870px) {
  section#presentacion .ti-presentacion-paginator {
    left: -0.5rem;
    right: auto;
  }
}
section#presentacion .ti-presentacion-paginator .ti-presentacion-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background: transparent;
  padding: 0;
  cursor: pointer;
  transition: background 200ms ease, transform 200ms ease, border-color 200ms ease;
}
section#presentacion .ti-presentacion-paginator .ti-presentacion-dot.active {
  background: color(display-p3 0.89 0.78 0.36);
  transform: scale(1.2);
}
section#niveles {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
  background-color: #ffffff;
}
section#niveles .contenedor {
  display: flex;
  gap: 30px;
  align-items: center;
}
@media (max-width: 1180px) {
  section#niveles .contenedor {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
section#niveles .contenedor .contenido {
  width: calc(40% - 15px);
  background-color: #eeeeee;
  padding: 3rem 2rem;
  border-radius: 0 5rem 5rem 5rem;
  box-shadow: 0px 60px 100px rgba(13, 135, 222, 0.04), 0px -8px 20px rgba(255, 255, 255, 0.9), 0px 20px 40px rgba(39, 143, 240, 0.02);
}
@media (max-width: 870px) {
  section#niveles .contenedor .contenido {
    width: 100%;
  }
}
section#niveles .contenedor .contenido .titulo * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.9375rem;
}
section#niveles .contenedor .contenido .titulo .has-text-align-center {
  text-align: center;
}
section#niveles .contenedor .contenido .titulo p {
  margin: 0.5rem 0;
}
section#niveles .contenedor .contenido .titulo strong,
section#niveles .contenedor .contenido .titulo b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section#niveles .contenedor .contenido .titulo h1,
section#niveles .contenedor .contenido .titulo h2,
section#niveles .contenedor .contenido .titulo h3,
section#niveles .contenedor .contenido .titulo h4, section#niveles .contenedor .contenido .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section#niveles .contenedor .contenido .titulo h1 strong,
section#niveles .contenedor .contenido .titulo h2 strong,
section#niveles .contenedor .contenido .titulo h3 strong,
section#niveles .contenedor .contenido .titulo h4 strong, section#niveles .contenedor .contenido .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#niveles .contenedor .contenido .titulo h2,
section#niveles .contenedor .contenido .titulo h3,
section#niveles .contenedor .contenido .titulo h4 {
  margin: 1rem 0;
}
section#niveles .contenedor .contenido .titulo ul li,
section#niveles .contenedor .contenido .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#niveles .contenedor .contenido .titulo ul li::marker,
section#niveles .contenedor .contenido .titulo ol li::marker {
  color: #495f77;
}
section#niveles .contenedor .contenido .titulo ol li {
  list-style-type: decimal;
}
section#niveles .contenedor .contenido .titulo > ul, section#niveles .contenedor .contenido .titulo > ol {
  padding: 0.5rem 0;
}
section#niveles .contenedor .contenido .titulo > ul ol li,
section#niveles .contenedor .contenido .titulo > ul ul li, section#niveles .contenedor .contenido .titulo > ol ol li,
section#niveles .contenedor .contenido .titulo > ol ul li {
  padding: 0;
}
section#niveles .contenedor .contenido .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#niveles .contenedor .contenido .titulo img {
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 780px) {
  section#niveles .contenedor .contenido .titulo img {
    border-radius: 0.8rem;
  }
}
section#niveles .contenedor .contenido .titulo > .wp-video, section#niveles .contenedor .contenido .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#niveles .contenedor .contenido .titulo > .wp-video .mejs-container, section#niveles .contenedor .contenido .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#niveles .contenedor .contenido .titulo > .wp-video .mejs-container video, section#niveles .contenedor .contenido .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#niveles .contenedor .contenido .titulo > .wp-video .mejs-overlay, section#niveles .contenedor .contenido .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#niveles .contenedor .contenido .titulo > .wp-video .mejs-overlay-button, section#niveles .contenedor .contenido .titulo > video .mejs-overlay-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section#niveles .contenedor .contenido .titulo > .wp-video .mejs-controls, section#niveles .contenedor .contenido .titulo > video .mejs-controls {
  opacity: 1;
}
section#niveles .contenedor .contenido .titulo > .wp-video .mejs-controls:has(.mejs-play), section#niveles .contenedor .contenido .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
@media (max-width: 870px) {
  section#niveles .contenedor .contenido .titulo h2 {
    font-size: 1.875rem;
  }
  section#niveles .contenedor .contenido .titulo h2 strong {
    font-size: 1.875rem;
  }
}
section#niveles .contenedor .contenido .mensaje {
  padding: 1rem;
  border-radius: 1rem;
  background-color: #d7e2df;
  color: color(display-p3 0.12 0.35 0.33);
  font-size: 0.9375rem;
}
section#niveles .contenedor .contenido > a {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section#niveles .contenedor .contenido > a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#niveles .contenedor .contenido > a {
  width: 100%;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  position: relative;
  animation: padding-y 14s infinite ease;
}
@media (max-width: 870px) {
  section#niveles .contenedor .contenido > a {
    display: none;
  }
}
section#niveles .contenedor .contenido > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  height: 150%;
  width: 1.5rem;
  background: linear-gradient(to right, transparent, #eeeeee);
  transform: translate(0, -50%) rotate(25deg);
  animation: slider-x 14s infinite ease;
}
@keyframes padding-y {
  0%, 35.714% {
    margin: 0;
    padding: 1rem 1rem;
  }
  50%, 85.714% {
    margin: 0.5rem 0;
    padding: 0.5rem 1rem;
  }
  100% {
    margin: 0;
    padding: 1rem 1rem;
  }
}
@keyframes slider-x {
  0%, 35.714% {
    left: 150%;
  }
  50%, 85.714% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
section#niveles .contenedor .niveles {
  width: calc(60% - 15px);
}
@media (max-width: 1180px) {
  section#niveles .contenedor .niveles {
    width: 40rem;
    max-width: 100%;
  }
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles {
    width: 25rem;
  }
}
section#niveles .contenedor .niveles .nivel {
  padding: 1.5rem 21px;
  border-radius: 5rem 5rem 0 5rem;
  background-color: color(display-p3 0.12 0.35 0.33);
  width: 100%;
  margin-bottom: -2px;
}
section#niveles .contenedor .niveles .nivel:nth-child(1) {
  background-color: #1f5a53;
  width: calc(100% - 10.5rem);
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles .nivel:nth-child(1) {
    width: calc(100% - 6rem);
  }
}
section#niveles .contenedor .niveles .nivel:nth-child(2) {
  background-color: #236a61;
  width: calc(100% - 7rem);
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles .nivel:nth-child(2) {
    width: calc(100% - 4rem);
  }
}
section#niveles .contenedor .niveles .nivel:nth-child(3) {
  background-color: #17806f;
  width: calc(100% - 3.5rem);
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles .nivel:nth-child(3) {
    width: calc(100% - 2rem);
  }
}
section#niveles .contenedor .niveles .nivel:nth-child(4) {
  background-color: #2e9a86;
  width: 100%;
}
section#niveles .contenedor .niveles .nivel .imagen {
  border-radius: 50%;
  height: 6rem;
  width: auto;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1490196078);
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles .nivel .imagen {
    height: 3.5rem;
  }
}
section#niveles .contenedor .niveles .nivel .imagen img {
  height: 50%;
  width: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(133deg) brightness(108%) contrast(102%);
  transition: all 0.5s ease;
}
section#niveles .contenedor .niveles .nivel__contenido > span {
  font-size: 0.8125rem;
  font-weight: 100;
  color: #eeeeee;
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles .nivel__contenido > span {
    font-size: 0.625rem;
  }
}
section#niveles .contenedor .niveles .nivel__contenido h3 {
  font-weight: bold;
  font-size: 1.5625rem;
  color: #eeeeee;
  transform-origin: left center;
  transition: all 0.5s ease;
  margin-bottom: 10px;
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles .nivel__contenido h3 {
    font-size: 1rem;
  }
}
section#niveles .contenedor .niveles .nivel__contenido .datos {
  max-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: max-height 0.9s ease, opacity 0.9s ease, padding-top 0.9s ease;
}
@media (max-width: 780px) {
  section#niveles .contenedor .niveles .nivel__contenido .datos {
    display: none;
  }
}
section#niveles .contenedor .niveles .nivel__contenido .datos p {
  color: #eeeeee;
  font-size: 0.75rem;
}
section#niveles .contenedor .niveles .nivel__contenido .datos p > span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #eeeeee;
  font-weight: bold;
  font-size: 0.75rem;
}
section#niveles .contenedor .niveles .nivel__contenido .datos p > span::before {
  position: relative;
  content: "";
  height: 0.6875rem;
  width: auto;
  display: flex;
  aspect-ratio: 1/1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section#niveles .contenedor .niveles .nivel__contenido .datos p.necesidad > span::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNSAwQzIuNDY3MjEgMCAwIDIuNDY3MjEgMCA1LjVDMCA4LjUzMjc5IDIuNDY3MjEgMTEgNS41IDExQzguNTMyNzkgMTEgMTEgOC41MzI3OSAxMSA1LjVDMTEgMi40NjcyMSA4LjUzMjc5IDAgNS41IDBaTTguMzQxNjcgNC44MThMNi4zMTMwOCA2LjgwOTQ2QzUuOTU0MjEgNy4xNjE0NiA1LjQ5MjIxIDcuMzM3IDUuMDI5NzUgNy4zMzdDNC41NzIzMyA3LjMzNyA0LjExNDkyIDcuMTY0NjcgMy43NTc0MiA2LjgxOTU0TDIuODg3MDQgNS45NjM4M0MyLjcwNjQ2IDUuNzg2NDYgMi43MDQxNyA1LjQ5NjMzIDIuODgxNTQgNS4zMTU3NUMzLjA1ODQ2IDUuMTM0NzEgMy4zNDk1IDUuMTMyNDIgMy41Mjk2MyA1LjMxMDI1TDQuMzk3MjUgNi4xNjMyMUM0Ljc1MjkyIDYuNTA2OTYgNS4zMTQzOCA2LjUwNTEzIDUuNjcxODggNi4xNTQ5Nkw3LjcgNC4xNjM5NkM3Ljg4MDEyIDMuOTg2MTMgOC4xNjkzMyAzLjk4OTMzIDguMzQ4MDggNC4xNjk5MkM4LjUyNTQ2IDQuMzUwNSA4LjUyMjcxIDQuNjQwNjMgOC4zNDE2NyA0LjgxOFoiIGZpbGw9IiNFNEM5NUMiLz4KPC9zdmc+Cg==");
}
section#niveles .contenedor .niveles .nivel__contenido .datos p.motivador > span::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjE3NDMgMTFDMy4wMzEyMiAxMC45OTk1IDIuODg5OTYgMTAuOTY2MyAyLjc2MDI5IDEwLjkwMjhDMi41NDg0OSAxMC44MDM4IDIuMzc4MzkgMTAuNjI3MSAyLjI4MTkgMTAuNDA1OUMyLjE4NTQxIDEwLjE4NDYgMi4xNjkxOCA5LjkzNDAyIDIuMjM2MjQgOS43MDEwOUwyLjkxNzk1IDcuMzMzMzRIMS4zMTE3MkMxLjEwNzA4IDcuMzMzNiAwLjkwNTIyMiA3LjI4MzU0IDAuNzIyMzMzIDcuMTg3MThDMC41Mzk0NDMgNy4wOTA4MiAwLjM4MDYwNSA2Ljk1MDg0IDAuMjU4NTQ4IDYuNzc4NDVDMC4xMzY0OTEgNi42MDYwNiAwLjA1NDYwOSA2LjQwNjA2IDAuMDE5NDY0NyA2LjE5NDQ4Qy0wLjAxNTY3OTYgNS45ODI5IC0wLjAwMzEwOTA3IDUuNzY1NjIgMC4wNTYxNjkgNS41NjAwNUwxLjM3Njc5IDAuOTc2NzI5QzEuNDU3MjkgMC42OTMyNDEgMS42MjMyMiAwLjQ0NDggMS44NDk2OCAwLjI2ODY5M0MyLjA3NjE1IDAuMDkyNTg1NiAyLjM1MDkyIC0wLjAwMTY4NzQxIDIuNjMyNzcgMi4yODY1OWUtMDVINC4yNDU1NUM0LjQyODg2IDAuMDAwMTgzODA2IDQuNjA5NDEgMC4wNDY5MjIyIDQuNzcxNzcgMC4xMzYyNDRDNC45MzQxMyAwLjIyNTU2NSA1LjA3MzQ3IDAuMzU0ODE0IDUuMTc3ODggMC41MTI5NDRDNS4yODIyOSAwLjY3MTA3NSA1LjM0ODY2IDAuODUzMzg1IDUuMzcxMzQgMS4wNDQyOUM1LjM5NDAxIDEuMjM1MiA1LjM3MjMgMS40MjkwNCA1LjMwODA3IDEuNjA5MjNMNC41NzMwOSAzLjY2NjY4SDUuNjg5NzZDNS45Mjc3OSAzLjY2NjY2IDYuMTYxMzMgMy43MzQ3IDYuMzY1MjkgMy44NjM0OUM2LjU2OTI1IDMuOTkyMjggNi43MzU5MyA0LjE3Njk2IDYuODQ3NDIgNC4zOTc2OEM2Ljk1ODkgNC42MTg0IDcuMDEwOTggNC44NjY4MyA2Ljk5ODA3IDUuMTE2MjhDNi45ODUxNiA1LjM2NTcyIDYuOTA3NzMgNS42MDY3NyA2Ljc3NDEyIDUuODEzNTFMMy45NzkxNiAxMC41MzQzQzMuODkyNzYgMTAuNjc2MyAzLjc3MzgyIDEwLjc5MzQgMy42MzMyMiAxMC44NzQ3QzMuNDkyNjIgMTAuOTU2MSAzLjMzNDg0IDEwLjk5OTEgMy4xNzQzIDExWiIgZmlsbD0iI0U0Qzk1QyIvPgo8L3N2Zz4K");
}
section#niveles .contenedor .niveles .nivel__contenido .datos p.enfoque > span::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjk4OSA1LjVDMTAuOTg5IDguNTM0MTcgOC41MjU2MSAxMSA1LjQ5NDQ5IDExQzIuNDYzMzYgMTEgMCA4LjUzNDE3IDAgNS41QzAgMi40NjU4MyAyLjQ2MzM2IDAgNS40OTQ0OSAwQzUuODI4NzQgMCA2LjE2NzU2IDAuMDMyMDgzMyA2LjQ5MjY1IDAuMDkxNjY2N0M2LjczOTkgMC4xMzc1IDYuOTA0NzQgMC4zNzU4MzMgNi44NTg5NSAwLjYyMzMzM0M2LjgxMzE2IDAuODcwODMzIDYuNTc1MDcgMS4wMzU4MyA2LjMyNzgyIDAuOTlDNi4wNTc2NyAwLjkzOTU4MyA1Ljc3Mzc5IDAuOTE2NjY3IDUuNDk0NDkgMC45MTY2NjdDMi45NzE2IDAuOTE2NjY3IDAuOTE1NzQ4IDIuOTc0NTggMC45MTU3NDggNS41QzAuOTE1NzQ4IDguMDI1NDIgMi45NzE2IDEwLjA4MzMgNS40OTQ0OSAxMC4wODMzQzguMDE3MzcgMTAuMDgzMyAxMC4wNzMyIDguMDI1NDIgMTAuMDczMiA1LjVDMTAuMDczMiA1LjIyMDQyIDEwLjA0NTggNC45NDA4MyA5Ljk5OTk3IDQuNjY1ODNDOS45NTQxOCA0LjQxODMzIDEwLjExOSA0LjE4IDEwLjM2NjMgNC4xMzQxN0MxMC42MTgxIDQuMDg4MzMgMTAuODUxNiA0LjI1MzMzIDEwLjg5NzQgNC41MDA4M0MxMC45NTY5IDQuODI2MjUgMTAuOTg5IDUuMTY1NDIgMTAuOTg5IDUuNVpNNS44ODgyNiAyLjc3NzVDNi4xNDAwOSAyLjgxNDE3IDYuMzY5MDMgMi42NCA2LjQwNTY2IDIuMzg3OTJDNi40NDIyOSAyLjEzNTgzIDYuMjY4MjkgMS45MDY2NyA2LjAxNjQ2IDEuODdDNS44NDI0NyAxLjg0NzA4IDUuNjY4NDggMS44MzMzMyA1LjQ5NDQ5IDEuODMzMzNDMy40NzUyNiAxLjgzMzMzIDEuODMxNSAzLjQ3ODc1IDEuODMxNSA1LjVDMS44MzE1IDcuNTIxMjUgMy40NzUyNiA5LjE2NjY3IDUuNDk0NDkgOS4xNjY2N0M3LjUxMzcxIDkuMTY2NjcgOS4xNTc0OCA3LjUyMTI1IDkuMTU3NDggNS41QzkuMTU3NDggNS4zMjU4MyA5LjE0Mzc0IDUuMTUxNjcgOS4xMjA4NSA0Ljk3NzVDOS4wODQyMiA0LjcyNTQyIDguODU1MjggNC41NTEyNSA4LjYwMzQ1IDQuNTg3OTJDOC4zNTE2MiA0LjYyNDU4IDguMTc3NjMgNC44NTM3NSA4LjIxNDI2IDUuMTA1ODNDOC4yMzI1NyA1LjIzNDE3IDguMjQxNzMgNS4zNjcwOCA4LjI0MTczIDUuNUM4LjI0MTczIDcuMDE3MDggNy4wMTAwNSA4LjI1IDUuNDk0NDkgOC4yNUMzLjk3ODkyIDguMjUgMi43NDcyNCA3LjAxNzA4IDIuNzQ3MjQgNS41QzIuNzQ3MjQgMy45ODI5MiAzLjk3ODkyIDIuNzUgNS40OTQ0OSAyLjc1QzUuNjI3MjcgMi43NSA1Ljc2MDA1IDIuNzU5MTcgNS44ODgyNiAyLjc3NzVaTTQuOTIyMTUgNC4xNzA4M0M0Ljc1MjczIDMuOTgyOTIgNC40NjQyNyAzLjk2NDU4IDQuMjc2NTQgNC4xMzQxN0MzLjg4NzM1IDQuNDgyNSAzLjY2NzU3IDQuOTgyMDggMy42Njc1NyA1LjVDMy42Njc1NyA2LjUxMjkyIDQuNDg3MTYgNy4zMzMzMyA1LjQ5OTA3IDcuMzMzMzNDNi4wMjEwNCA3LjMzMzMzIDYuNTE1NTUgNy4xMDg3NSA2Ljg2MzUzIDYuNzIzNzVDNy4wMzI5NCA2LjUzNTgzIDcuMDE0NjMgNi4yNDcwOCA2LjgyNjkgNi4wNzc1QzYuNjM5MTcgNS45MDc5MiA2LjM1MDcxIDUuOTI2MjUgNi4xODEzIDYuMTE0MTdDNi4wMDczMSA2LjMwNjY3IDUuNzYwMDUgNi40MjEyNSA1LjQ5OTA3IDYuNDIxMjVDNC45OTU0MSA2LjQyMTI1IDQuNTgzMzIgNi4wMDg3NSA0LjU4MzMyIDUuNTA0NThDNC41ODMzMiA1LjI0MzMzIDQuNjkzMjEgNC45OTU4MyA0Ljg5MDA5IDQuODIxNjdDNS4wNzc4MiA0LjY1MjA4IDUuMDk2MTQgNC4zNjMzMyA0LjkyNjcyIDQuMTc1NDJMNC45MjIxNSA0LjE3MDgzWk01LjYzMTg1IDQuNzIwODNDNS40NTMyOCA0Ljg5OTU4IDUuNDUzMjggNS4xODgzMyA1LjYzMTg1IDUuMzY3MDhDNS43MjM0MiA1LjQ1ODc1IDUuODM3ODkgNS41IDUuOTU2OTQgNS41QzYuMDc1OTkgNS41IDYuMTkwNDYgNS40NTQxNyA2LjI4MjAzIDUuMzY3MDhMOC40Mzg2MiAzLjIwODMzSDkuNjI0NTFDOS43NDgxNCAzLjIwODMzIDkuODYyNjEgMy4xNTc5MiA5Ljk0OTYgMy4wNzU0MkwxMC44NjUzIDIuMTU4NzVDMTAuOTk4MSAyLjAyNTgzIDExLjAzNDggMS44Mjg3NSAxMC45NjYxIDEuNjU5MTdDMTAuODk3NCAxLjQ4OTU4IDEwLjcyOCAxLjM3NSAxMC41NDQ4IDEuMzc1SDkuNjI5MDlWMC40NTgzMzNDOS42MjkwOSAwLjI3NSA5LjUxOTIgMC4xMDU0MTcgOS4zNDUyMSAwLjAzNjY2NjdDOS4xNzEyMiAtMC4wMzY2NjY3IDguOTc4OTEgMC4wMDQ1ODMzNCA4Ljg0NjEyIDAuMTM3NUw3LjkzMDM4IDEuMDU0MTdDNy44NDMzOCAxLjE0MTI1IDcuNzk3NTkgMS4yNTU4MyA3Ljc5NzU5IDEuMzc5NThWMi41NjY2N0w1LjY0MTAxIDQuNzI1NDJMNS42MzE4NSA0LjcyMDgzWiIgZmlsbD0iI0U0Qzk1QyIvPgo8L3N2Zz4K");
}
@media (min-width: 780px) {
  section#niveles .contenedor .niveles .nivel:hover .imagen img, section#niveles .contenedor .niveles .nivel.active .imagen img {
    filter: none;
    height: 65%;
    width: 65%;
  }
  section#niveles .contenedor .niveles .nivel:hover .nivel__contenido h3, section#niveles .contenedor .niveles .nivel.active .nivel__contenido h3 {
    transform: scale(0.75);
  }
  section#niveles .contenedor .niveles .nivel:hover .nivel__contenido .datos, section#niveles .contenedor .niveles .nivel.active .nivel__contenido .datos {
    max-height: 6rem;
    opacity: 1;
  }
}
section#niveles .contenedor > a {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section#niveles .contenedor > a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#niveles .contenedor > a {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 870px) {
  section#niveles .contenedor > a {
    display: flex;
  }
}
section#tendencias {
  padding: 5rem 0;
  background-color: color(display-p3 0.12 0.35 0.33);
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 870px) {
  section#tendencias {
    padding-top: 10rem;
  }
}
section#tendencias::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 50%;
  min-height: 20rem;
  width: auto;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDcyIiBoZWlnaHQ9IjQ2NiIgdmlld0JveD0iMCAwIDQ3MiA0NjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMDUiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF85ODJfNjY2MikiPgo8cGF0aCBkPSJNMzcwLjI0OCAxMzQuOTM5QzM5MS4xNjkgMTQzLjI0NiA0MDkuNDY2IDE1NS4xNDUgNDI0LjYyNSAxNzAuMzA0QzQzOS43ODUgMTg1LjQ2NCA0NTEuNjgzIDIwMy43NiA0NTkuOTc5IDIyNC42NTlDNDY4LjI0MSAyNDUuNDEgNDcyLjQzNCAyNjguNDU3IDQ3Mi40MzQgMjkzLjE2MkM0NzIuNDM0IDMxOC4xNjQgNDY4LjI2NCAzNDEuNTQgNDYwLjAyNSAzNjIuNjJDNDUxLjc0IDM4My45MDUgNDM5Ljg1MyA0MDIuNDc0IDQyNC43MDUgNDE3LjgxNkM0MDkuNTU3IDQzMy4xNTggMzkxLjI0OSA0NDUuMTgxIDM3MC4yNDggNDUzLjU1NkMzNDkuNDc0IDQ2MS44MDcgMzI2LjQyOCA0NjYgMzAxLjc2NyA0NjZDMjc3LjEwNyA0NjYgMjU0LjA2MSA0NjEuODA3IDIzMy4yNTMgNDUzLjU0NUMyMTIuMzA5IDQ0NS4xOTIgMTkzLjk5IDQzMy4xOCAxNzguODA3IDQxNy44MDVDMTYzLjY5MyA0MDIuNDc0IDE1MS44MDYgMzgzLjkwNSAxNDMuNDk5IDM2Mi42MzJDMTM1LjI2IDM0MS41NTEgMTMxLjA4OSAzMTguMTc1IDEzMS4wODkgMjkzLjE2MlYxMjIuNDg0SDMwMS43NjdDMzI2LjQ3MyAxMjIuNDg0IDM0OS41MDggMTI2LjY3NyAzNzAuMjQ4IDEzNC45MzlaTTE2OS40NDMgMjkzLjE2MkMxNjkuNDQzIDMxMy4zNzkgMTcyLjcyNyAzMzIuMDYyIDE3OS4yMTYgMzQ4LjY3NkMxODUuNjI2IDM2NS4wNzUgMTk0LjY3MSAzNzkuMjggMjA2LjEwNCAzOTAuODcxQzIxNy41MzYgNDAyLjQ0IDIzMS40NDYgNDExLjU0MyAyNDcuNDM1IDQxNy45MThDMjYzLjY5NyA0MjQuMzg0IDI4MS45ODIgNDI3LjY1NyAzMDEuNzY3IDQyNy42NTdDMzIxLjU1MiA0MjcuNjU3IDMzOS44MjYgNDI0LjM4NCAzNTYuMDY1IDQxNy45M0MzNzIuMSA0MTEuNTQzIDM4Ni4wMSA0MDIuNDQgMzk3LjQwOCAzOTAuODgzQzQwOC44NjMgMzc5LjI4IDQxNy45MDkgMzY1LjA4NiA0MjQuMjk2IDM0OC42ODhDNDMwLjc4NSAzMzIuMDYyIDQzNC4wOCAzMTMuMzc5IDQzNC4wOCAyOTMuMTYyQzQzNC4wOCAyNzMuMzMyIDQzMC44MDggMjU1LjA1OCA0MjQuMzQxIDIzOC44M0M0MTcuOTc3IDIyMi43OTUgNDA4Ljk0MyAyMDguODYzIDM5Ny40OTkgMTk3LjQxOUMzODYuMDU1IDE4NS45NzYgMzcyLjEyMyAxNzYuOTQxIDM1Ni4wNjUgMTcwLjU2NkMzMzkuODQ5IDE2NC4xMTEgMzIxLjU3NSAxNjAuODM4IDMwMS43NTYgMTYwLjgzOEgxNjkuNDJMMTY5LjQ0MyAyOTMuMTYyWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzk4Ml82NjYyKSIvPgo8cGF0aCBkPSJNMTAwLjY2NyAyNzUuNTI1QzEwMC42NjcgMzAyLjQyNCA5Ni4wOTg5IDMyNy41MTcgODcuMTA5OCAzNTAuMDk3Qzc4LjA2MzkgMzcyLjg4MiA2NS4wOTc1IDM5Mi44MDQgNDguNTk2NyA0MDkuMzE2QzMyLjA4NDUgNDI1LjgyOCAxMi4xNjMyIDQzOC43ODMgLTEwLjU5OTMgNDQ3LjgyOUMtMjkuMTY4MyA0NTUuMjI3IC00OS40NDIgNDU5LjYxNCAtNzEuMDExMiA0NjAuOTU1VjQxOS4wODlDLTU0Ljg1MTMgNDE3Ljg1IC0zOS43NzExIDQxNC40ODcgLTI2LjA0MzIgNDA5LjAyQy04LjU3NjQ3IDQwMi4wODggNi41OTQ3IDM5Mi4yNDcgMTkuMDYxMiAzNzkuNzhDMzEuNTI3NyAzNjcuMzE0IDQxLjM1NzcgMzUyLjE0MyA0OC4zMDEyIDMzNC42NjVDNTUuMzM1NiAzMTcuMDA1IDU4LjkwNCAyOTcuMTA2IDU4LjkwNCAyNzUuNTI1VjEzMS40MDVILTcwLjk5OThWODkuNjQxOEgxMDAuNjY3VjI3NS41MjVaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfOTgyXzY2NjIpIi8+CjxwYXRoIGQ9Ik0zOTIuOTY1IDcuOTU1NDdDMzgwLjMzOSAyMC4zOTkyIDM2NC44ODQgMzAuMjYzMyAzNDcuMDIgMzcuMjQwOUMzMjguOTE2IDQ0LjMwOTQgMzA4LjU3NSA0Ny44ODkxIDI4Ni41NTEgNDcuODg5MUgxNDIuNDNWLTAuMjYwODI2SDEwMC42NjdWODkuNjQxMUgyODYuNTUxQzMxMy43OTEgODkuNjQxMSAzMzkuMjQ2IDg1LjA5NTQgMzYyLjIwMiA3Ni4xMjkxQzM4NS4zNzQgNjcuMDcxOSA0MDUuNTkxIDU0LjEzOTQgNDIyLjI5NiAzNy42NzI4QzQzMy41OCAyNi41MjQ1IDQ0My4xOTUgMTMuODE5NCA0NTEuMDU5IC0wLjI2MDgyNkg0MDAuNDk5QzM5OC4xMDIgMi41OTE1OCAzOTUuNjAxIDUuMzQxNzIgMzkyLjk2NSA3Ljk1NTQ3WiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzk4Ml82NjYyKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfOTgyXzY2NjIiIHgxPSIzMDEuNzYyIiB5MT0iNDY2IiB4Mj0iMzAxLjc2MiIgeTI9IjEyMi40ODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzk4Ml82NjYyIiB4MT0iMTQuODI4IiB5MT0iNDYwLjk1NSIgeDI9IjE0LjgyOCIgeTI9Ijg5LjY0MTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzk4Ml82NjYyIiB4MT0iMjc1Ljg2MyIgeTE9Ijg5LjY0MTEiIHgyPSIyNzUuODYzIiB5Mj0iLTAuMjYwODI2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfOTgyXzY2NjIiPgo8cmVjdCB3aWR0aD0iNDcyIiBoZWlnaHQ9IjQ2NiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSA0NzIgNDY2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
}
section#tendencias {
  /* Fondo de la sección como pseudo-elemento. La URL llega por la variable
     --fondo-tendencias (inline en el <section>, ver front-page.php). Si no
     hay imagen, la variable no existe y no se pinta nada. */
}
section#tendencias::after {
  content: "";
  position: absolute;
  z-index: 0;
  max-height: 660px;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-image: var(--fondo-tendencias, none);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: 0.4;
}
@media (max-width: 870px) {
  section#tendencias::after {
    background-position: right;
    background-size: cover;
  }
}
section#tendencias .imagen {
  position: absolute;
  top: 0;
  right: 0;
  height: 10rem;
  width: auto;
  aspect-ratio: 1/1;
}
@media (max-width: 870px) {
  section#tendencias .imagen {
    height: 8rem;
  }
}
section#tendencias .imagen::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  right: 0;
  height: 120%;
  width: 80%;
  background-color: #ffffff;
  border-radius: 0 0 4rem 4rem;
  box-shadow: 0 56px 93.33px rgba(13, 135, 222, 0.0156862745), 0 -7.47px 18.67px rgba(255, 255, 255, 0.8588235294), 0 18.67px 37.33px rgba(39, 143, 240, 0.0156862745);
}
section#tendencias .imagen img {
  position: relative;
  z-index: 2;
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
  transform: translate(1px, 1rem);
}
section#tendencias .contenedor {
  position: relative;
  z-index: 2;
}
section#tendencias .contenedor h2 {
  width: 40rem;
  max-width: 100%;
  font-size: 2.5rem;
  color: color(display-p3 0.89 0.78 0.36);
  font-weight: bold;
}
@media (max-width: 780px) {
  section#tendencias .contenedor h2 {
    font-size: 1.875rem;
  }
}
section#tendencias .contenedor > ul {
  width: 100%;
  flex-wrap: nowrap !important;
  gap: 30px !important;
  justify-content: space-between;
}
@media (max-width: 870px) {
  section#tendencias .contenedor > ul {
    flex-wrap: wrap !important;
  }
}
section#tendencias .contenedor > ul > li {
  position: relative;
  width: calc((100% - 60px) / 3);
  border: 1px solid #eeeeee;
  border-radius: 1.5rem;
  padding: 2rem 1.5rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 100%);
  transition: all 0.3s ease;
}
@media (max-width: 870px) {
  section#tendencias .contenedor > ul > li {
    width: 100%;
  }
}
section#tendencias .contenedor > ul > li .bandera {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 2.5rem;
  align-self: stretch;
  border-radius: 3rem 3rem 0 3rem;
  border: 1px solid #eeeeee;
  overflow: hidden;
}
section#tendencias .contenedor > ul > li .bandera img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section#tendencias .contenedor > ul > li h3 {
  font-size: 1.5rem;
  color: #eeeeee;
  font-weight: bold;
  transition: all 0.3s ease;
}
section#tendencias .contenedor > ul > li .contenido * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.938rem;
}
section#tendencias .contenedor > ul > li .contenido .has-text-align-center {
  text-align: center;
}
section#tendencias .contenedor > ul > li .contenido p {
  margin: 0.5rem 0;
}
section#tendencias .contenedor > ul > li .contenido strong,
section#tendencias .contenedor > ul > li .contenido b {
  color: #eeeeee;
  font-weight: 800;
}
section#tendencias .contenedor > ul > li .contenido h1,
section#tendencias .contenedor > ul > li .contenido h2,
section#tendencias .contenedor > ul > li .contenido h3,
section#tendencias .contenedor > ul > li .contenido h4, section#tendencias .contenedor > ul > li .contenido > strong {
  font-size: 1rem;
  font-weight: 800;
  color: #eeeeee;
}
section#tendencias .contenedor > ul > li .contenido h1 strong,
section#tendencias .contenedor > ul > li .contenido h2 strong,
section#tendencias .contenedor > ul > li .contenido h3 strong,
section#tendencias .contenedor > ul > li .contenido h4 strong, section#tendencias .contenedor > ul > li .contenido > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 1rem;
  font-weight: 800;
}
section#tendencias .contenedor > ul > li .contenido h2,
section#tendencias .contenedor > ul > li .contenido h3,
section#tendencias .contenedor > ul > li .contenido h4 {
  margin: 1rem 0;
}
section#tendencias .contenedor > ul > li .contenido ul li,
section#tendencias .contenedor > ul > li .contenido ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#tendencias .contenedor > ul > li .contenido ul li::marker,
section#tendencias .contenedor > ul > li .contenido ol li::marker {
  color: #eeeeee;
}
section#tendencias .contenedor > ul > li .contenido ol li {
  list-style-type: decimal;
}
section#tendencias .contenedor > ul > li .contenido > ul, section#tendencias .contenedor > ul > li .contenido > ol {
  padding: 0.5rem 0;
}
section#tendencias .contenedor > ul > li .contenido > ul ol li,
section#tendencias .contenedor > ul > li .contenido > ul ul li, section#tendencias .contenedor > ul > li .contenido > ol ol li,
section#tendencias .contenedor > ul > li .contenido > ol ul li {
  padding: 0;
}
section#tendencias .contenedor > ul > li .contenido > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#tendencias .contenedor > ul > li .contenido img {
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 100%;
  border-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 780px) {
  section#tendencias .contenedor > ul > li .contenido img {
    border-radius: 0.8rem;
  }
}
section#tendencias .contenedor > ul > li .contenido > .wp-video, section#tendencias .contenedor > ul > li .contenido > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#tendencias .contenedor > ul > li .contenido > .wp-video .mejs-container, section#tendencias .contenedor > ul > li .contenido > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#tendencias .contenedor > ul > li .contenido > .wp-video .mejs-container video, section#tendencias .contenedor > ul > li .contenido > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#tendencias .contenedor > ul > li .contenido > .wp-video .mejs-overlay, section#tendencias .contenedor > ul > li .contenido > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#tendencias .contenedor > ul > li .contenido > .wp-video .mejs-overlay-button, section#tendencias .contenedor > ul > li .contenido > video .mejs-overlay-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMzUgMjMuMjY4QzM2LjMzMzMgMjQuMDM3OCAzNi4zMzMzIDI1Ljk2MjMgMzUgMjYuNzMyMUwyMS41IDM0LjUyNjNDMjAuMTY2NyAzNS4yOTYxIDE4LjUgMzQuMzMzOCAxOC41IDMyLjc5NDJMMTguNSAxNy4yMDU4QzE4LjUgMTUuNjY2MiAyMC4xNjY3IDE0LjcwMzkgMjEuNSAxNS40NzM3TDM1IDIzLjI2OFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
section#tendencias .contenedor > ul > li .contenido > .wp-video .mejs-controls, section#tendencias .contenedor > ul > li .contenido > video .mejs-controls {
  opacity: 1;
}
section#tendencias .contenedor > ul > li .contenido > .wp-video .mejs-controls:has(.mejs-play), section#tendencias .contenedor > ul > li .contenido > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#tendencias .contenedor > ul > li .contenido strong {
  font-size: 1rem;
}
section#tendencias .contenedor > ul > li .contenido h3 {
  margin: 0;
  margin-bottom: 5px;
}
section#tendencias .contenedor > ul > li .contenido h3 strong {
  color: white;
}
section#tendencias .contenedor > ul > li > a {
  color: #eeeeee;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: bold;
}
section#tendencias .contenedor > ul > li > a svg {
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#tendencias .contenedor > ul > li {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 100%);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  }
  section#tendencias .contenedor > ul > li h3 {
    color: color(display-p3 0.89 0.78 0.36);
  }
  section#tendencias .contenedor > ul > li > a {
    color: color(display-p3 0.89 0.78 0.36);
  }
  section#tendencias .contenedor > ul > li > a svg {
    transform: translateX(0.3rem);
  }
  section#tendencias .contenedor > ul > li > a svg path {
    fill: color(display-p3 0.89 0.78 0.36);
  }
}
section#tendencias .contenedor > ul > li:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 100%);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
section#tendencias .contenedor > ul > li:hover h3 {
  color: color(display-p3 0.89 0.78 0.36);
}
section#tendencias .contenedor > ul > li:hover > a {
  color: color(display-p3 0.89 0.78 0.36);
}
section#tendencias .contenedor > ul > li:hover > a svg {
  transform: translateX(0.3rem);
}
section#tendencias .contenedor > ul > li:hover > a svg path {
  fill: color(display-p3 0.89 0.78 0.36);
}
section#tendencias .contenedor .mensaje {
  width: 43rem;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 1rem;
  background-color: #eeeeee;
}
section#tendencias .contenedor .mensaje p {
  font-weight: bold;
  text-align: center;
  color: color(display-p3 0.12 0.35 0.33);
  font-size: 0.938rem;
}

[data-reveal] {
  opacity: 0;
  transition: opacity 0.7s ease, transform 0.7s ease;
}
[data-reveal]:not([data-reveal-direction]) {
  transform: translateY(3rem);
}
[data-reveal][data-reveal-direction=left] {
  transform: translateX(-6rem);
}
[data-reveal][data-reveal-direction=right] {
  transform: translateX(6rem);
}
[data-reveal].revealed {
  opacity: 1;
  transform: translate(0, 0);
}

[data-reveal-delay="100"] {
  transition-delay: 0.1s;
}

[data-reveal-delay="200"] {
  transition-delay: 0.2s;
}

[data-reveal-delay="300"] {
  transition-delay: 0.3s;
}

[data-reveal-delay="400"] {
  transition-delay: 0.4s;
}

[data-reveal-delay="500"] {
  transition-delay: 0.5s;
}/*# sourceMappingURL=index.css.map */