@charset "UTF-8";
section {
  position: relative;
  z-index: 1;
  background-color: #f3f5f9;
}
@media (max-width: 1024px) {
  section.banner-complejo picture {
    height: 100% !important;
  }
}
@media (max-width: 1024px) {
  section.banner-complejo .contenedor::before {
    height: calc(100% + 6rem) !important;
    top: -2rem !important;
  }
}
@media (max-width: 780px) {
  section.banner-complejo .contenedor .info .contenido {
    padding: 0 !important;
  }
}
@media (max-width: 780px) {
  section.banner-complejo .contenedor .items li {
    width: 100%;
  }
}
section#lista {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
}
section#lista .contenedor picture {
  width: 100%;
  height: auto;
  aspect-ratio: 675/172;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (max-width: 780px) {
  section#lista .contenedor picture {
    margin: 0 auto;
    width: 30rem;
    max-width: 100%;
    aspect-ratio: 9/11;
  }
}
section#lista .contenedor picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section#lista .contenedor .lista {
  gap: 50px;
}
section#lista .contenedor .lista .sublista {
  position: relative;
}
section#lista .contenedor .lista .sublista > img {
  position: absolute;
  top: -1rem;
  right: 0.5rem;
  height: 2.3rem;
  width: auto;
  aspect-ratio: 16/9;
  border-radius: 4rem 4rem 0 4rem;
  border: 1px solid white;
  z-index: 1;
}
section#lista .contenedor .lista .sublista-content {
  position: relative;
  padding: 30px 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  border-radius: 1.5rem;
  background-color: #ffffff;
}
@media (max-width: 780px) {
  section#lista .contenedor .lista .sublista-content {
    width: 100% !important;
    min-width: 100% !important;
  }
}
section#lista .contenedor .lista .sublista-content::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 0;
  height: 4px;
  background-color: #2f45ce;
  pointer-events: none;
  transition: all 0.3s ease;
}
section#lista .contenedor .lista .sublista-content h3 {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: bold;
  font-size: 1.5625rem;
}
section#lista .contenedor .lista .sublista-content .contenido * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.875rem;
}
section#lista .contenedor .lista .sublista-content .contenido .has-text-align-center {
  text-align: center;
}
section#lista .contenedor .lista .sublista-content .contenido p {
  margin: 0.5rem 0;
}
section#lista .contenedor .lista .sublista-content .contenido strong,
section#lista .contenedor .lista .sublista-content .contenido b {
  color: #495f77;
  font-weight: 800;
}
section#lista .contenedor .lista .sublista-content .contenido h1,
section#lista .contenedor .lista .sublista-content .contenido h2,
section#lista .contenedor .lista .sublista-content .contenido h3,
section#lista .contenedor .lista .sublista-content .contenido h4, section#lista .contenedor .lista .sublista-content .contenido > strong {
  font-size: 0.9375rem;
  font-weight: 800;
  color: #495f77;
}
section#lista .contenedor .lista .sublista-content .contenido h1 strong,
section#lista .contenedor .lista .sublista-content .contenido h2 strong,
section#lista .contenedor .lista .sublista-content .contenido h3 strong,
section#lista .contenedor .lista .sublista-content .contenido h4 strong, section#lista .contenedor .lista .sublista-content .contenido > strong strong {
  color: #495f77;
  font-size: 0.9375rem;
  font-weight: 800;
}
section#lista .contenedor .lista .sublista-content .contenido h2,
section#lista .contenedor .lista .sublista-content .contenido h3,
section#lista .contenedor .lista .sublista-content .contenido h4 {
  margin: 1rem 0;
}
section#lista .contenedor .lista .sublista-content .contenido ul li,
section#lista .contenedor .lista .sublista-content .contenido ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#lista .contenedor .lista .sublista-content .contenido ul li::marker,
section#lista .contenedor .lista .sublista-content .contenido ol li::marker {
  color: #495f77;
}
section#lista .contenedor .lista .sublista-content .contenido ol li {
  list-style-type: decimal;
}
section#lista .contenedor .lista .sublista-content .contenido > ul, section#lista .contenedor .lista .sublista-content .contenido > ol {
  padding: 0.5rem 0;
}
section#lista .contenedor .lista .sublista-content .contenido > ul ol li,
section#lista .contenedor .lista .sublista-content .contenido > ul ul li, section#lista .contenedor .lista .sublista-content .contenido > ol ol li,
section#lista .contenedor .lista .sublista-content .contenido > ol ul li {
  padding: 0;
}
section#lista .contenedor .lista .sublista-content .contenido > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#lista .contenedor .lista .sublista-content .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#lista .contenedor .lista .sublista-content .contenido img {
    border-radius: 0.8rem;
  }
}
section#lista .contenedor .lista .sublista-content .contenido > .wp-video, section#lista .contenedor .lista .sublista-content .contenido > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#lista .contenedor .lista .sublista-content .contenido > .wp-video .mejs-container, section#lista .contenedor .lista .sublista-content .contenido > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#lista .contenedor .lista .sublista-content .contenido > .wp-video .mejs-container video, section#lista .contenedor .lista .sublista-content .contenido > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#lista .contenedor .lista .sublista-content .contenido > .wp-video .mejs-overlay, section#lista .contenedor .lista .sublista-content .contenido > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#lista .contenedor .lista .sublista-content .contenido > .wp-video .mejs-overlay-button, section#lista .contenedor .lista .sublista-content .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#lista .contenedor .lista .sublista-content .contenido > .wp-video .mejs-controls, section#lista .contenedor .lista .sublista-content .contenido > video .mejs-controls {
  opacity: 1;
}
section#lista .contenedor .lista .sublista-content .contenido > .wp-video .mejs-controls:has(.mejs-play), section#lista .contenedor .lista .sublista-content .contenido > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#lista .contenedor .lista .sublista-content .contenido p {
  margin-bottom: 0;
}
section#lista .contenedor .lista .sublista-content .contenido ul,
section#lista .contenedor .lista .sublista-content .contenido ol {
  padding: 0;
}
section#lista .contenedor .lista .sublista-content > 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#lista .contenedor .lista .sublista-content > a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#lista .contenedor .lista .sublista-content > a {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: 0.75rem;
  display: flex;
  margin-top: 1rem;
}
section#lista .contenedor .lista .sublista-content:hover::after {
  max-width: 30rem;
}
section#lista .contenedor .lista .sublista-content:hover > a {
  background-color: #ffeb98;
  border-radius: 3rem;
  border-color: #ffeb98;
}
section#lista .contenedor .lista .tabs {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  background-color: #ffffff;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 3rem;
}
section#lista .contenedor .lista .tabs span {
  padding: 1rem;
  background-color: transparent;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border-radius: 3rem;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 870px) {
  section#lista .contenedor .lista .tabs span {
    padding: 0.5rem;
    font-size: 0.875rem;
  }
}
section#lista .contenedor .lista .tabs span::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, color(display-p3 0.09 0.5 0.44) 0%, color(display-p3 0.12 0.35 0.33));
  opacity: 0;
  transition: all 0.3s ease;
  z-index: -1;
}
section#lista .contenedor .lista .tabs span::after {
  position: absolute;
  content: attr(data-title);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  color: #eeeeee;
  z-index: 1;
  font-weight: bold;
}
section#lista .contenedor .lista .tabs span.active {
  color: transparent;
}
section#lista .contenedor .lista .tabs span.active::before, section#lista .contenedor .lista .tabs span.active::after {
  opacity: 1;
}
section#lista .contenedor .lista .mensajeLista {
  text-align: center;
}
section#lista .contenedor .lista .contenido .contenido_tab {
  display: none;
}
section#lista .contenedor .lista .contenido .contenido_tab .sublista {
  width: calc(33.34% - 0.68rem);
  min-width: 15rem;
}
@media (max-width: 870px) {
  section#lista .contenedor .lista .contenido .contenido_tab .sublista {
    width: 100%;
  }
}
section#lista .contenedor .lista .contenido .contenido_tab.active {
  display: flex;
  gap: 30px;
}
section#lista .contenedor .lista .contenido .contenido_tab.tres .sublista {
  width: calc((100% - 90px) / 4);
  min-width: 18rem;
}
@media (max-width: 870px) {
  section#lista .contenedor .lista .contenido .contenido_tab.tres .sublista {
    width: 100%;
  }
}
section#lista .contenedor .lista > .sublista {
  width: calc(25% - 0.75rem);
  min-width: 18rem;
}
section#lista .contenedor .lista.tres > .sublista {
  width: calc((100% - 100px) / 3);
  min-width: 18rem;
}
section#lista .contenedor .mensaje {
  margin: 0 auto;
  width: 40rem;
  max-width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background-color: color(display-p3 0.12 0.35 0.33);
  color: #eeeeee;
  font-weight: bold;
  text-align: center;
}
section#lista .contenedor > .enlace {
  z-index: 5;
  width: 52rem;
  max-width: 100%;
  background: linear-gradient(to bottom, #0b6f41 0%, #004c37 100%);
  padding: 1rem 2.5rem;
  border-radius: 4rem;
  margin: 0 auto;
  gap: 15px;
}
@media (max-width: 780px) {
  section#lista .contenedor > .enlace {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    border-radius: 2rem;
  }
}
section#lista .contenedor > .enlace span {
  color: #eeeeee;
  font-size: 0.938rem;
  font-weight: 400;
}
section#lista .contenedor > .enlace span strong {
  font-weight: bold;
  color: #eeeeee;
}
section#lista .contenedor > .enlace span p {
  color: #eeeeee;
  font-size: 0.938rem;
  font-weight: bold;
}
section#lista .contenedor > .enlace 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#lista .contenedor > .enlace a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#lista .contenedor > .enlace a {
  width: -moz-max-content;
  width: max-content;
  font-weight: bold;
  overflow: hidden;
  position: relative;
}
@media (max-width: 780px) {
  section#lista .contenedor > .enlace a {
    font-size: 0.875rem;
  }
}
section#lista .contenedor > .enlace 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 slider-x {
  0%, 35.714% {
    left: 150%;
  }
  50%, 85.714% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
section#cuando {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
  background-color: #d1e6e2;
  position: relative;
}
section#cuando::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 45%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDc3IiBoZWlnaHQ9IjQwOSIgdmlld0JveD0iMCAwIDQ3NyA0MDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMDciIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTU0XzEwMDU3KSI+CjxwYXRoIGQ9Ik04OS42OTQ0IDExOC40MTFDNzEuMzMwNiAxMjUuNzAzIDU1LjI3MSAxMzYuMTQ2IDQxLjk2NDQgMTQ5LjQ1M0MyOC42NTc5IDE2Mi43NTkgMTguMjE0MiAxNzguODE5IDEwLjkzMjUgMTk3LjE2M0MzLjY4MDc0IDIxNS4zNzcgMCAyMzUuNjA2IDAgMjU3LjI5MkMwIDI3OS4yMzYgMy42NjA3OSAyOTkuNzU1IDEwLjg5MjYgMzE4LjI1OEMxOC4xNjQzIDMzNi45NDEgMjguNTk4MSAzNTMuMjQgNDEuODk0NiAzNjYuNzA2QzU1LjE5MTIgMzgwLjE3MyA3MS4yNjA3IDM5MC43MjYgODkuNjk0NCAzOTguMDc3QzEwNy45MjggNDA1LjMxOSAxMjguMTU4IDQwOSAxNDkuODAzIDQwOUMxNzEuNDQ5IDQwOSAxOTEuNjc4IDQwNS4zMTkgMjA5Ljk0MiAzOTguMDY4QzIyOC4zMjYgMzkwLjczNiAyNDQuNDA1IDM4MC4xOTIgMjU3LjczMiAzNjYuNjk2QzI3MC45OTggMzUzLjI0IDI4MS40MzIgMzM2Ljk0MSAyODguNzI0IDMxOC4yNjhDMjk1Ljk1NSAyOTkuNzY1IDI5OS42MTYgMjc5LjI0NiAyOTkuNjE2IDI1Ny4yOTJWMTA3LjQ3OUgxNDkuODAzQzEyOC4xMTggMTA3LjQ3OSAxMDcuODk5IDExMS4xNTkgODkuNjk0NCAxMTguNDExWk0yNjUuOTUxIDI1Ny4yOTJDMjY1Ljk1MSAyNzUuMDM3IDI2My4wNjggMjkxLjQzNiAyNTcuMzcyIDMwNi4wMTlDMjUxLjc0NyAzMjAuNDEzIDI0My44MDcgMzMyLjg4MiAyMzMuNzcyIDM0My4wNTZDMjIzLjczNyAzNTMuMjEgMjExLjUyOCAzNjEuMiAxOTcuNDkzIDM2Ni43OTZDMTgzLjIxOSAzNzIuNDcyIDE2Ny4xNjkgMzc1LjM0NSAxNDkuODAzIDM3NS4zNDVDMTMyLjQzNyAzNzUuMzQ1IDExNi4zOTcgMzcyLjQ3MiAxMDIuMTQzIDM2Ni44MDZDODguMDY4NCAzNjEuMiA3NS44NTkyIDM1My4yMSA2NS44NTQzIDM0My4wNjZDNTUuNzk5NiAzMzIuODgyIDQ3Ljg1OTYgMzIwLjQyMyA0Mi4yNTM3IDMwNi4wMjlDMzYuNTU4IDI5MS40MzYgMzMuNjY1MyAyNzUuMDM3IDMzLjY2NTMgMjU3LjI5MkMzMy42NjUzIDIzOS44ODUgMzYuNTM4MSAyMjMuODQ2IDQyLjIxMzggMjA5LjYwMkM0Ny43OTk3IDE5NS41MjcgNTUuNzI5OCAxODMuMjk4IDY1Ljc3NDUgMTczLjI1M0M3NS44MTkzIDE2My4yMDggODguMDQ4NSAxNTUuMjc4IDEwMi4xNDMgMTQ5LjY4MkMxMTYuMzc3IDE0NC4wMTcgMTMyLjQxNyAxNDEuMTQ0IDE0OS44MTMgMTQxLjE0NEgyNjUuOTcxTDI2NS45NTEgMjU3LjI5MloiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMTU0XzEwMDU3KSIvPgo8cGF0aCBkPSJNMzI2LjMyIDI0MS44MTFDMzI2LjMyIDI2NS40MjEgMzMwLjMzIDI4Ny40NDYgMzM4LjIyIDMwNy4yNjZDMzQ2LjE2IDMyNy4yNjYgMzU3LjU0MiAzNDQuNzUyIDM3Mi4wMjUgMzU5LjI0NUMzODYuNTE5IDM3My43MzkgNDA0LjAwNSAzODUuMTEgNDIzLjk4NSAzOTMuMDVDNDQwLjI4NCAzOTkuNTQ0IDQ1OC4wNzkgNDAzLjM5NCA0NzcuMDExIDQwNC41NzFWMzY3LjgyNEM0NjIuODI3IDM2Ni43MzcgNDQ5LjU5IDM2My43ODQgNDM3LjU0MSAzNTguOTg2QzQyMi4yMDkgMzUyLjkwMSA0MDguODkzIDM0NC4yNjMgMzk3Ljk1IDMzMy4zMjFDMzg3LjAwOCAzMjIuMzc4IDM3OC4zNzkgMzA5LjA2MiAzNzIuMjg1IDI5My43MkMzNjYuMTEgMjc4LjIxOSAzNjIuOTc4IDI2MC43NTMgMzYyLjk3OCAyNDEuODExVjExNS4zMDlINDc3LjAwMVY3OC42NTE0SDMyNi4zMlYyNDEuODExWiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzExNTRfMTAwNTcpIi8+CjxwYXRoIGQ9Ik02OS43NTM0IDYuOTUxMTNDODAuODM1NiAxNy44NzM3IDk0LjQwMTQgMjYuNTMxOSAxMTAuMDgyIDMyLjY1NjVDMTI1Ljk3MiAzOC44NjA4IDE0My44MjcgNDIuMDAyOSAxNjMuMTU4IDQyLjAwMjlIMjg5LjY2Vi0wLjI2MDczNUgzMjYuMzE4Vjc4LjY1MDhIMTYzLjE1OEMxMzkuMjQ5IDc4LjY1MDggMTE2LjkwNSA3NC42NjA4IDk2Ljc1NTUgNjYuNzkwNkM3Ni40MTY3IDU4Ljg0MDYgNTguNjcxMyA0Ny40ODkxIDQ0LjAwODIgMzMuMDM1NUMzNC4xMDMxIDIzLjI1MDEgMjUuNjY0NCAxMi4wOTgyIDE4Ljc2MTcgLTAuMjYwNzM1SDYzLjE0MDFDNjUuMjQ0OCAyLjI0Mjk3IDY3LjQzOTMgNC42NTY5MSA2OS43NTM0IDYuOTUxMTNaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMTE1NF8xMDA1NykiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzExNTRfMTAwNTciIHgxPSIxNDkuODA4IiB5MT0iNDA5IiB4Mj0iMTQ5LjgwOCIgeTI9IjEwNy40NzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA2Nzc1NyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNjc3NTciIHN0b3Atb3BhY2l0eT0iMC44Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xMTU0XzEwMDU3IiB4MT0iNDAxLjY2NiIgeTE9IjQwNC41NzEiIHgyPSI0MDEuNjY2IiB5Mj0iNzguNjUxNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDY3NzU3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA2Nzc1NyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzExNTRfMTAwNTciIHgxPSIxNzIuNTQiIHkxPSI3OC42NTA4IiB4Mj0iMTcyLjU0IiB5Mj0iLTAuMjYwNzM1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwNjc3NTciLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDY3NzU3IiBzdG9wLW9wYWNpdHk9IjAuOCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNTRfMTAwNTciPgo8cmVjdCB3aWR0aD0iNDc3IiBoZWlnaHQ9IjQwOS4yNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNDA5KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  z-index: 1;
}
section#cuando .contenedor {
  position: relative;
  z-index: 2;
}
section#cuando .contenedor .titulo * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#cuando .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#cuando .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#cuando .contenedor .titulo strong,
section#cuando .contenedor .titulo b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section#cuando .contenedor .titulo h1,
section#cuando .contenedor .titulo h2,
section#cuando .contenedor .titulo h3,
section#cuando .contenedor .titulo h4, section#cuando .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section#cuando .contenedor .titulo h1 strong,
section#cuando .contenedor .titulo h2 strong,
section#cuando .contenedor .titulo h3 strong,
section#cuando .contenedor .titulo h4 strong, section#cuando .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#cuando .contenedor .titulo h2,
section#cuando .contenedor .titulo h3,
section#cuando .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#cuando .contenedor .titulo ul li,
section#cuando .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#cuando .contenedor .titulo ul li::marker,
section#cuando .contenedor .titulo ol li::marker {
  color: #495f77;
}
section#cuando .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#cuando .contenedor .titulo > ul, section#cuando .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#cuando .contenedor .titulo > ul ol li,
section#cuando .contenedor .titulo > ul ul li, section#cuando .contenedor .titulo > ol ol li,
section#cuando .contenedor .titulo > ol ul li {
  padding: 0;
}
section#cuando .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#cuando .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#cuando .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#cuando .contenedor .titulo > .wp-video, section#cuando .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#cuando .contenedor .titulo > .wp-video .mejs-container, section#cuando .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#cuando .contenedor .titulo > .wp-video .mejs-container video, section#cuando .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#cuando .contenedor .titulo > .wp-video .mejs-overlay, section#cuando .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#cuando .contenedor .titulo > .wp-video .mejs-overlay-button, section#cuando .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#cuando .contenedor .titulo > .wp-video .mejs-controls, section#cuando .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#cuando .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#cuando .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#cuando .contenedor .titulo {
  width: 38rem;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 780px) {
  section#cuando .contenedor .titulo h2 {
    line-height: 1;
  }
  section#cuando .contenedor .titulo h2 strong {
    line-height: 1;
  }
}
section#cuando .contenedor .lista {
  gap: 30px;
}
section#cuando .contenedor .lista li {
  min-width: calc((100% - 60px) / 3);
  height: 15rem;
  overflow: hidden;
  border-radius: 1.5rem 1.5rem 0 1.5rem;
  flex: 1;
  position: relative;
  background-color: #000000;
}
@media (max-width: 1024px) {
  section#cuando .contenedor .lista li {
    min-width: calc(50% - 0.5rem);
  }
}
@media (max-width: 780px) {
  section#cuando .contenedor .lista li {
    min-width: 100%;
  }
}
section#cuando .contenedor .lista li 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;
  z-index: 1;
  opacity: 0.5;
  transition: all 0.3s ease;
}
section#cuando .contenedor .lista li .contenido {
  position: relative;
  z-index: 2;
  padding: 1rem;
  background: linear-gradient(to bottom, transparent 0%, #000000 100%);
}
section#cuando .contenedor .lista li .contenido > span {
  color: color(display-p3 0.89 0.78 0.36);
  font-size: 1.5625rem;
  font-weight: bold;
}
section#cuando .contenedor .lista li .contenido_p {
  color: #eeeeee;
}
@media (max-width: 780px) {
  section#cuando .contenedor .lista li img {
    transform: scale(1.1);
    opacity: 1;
  }
}
section#cuando .contenedor .lista li:hover img {
  transform: scale(1.1);
  opacity: 1;
}
section#cuando .contenedor .lista.cuatro li {
  min-width: 18rem;
  width: calc(50% - 25px);
  flex: auto;
}
section#cuando .contenedor .mensaje {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background-color: #eeeeee;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: bold;
  text-align: center;
}
section#entendemos {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
}
section#entendemos .contenedor .titulo * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#entendemos .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#entendemos .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#entendemos .contenedor .titulo strong,
section#entendemos .contenedor .titulo b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section#entendemos .contenedor .titulo h1,
section#entendemos .contenedor .titulo h2,
section#entendemos .contenedor .titulo h3,
section#entendemos .contenedor .titulo h4, section#entendemos .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section#entendemos .contenedor .titulo h1 strong,
section#entendemos .contenedor .titulo h2 strong,
section#entendemos .contenedor .titulo h3 strong,
section#entendemos .contenedor .titulo h4 strong, section#entendemos .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#entendemos .contenedor .titulo h2,
section#entendemos .contenedor .titulo h3,
section#entendemos .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#entendemos .contenedor .titulo ul li,
section#entendemos .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#entendemos .contenedor .titulo ul li::marker,
section#entendemos .contenedor .titulo ol li::marker {
  color: #495f77;
}
section#entendemos .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#entendemos .contenedor .titulo > ul, section#entendemos .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#entendemos .contenedor .titulo > ul ol li,
section#entendemos .contenedor .titulo > ul ul li, section#entendemos .contenedor .titulo > ol ol li,
section#entendemos .contenedor .titulo > ol ul li {
  padding: 0;
}
section#entendemos .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#entendemos .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#entendemos .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#entendemos .contenedor .titulo > .wp-video, section#entendemos .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#entendemos .contenedor .titulo > .wp-video .mejs-container, section#entendemos .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#entendemos .contenedor .titulo > .wp-video .mejs-container video, section#entendemos .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#entendemos .contenedor .titulo > .wp-video .mejs-overlay, section#entendemos .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#entendemos .contenedor .titulo > .wp-video .mejs-overlay-button, section#entendemos .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#entendemos .contenedor .titulo > .wp-video .mejs-controls, section#entendemos .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#entendemos .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#entendemos .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#entendemos .contenedor .titulo {
  width: 60rem;
  max-width: 100%;
  margin: 0 auto;
}
section#entendemos .contenedor .lista {
  display: grid;
  grid-template-columns: 20rem minmax(0, 1fr);
  gap: 3rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  section#entendemos .contenedor .lista {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
section#entendemos .contenedor .lista .tabs {
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  section#entendemos .contenedor .lista .tabs {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1rem;
    flex-direction: row;
    gap: 1rem;
  }
}
section#entendemos .contenedor .lista .tabs .tab {
  position: relative;
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: #eeeeee;
  font-size: 1.25rem;
  font-weight: 400;
}
@media (max-width: 1024px) {
  section#entendemos .contenedor .lista .tabs .tab {
    width: calc(33.3% - 0.65rem);
    min-width: 15rem;
    flex: 1;
  }
}
@media (max-width: 780px) {
  section#entendemos .contenedor .lista .tabs .tab {
    padding: 0.5rem;
    border-radius: 1rem;
    font-size: 1.125rem;
  }
}
section#entendemos .contenedor .lista .tabs .tab .tab__icon {
  height: 3rem;
  width: auto;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
section#entendemos .contenedor .lista .tabs .tab .tab__icon path {
  fill: #495f77;
  transition: fill 0.25s ease;
}
section#entendemos .contenedor .lista .tabs .tab.active {
  background-color: color(display-p3 0.89 0.78 0.36);
  font-weight: bold;
  color: color(display-p3 0.09 0.5 0.44);
}
section#entendemos .contenedor .lista .tabs .tab.active .tab__icon path {
  fill: color(display-p3 0.09 0.5 0.44);
}
section#entendemos .contenedor .lista .contenido_tab {
  position: relative;
  padding: 25px;
}
section#entendemos .contenedor .lista .contenido_tab * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#entendemos .contenedor .lista .contenido_tab .has-text-align-center {
  text-align: center;
}
section#entendemos .contenedor .lista .contenido_tab p {
  margin: 0.5rem 0;
}
section#entendemos .contenedor .lista .contenido_tab strong,
section#entendemos .contenedor .lista .contenido_tab b {
  color: #eeeeee;
  font-weight: 800;
}
section#entendemos .contenedor .lista .contenido_tab h1,
section#entendemos .contenedor .lista .contenido_tab h2,
section#entendemos .contenedor .lista .contenido_tab h3,
section#entendemos .contenedor .lista .contenido_tab h4, section#entendemos .contenedor .lista .contenido_tab > strong {
  font-size: 1rem;
  font-weight: 800;
  color: #eeeeee;
}
section#entendemos .contenedor .lista .contenido_tab h1 strong,
section#entendemos .contenedor .lista .contenido_tab h2 strong,
section#entendemos .contenedor .lista .contenido_tab h3 strong,
section#entendemos .contenedor .lista .contenido_tab h4 strong, section#entendemos .contenedor .lista .contenido_tab > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 1rem;
  font-weight: 800;
}
section#entendemos .contenedor .lista .contenido_tab h2,
section#entendemos .contenedor .lista .contenido_tab h3,
section#entendemos .contenedor .lista .contenido_tab h4 {
  margin: 1rem 0;
}
section#entendemos .contenedor .lista .contenido_tab ul li,
section#entendemos .contenedor .lista .contenido_tab ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#entendemos .contenedor .lista .contenido_tab ul li::marker,
section#entendemos .contenedor .lista .contenido_tab ol li::marker {
  color: #eeeeee;
}
section#entendemos .contenedor .lista .contenido_tab ol li {
  list-style-type: decimal;
}
section#entendemos .contenedor .lista .contenido_tab > ul, section#entendemos .contenedor .lista .contenido_tab > ol {
  padding: 0.5rem 0;
}
section#entendemos .contenedor .lista .contenido_tab > ul ol li,
section#entendemos .contenedor .lista .contenido_tab > ul ul li, section#entendemos .contenedor .lista .contenido_tab > ol ol li,
section#entendemos .contenedor .lista .contenido_tab > ol ul li {
  padding: 0;
}
section#entendemos .contenedor .lista .contenido_tab > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#entendemos .contenedor .lista .contenido_tab 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#entendemos .contenedor .lista .contenido_tab img {
    border-radius: 0.8rem;
  }
}
section#entendemos .contenedor .lista .contenido_tab > .wp-video, section#entendemos .contenedor .lista .contenido_tab > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#entendemos .contenedor .lista .contenido_tab > .wp-video .mejs-container, section#entendemos .contenedor .lista .contenido_tab > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#entendemos .contenedor .lista .contenido_tab > .wp-video .mejs-container video, section#entendemos .contenedor .lista .contenido_tab > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#entendemos .contenedor .lista .contenido_tab > .wp-video .mejs-overlay, section#entendemos .contenedor .lista .contenido_tab > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#entendemos .contenedor .lista .contenido_tab > .wp-video .mejs-overlay-button, section#entendemos .contenedor .lista .contenido_tab > 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#entendemos .contenedor .lista .contenido_tab > .wp-video .mejs-controls, section#entendemos .contenedor .lista .contenido_tab > video .mejs-controls {
  opacity: 1;
}
section#entendemos .contenedor .lista .contenido_tab > .wp-video .mejs-controls:has(.mejs-play), section#entendemos .contenedor .lista .contenido_tab > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#entendemos .contenedor .lista .contenido_tab {
  background-color: color(display-p3 0.09 0.5 0.44);
  border-radius: 1.5rem;
  display: none;
}
section#entendemos .contenedor .lista .contenido_tab ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
  gap: 25px;
}
section#entendemos .contenedor .lista .contenido_tab ul li {
  list-style: none;
  position: relative;
}
section#entendemos .contenedor .lista .contenido_tab ul li::before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: auto;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgMi44NzVDNi43NDQwMyAyLjg3NSAyLjg3NSA2Ljc0NDAzIDIuODc1IDExLjVDMi44NzUgMTYuMjU2IDYuNzQ0MDMgMjAuMTI1IDExLjUgMjAuMTI1QzE2LjI1NiAyMC4xMjUgMjAuMTI1IDE2LjI1NiAyMC4xMjUgMTEuNUMyMC4xMjUgNi43NDQwMyAxNi4yNTYgMi44NzUgMTEuNSAyLjg3NVpNMTUuOTU2MyAxMC40MzA1TDEyLjc3NTEgMTMuNTUzNUMxMi4yMTIzIDE0LjEwNTUgMTEuNDg3OCAxNC4zODA3IDEwLjc2MjYgMTQuMzgwN0MxMC4wNDUyIDE0LjM4MDcgOS4zMjc5NCAxNC4xMTA1IDguNzY3MzEgMTMuNTY5M0w3LjQwMjQxIDEyLjIyNzRDNy4xMTkyMiAxMS45NDkyIDcuMTE1NjMgMTEuNDk0MiA3LjM5Mzc4IDExLjIxMTFDNy42NzEyMiAxMC45MjcyIDguMTI3NjMgMTAuOTIzNiA4LjQxMDA5IDExLjIwMjRMOS43NzA2OSAxMi41NEMxMC4zMjg0IDEzLjA3OTEgMTEuMjA4OSAxMy4wNzYyIDExLjc2OTUgMTIuNTI3MUwxNC45NSA5LjQwNDg0QzE1LjIzMjUgOS4xMjU5NyAxNS42ODYgOS4xMzEgMTUuOTY2MyA5LjQxNDE5QzE2LjI0NDUgOS42OTczNyAxNi4yNDAyIDEwLjE1MjMgMTUuOTU2MyAxMC40MzA1WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: -2rem;
  top: 50%;
  transform: translate(0, -50%);
}
section#entendemos .contenedor .lista .contenido_tab:nth-child(2) ul li::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjE2NDQgOS44NTE5MUwxMi41MTYzIDExLjVMMTQuMTY0NCAxMy4xNDgxQzE0LjQ0NTQgMTMuNDI5MSAxNC40NDU0IDEzLjg4MzQgMTQuMTY0NCAxNC4xNjQ0QzE0LjAyNDIgMTQuMzA0NiAxMy44NDAzIDE0LjM3NSAxMy42NTYyIDE0LjM3NUMxMy40NzIyIDE0LjM3NSAxMy4yODgzIDE0LjMwNDYgMTMuMTQ4MSAxNC4xNjQ0TDExLjUgMTIuNTE2M0w5Ljg1MTkxIDE0LjE2NDRDOS43MTE3NSAxNC4zMDQ2IDkuNTI3NzUgMTQuMzc1IDkuMzQzNzUgMTQuMzc1QzkuMTU5NzUgMTQuMzc1IDguOTc1NzUgMTQuMzA0NiA4LjgzNTU5IDE0LjE2NDRDOC41NTQ1NiAxMy44ODM0IDguNTU0NTYgMTMuNDI5MSA4LjgzNTU5IDEzLjE0ODFMMTAuNDgzNyAxMS41TDguODM1NTkgOS44NTE5MUM4LjU1NDU2IDkuNTcwODcgOC41NTQ1NiA5LjExNjYzIDguODM1NTkgOC44MzU1OUM5LjExNjYzIDguNTU0NTYgOS41NzA4NyA4LjU1NDU2IDkuODUxOTEgOC44MzU1OUwxMS41IDEwLjQ4MzdMMTMuMTQ4MSA4LjgzNTU5QzEzLjQyOTEgOC41NTQ1NiAxMy44ODM0IDguNTU0NTYgMTQuMTY0NCA4LjgzNTU5QzE0LjQ0NTQgOS4xMTY2MyAxNC40NDU0IDkuNTcwODcgMTQuMTY0NCA5Ljg1MTkxWk0yMC4xMjUgMTEuNUMyMC4xMjUgMTYuMjU2IDE2LjI1NiAyMC4xMjUgMTEuNSAyMC4xMjVDNi43NDQwMyAyMC4xMjUgMi44NzUgMTYuMjU2IDIuODc1IDExLjVDMi44NzUgNi43NDQwMyA2Ljc0NDAzIDIuODc1IDExLjUgMi44NzVDMTYuMjU2IDIuODc1IDIwLjEyNSA2Ljc0NDAzIDIwLjEyNSAxMS41Wk0xOC42ODc1IDExLjVDMTguNjg3NSA3LjUzNjgxIDE1LjQ2MzIgNC4zMTI1IDExLjUgNC4zMTI1QzcuNTM2ODEgNC4zMTI1IDQuMzEyNSA3LjUzNjgxIDQuMzEyNSAxMS41QzQuMzEyNSAxNS40NjMyIDcuNTM2ODEgMTguNjg3NSAxMS41IDE4LjY4NzVDMTUuNDYzMiAxOC42ODc1IDE4LjY4NzUgMTUuNDYzMiAxOC42ODc1IDExLjVaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=");
}
section#entendemos .contenedor .lista .contenido_tab:nth-child(3) ul li::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMzU4MTMgMTUuMzQ1M0M5LjIyMTU2IDE1LjM0NTMgOS4wNzc4MSAxNS4zMDIyIDguOTYyODEgMTUuMjE1OUM4Ljc0IDE1LjA1MDYgOC42NDY1NiAxNC43NTU5IDguNzMyODEgMTQuNDlMOS4zNTA5NCAxMi41MDYyTDcuNzg0MDYgMTEuMjM0MUM3LjU3NTYyIDExLjA1NDQgNy40OTY1NiAxMC43NjY5IDcuNTkgMTAuNTA4MUM3LjY4MzQ0IDEwLjI0OTQgNy45MzUgMTAuMDc2OSA4LjIwODEzIDEwLjA3NjlIMTAuMTg0N0wxMC44ODE5IDguMjAwOTRDMTAuOTc1MyA3Ljk0MjE5IDExLjIyNjkgNy43Njk2OSAxMS41IDcuNzY5NjlDMTEuNzczMSA3Ljc2OTY5IDEyLjAyNDcgNy45NDIxOSAxMi4xMTgxIDguMjAwOTRMMTIuODE1MyAxMC4wNzY5SDE0Ljc5MTlDMTUuMDY1IDEwLjA3NjkgMTUuMzE2NiAxMC4yNDk0IDE1LjQxIDEwLjUwODFDMTUuNTAzNCAxMC43NjY5IDE1LjQyNDQgMTEuMDYxNiAxNS4yMTU5IDExLjI0MTNMMTMuNjU2MiAxMi41MTM0TDE0LjMwMzEgMTQuNDc1NkMxNC4zODk0IDE0Ljc0MTYgMTQuMzAzMSAxNS4wMzYyIDE0LjA4MDMgMTUuMjAxNkMxMy44NTc1IDE1LjM3NDEgMTMuNTU1NiAxNS4zODEzIDEzLjMxODQgMTUuMjMwM0wxMS41MDcyIDE0LjA1MTZMOS43MjQ2OSAxNS4yNDQ3QzkuNjE2ODcgMTUuMzE2NiA5LjQ4NzUgMTUuMzUyNSA5LjM1ODEzIDE1LjM1MjVWMTUuMzQ1M1pNMTEuNSAyMC4xMjVDNi43NDE4OCAyMC4xMjUgMi44NzUgMTYuMjU4MSAyLjg3NSAxMS41QzIuODc1IDYuNzQxODggNi43NDE4OCAyLjg3NSAxMS41IDIuODc1QzE2LjI1ODEgMi44NzUgMjAuMTI1IDYuNzQxODggMjAuMTI1IDExLjVDMjAuMTI1IDE2LjI1ODEgMTYuMjU4MSAyMC4xMjUgMTEuNSAyMC4xMjVaTTExLjUgNC4zMTI1QzcuNTM5NjkgNC4zMTI1IDQuMzEyNSA3LjUzOTY5IDQuMzEyNSAxMS41QzQuMzEyNSAxNS40NjAzIDcuNTM5NjkgMTguNjg3NSAxMS41IDE4LjY4NzVDMTUuNDYwMyAxOC42ODc1IDE4LjY4NzUgMTUuNDYwMyAxOC42ODc1IDExLjVDMTguNjg3NSA3LjUzOTY5IDE1LjQ2MDMgNC4zMTI1IDExLjUgNC4zMTI1WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K");
}
section#entendemos .contenedor .lista .contenido_tab.active {
  display: block;
}
section#entendemos .contenedor .mensaje {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background-color: #f0ecda;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: bold;
  text-align: center;
}
section#circle_section {
  /* Reducido (antes 40vh) para minimizar el hueco en blanco entre secciones,
     conservando altura suficiente para que el círculo crezca sin tapar el
     contenido. Sube/baja a gusto: más alto = menos riesgo, más bajo = menos
     espacio en blanco. */
  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;
  width: 100vw;
  height: 5rem;
  border-radius: 50%;
  background: color(display-p3 0.12 0.35 0.33);
  top: 100vh;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 20;
  will-change: transform, width, height;
}
section#como {
  /* A pantalla completa: cuando la sección se 'clava' (pin, start top top)
     ocupa todo el viewport. Como el header es fixed y tapa la franja superior,
     sumamos su alto al padding-top para que el título NO quede pegado al
     header (mismo criterio que #presentacion). Sube/baja el +1rem para ajustar
     el aire bajo el header. */
  height: 100vh;
  min-height: 0;
  padding: calc(var(--header-h, 0px) + 1rem) 0 2rem;
  background-color: color(display-p3 0.12 0.35 0.33);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
section#como > 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#como .contenedor {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: 0 !important;
}
section#como .contenedor .titulo * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#como .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#como .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#como .contenedor .titulo strong,
section#como .contenedor .titulo b {
  color: color(display-p3 0.89 0.78 0.36);
  font-weight: 800;
}
section#como .contenedor .titulo h1,
section#como .contenedor .titulo h2,
section#como .contenedor .titulo h3,
section#como .contenedor .titulo h4, section#como .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.89 0.78 0.36);
}
section#como .contenedor .titulo h1 strong,
section#como .contenedor .titulo h2 strong,
section#como .contenedor .titulo h3 strong,
section#como .contenedor .titulo h4 strong, section#como .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#como .contenedor .titulo h2,
section#como .contenedor .titulo h3,
section#como .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#como .contenedor .titulo ul li,
section#como .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#como .contenedor .titulo ul li::marker,
section#como .contenedor .titulo ol li::marker {
  color: #eeeeee;
}
section#como .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#como .contenedor .titulo > ul, section#como .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#como .contenedor .titulo > ul ol li,
section#como .contenedor .titulo > ul ul li, section#como .contenedor .titulo > ol ol li,
section#como .contenedor .titulo > ol ul li {
  padding: 0;
}
section#como .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#como .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#como .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#como .contenedor .titulo > .wp-video, section#como .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#como .contenedor .titulo > .wp-video .mejs-container, section#como .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#como .contenedor .titulo > .wp-video .mejs-container video, section#como .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#como .contenedor .titulo > .wp-video .mejs-overlay, section#como .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#como .contenedor .titulo > .wp-video .mejs-overlay-button, section#como .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#como .contenedor .titulo > .wp-video .mejs-controls, section#como .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#como .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#como .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#como .contenedor .titulo {
  width: 100%;
  max-width: 65rem;
  margin: 0 auto !important;
  flex-shrink: 0;
}
section#como .contenedor .lista {
  position: relative;
  flex: 1;
  max-width: 55rem;
  width: 100%;
  margin: 0 auto;
}
section#como .contenedor .lista .item {
  position: absolute;
  width: 100%;
  max-width: 55rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem;
  border-radius: 1.5rem;
  background-color: color(display-p3 0.09 0.5 0.44);
  pointer-events: none;
  box-sizing: border-box;
  will-change: opacity, transform;
}
section#como .contenedor .lista .item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 80%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU5IiBoZWlnaHQ9IjM1MSIgdmlld0JveD0iMCAwIDM1OSAzNTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMSIgZD0iTTM0NS4xNTEgMjUzLjQ0NUMzMzYuNjI5IDI3NS44MDggMzIzLjg0NiAyOTQuOTc2IDMwNy44NjYgMzEwLjk1QzI5MS44ODcgMzI2LjkyMyAyNzIuNzEyIDMzOS43MDIgMjUxLjQwNyAzNDguMjIxQzIzMC4xMDEgMzU2Ljc0IDIwNS41OTkgMzYxIDE3OC45NjcgMzYxQzE1Mi4zMzUgMzYxIDEyOC44OTkgMzU2Ljc0IDEwNi41MjggMzQ4LjIyMUM4NC4xNTczIDMzOS43MDIgNjYuMDQ3NSAzMjYuOTIzIDUwLjA2ODIgMzEwLjk1QzM0LjA4OSAyOTQuOTc2IDIyLjM3MDkgMjc1LjgwOCAxMi43ODM0IDI1My40NDVDNC4yNjExMyAyMzEuMDgzIDAgMjA2LjU5IDAgMTc4LjkwM0MwIDE1Mi4yOCA0LjI2MTEzIDEyNy43ODggMTIuNzgzNCAxMDYuNDlDMjEuMzA1NiA4NC4xMjY5IDM0LjA4OSA2Ni4wMjM2IDUwLjA2ODIgNTAuMDUwMkM2Ni4wNDc1IDM0LjA3NjcgODUuMjIyNSAyMi4zNjI5IDEwNi41MjggMTIuNzc4OEMxMjguODk5IDQuMjU5NjEgMTUyLjMzNSAwIDE3OC45NjcgMEgxOTAuNjg1TDI3NC44NDMgMEgzNTlMMzU5IDE3OC45MDNDMzU3LjkzNSAyMDYuNTkgMzUzLjY3NCAyMzEuMDgzIDM0NS4xNTEgMjUzLjQ0NVpNMjc0Ljg0MyAxNzIuNTEzTDI3NC44NDMgNzguODAyNEwxOTAuNjg1IDc4LjgwMjRIMTc4Ljk2N0MxNjUuMTE5IDc4LjgwMjQgMTUyLjMzNSA4MC45MzIyIDE0MC42MTcgODYuMjU2N0MxMjguODk5IDkxLjU4MTEgMTE5LjMxMiA5Ny45NzA1IDExMC43ODkgMTA2LjQ5QzEwMi4yNjcgMTE1LjAwOSA5NS44NzU0IDEyNS42NTggOTEuNjE0MiAxMzguNDM3Qzg3LjM1MzEgMTUxLjIxNSA4NC4xNTczIDE2My45OTQgODQuMTU3MyAxNzguOTAzQzg0LjE1NzMgMTkzLjgxMSA4Ni4yODc4IDIwNy42NTUgOTEuNjE0MiAyMjAuNDM0Qzk1Ljg3NTQgMjMzLjIxMiAxMDIuMjY3IDI0My44NjEgMTEwLjc4OSAyNTMuNDQ1QzExOS4zMTIgMjYzLjAzIDEyOC44OTkgMjY5LjQxOSAxNDAuNjE3IDI3NC43NDNDMTUyLjMzNSAyODAuMDY4IDE2NS4xMTkgMjgyLjE5OCAxNzguOTY3IDI4Mi4xOThDMTkyLjgxNiAyODIuMTk4IDIwNS41OTkgMjgwLjA2OCAyMTcuMzE3IDI3NC43NDNDMjI5LjAzNiAyNjkuNDE5IDIzOC42MjMgMjYxLjk2NSAyNDcuMTQ1IDI1My40NDVDMjU1LjY2OCAyNDMuODYxIDI2Mi4wNTkgMjMzLjIxMiAyNjcuMzg2IDIyMC40MzRDMjcxLjY0NyAyMDcuNjU1IDI3NC44NDMgMTkzLjgxMSAyNzQuODQzIDE3OC45MDNWMTcyLjUxM1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yODE1XzMxNjUpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjgxNV8zMTY1IiB4MT0iMTc5LjUiIHkxPSIzNjEiIHgyPSIxNzkuNSIgeTI9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
section#como .contenedor .lista .item.active {
  pointer-events: auto;
}
section#como .contenedor .lista .item img {
  height: 2.5rem;
  width: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
  flex-shrink: 0;
}
section#como .contenedor .lista .item h3 {
  color: color(display-p3 0.89 0.78 0.36);
  font-size: 1.5625rem;
  font-weight: bold;
}
section#como .contenedor .lista .item .contenido * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.875rem;
}
section#como .contenedor .lista .item .contenido .has-text-align-center {
  text-align: center;
}
section#como .contenedor .lista .item .contenido p {
  margin: 0.5rem 0;
}
section#como .contenedor .lista .item .contenido strong,
section#como .contenedor .lista .item .contenido b {
  color: color(display-p3 0.89 0.78 0.36);
  font-weight: 800;
}
section#como .contenedor .lista .item .contenido h1,
section#como .contenedor .lista .item .contenido h2,
section#como .contenedor .lista .item .contenido h3,
section#como .contenedor .lista .item .contenido h4, section#como .contenedor .lista .item .contenido > strong {
  font-size: 0.9375rem;
  font-weight: 800;
  color: color(display-p3 0.89 0.78 0.36);
}
section#como .contenedor .lista .item .contenido h1 strong,
section#como .contenedor .lista .item .contenido h2 strong,
section#como .contenedor .lista .item .contenido h3 strong,
section#como .contenedor .lista .item .contenido h4 strong, section#como .contenedor .lista .item .contenido > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 0.9375rem;
  font-weight: 800;
}
section#como .contenedor .lista .item .contenido h2,
section#como .contenedor .lista .item .contenido h3,
section#como .contenedor .lista .item .contenido h4 {
  margin: 1rem 0;
}
section#como .contenedor .lista .item .contenido ul li,
section#como .contenedor .lista .item .contenido ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#como .contenedor .lista .item .contenido ul li::marker,
section#como .contenedor .lista .item .contenido ol li::marker {
  color: #eeeeee;
}
section#como .contenedor .lista .item .contenido ol li {
  list-style-type: decimal;
}
section#como .contenedor .lista .item .contenido > ul, section#como .contenedor .lista .item .contenido > ol {
  padding: 0.5rem 0;
}
section#como .contenedor .lista .item .contenido > ul ol li,
section#como .contenedor .lista .item .contenido > ul ul li, section#como .contenedor .lista .item .contenido > ol ol li,
section#como .contenedor .lista .item .contenido > ol ul li {
  padding: 0;
}
section#como .contenedor .lista .item .contenido > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#como .contenedor .lista .item .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#como .contenedor .lista .item .contenido img {
    border-radius: 0.8rem;
  }
}
section#como .contenedor .lista .item .contenido > .wp-video, section#como .contenedor .lista .item .contenido > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#como .contenedor .lista .item .contenido > .wp-video .mejs-container, section#como .contenedor .lista .item .contenido > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#como .contenedor .lista .item .contenido > .wp-video .mejs-container video, section#como .contenedor .lista .item .contenido > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#como .contenedor .lista .item .contenido > .wp-video .mejs-overlay, section#como .contenedor .lista .item .contenido > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#como .contenedor .lista .item .contenido > .wp-video .mejs-overlay-button, section#como .contenedor .lista .item .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#como .contenedor .lista .item .contenido > .wp-video .mejs-controls, section#como .contenedor .lista .item .contenido > video .mejs-controls {
  opacity: 1;
}
section#como .contenedor .lista .item .contenido > .wp-video .mejs-controls:has(.mejs-play), section#como .contenedor .lista .item .contenido > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#como .contenedor .lista .item .contenido {
  position: relative;
  z-index: 2;
  pointer-events: auto;
  overflow-y: auto;
  background-color: transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(238, 238, 238, 0.45) transparent;
  max-height: 8rem;
}
@media (max-width: 870px) {
  section#como .contenedor .lista .item .contenido {
    max-height: 17rem;
  }
}
section#como .contenedor .lista .item .contenido p {
  margin: 0;
}
section#como .contenedor .lista .item .contenido::-webkit-scrollbar {
  width: 6px;
}
section#como .contenedor .lista .item .contenido::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 999px;
  margin-block: 0.25rem;
}
section#como .contenedor .lista .item .contenido::-webkit-scrollbar-thumb {
  background-color: rgba(238, 238, 238, 0.35);
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: content-box;
}
section#como .contenedor .lista .item .contenido::-webkit-scrollbar-thumb:hover {
  background-color: rgba(228, 201, 92, 0.75);
}
section#como .contenedor .ti-como-paginator {
  position: absolute;
  left: -6rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.6rem;
  z-index: 10;
}
@media (max-width: 1200px) {
  section#como .contenedor .ti-como-paginator {
    display: none;
  }
}
section#como .contenedor .ti-como-dot {
  width: 2.5rem;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.85);
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  position: relative;
}
section#como .contenedor .ti-como-dot span {
  position: relative;
  z-index: 2;
  color: #eeeeee;
}
section#como .contenedor .ti-como-dot::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 2.6rem;
  border-left: 1px dashed rgba(255, 255, 255, 0.55);
}
section#como .contenedor .ti-como-dot:last-child::after {
  display: none;
}
section#como .contenedor .ti-como-dot.active {
  background: color(display-p3 0.89 0.78 0.36);
  border-color: color(display-p3 0.89 0.78 0.36);
}
section#como .contenedor .ti-como-dot.active span {
  color: color(display-p3 0.12 0.35 0.33);
}
section#como .contenedor .mensaje {
  /* En FLUJO (no absolute): así la .lista (flex:1) ocupa solo el espacio
     ENTRE el título y este mensaje, y la card queda centrada entre ambos.
     Antes era absolute bottom:0 y la lista se extendía por detrás. */
  position: relative;
  z-index: 5;
  flex-shrink: 0;
  margin: 1rem auto 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: #eeeeee;
  font-weight: bold;
  text-align: center;
  width: 50rem;
  max-width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
}
section#como .contenedor > .enlace {
  /* En FLUJO (no absolute), mismo criterio que .mensaje: la card se centra
     entre el título y este enlace. */
  position: relative;
  z-index: 5;
  flex-shrink: 0;
  margin: 1rem auto 0;
  width: 65rem;
  max-width: calc(100% - 2rem);
  background: linear-gradient(to bottom, #0b6f41 0%, #004c37 100%);
  padding: 1rem 2.5rem;
  border-radius: 4rem;
}
section#como .contenedor > .enlace span {
  color: #eeeeee;
  font-size: 0.938rem;
  font-weight: bold;
}
section#como .contenedor > .enlace span p {
  color: #eeeeee;
  font-size: 0.938rem;
  font-weight: bold;
}
section#como .contenedor > .enlace 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#como .contenedor > .enlace a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#como .contenedor > .enlace a {
  width: -moz-max-content;
  width: max-content;
  font-weight: bold;
  overflow: hidden;
  position: relative;
}
section#como .contenedor > .enlace 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 slider-x {
  0%, 35.714% {
    left: 150%;
  }
  50%, 85.714% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@media (max-width: 1024px) {
  section#como .contenedor .lista {
    max-width: 45rem;
  }
  section#como .contenedor .lista .item {
    padding: 1.5rem;
  }
  section#como .contenedor .ti-como-paginator {
    left: -4rem;
    gap: 1.8rem;
    display: none;
  }
  section#como .contenedor .ti-como-dot {
    width: 2rem;
  }
  section#como .contenedor .ti-como-dot::after {
    height: 1.8rem;
  }
}
@media (max-width: 780px) {
  section#como .contenedor {
    gap: 1rem;
  }
  section#como .contenedor .lista {
    max-width: 100%;
  }
  section#como .contenedor .lista .item {
    padding: 1rem;
    gap: 0.5rem;
    /* La card no puede pasar del alto disponible de la lista: su contenido
       hace scroll interno (ver .contenido) en lugar de desbordar. */
    max-height: 100%;
  }
  section#como .contenedor .lista .item img {
    height: 2rem;
  }
  section#como .contenedor .lista .item h3 {
    font-size: 1.25rem;
  }
  section#como .contenedor .lista .item .contenido {
    flex: 1;
    min-height: 0;
  }
  section#como .contenedor .titulo {
    width: 100%;
  }
}
@media (max-width: 780px) and (max-width: 780px) {
  section#como .contenedor .titulo h2 {
    font-size: 1.5rem;
  }
  section#como .contenedor .titulo p {
    display: none;
  }
}
@media (max-width: 780px) {
  section#como .contenedor .ti-como-paginator {
    left: 0.5rem;
    gap: 1.2rem;
  }
  section#como .contenedor .ti-como-dot {
    width: 1.75rem;
    font-size: 0.75rem;
  }
  section#como .contenedor .ti-como-dot::after {
    height: 1.2rem;
  }
  section#como .contenedor .ti-como-dot span {
    font-size: 0.75rem;
  }
  section#como .contenedor > .enlace {
    padding: 1rem;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
    border-radius: 1.5rem;
  }
  section#como .contenedor > .enlace span {
    flex: none;
  }
  section#como .contenedor > .enlace a {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 650px) {
  section#como .contenedor .lista .item {
    padding: 0.75rem;
    gap: 0.4rem;
  }
  section#como .contenedor .lista .item img {
    height: 1.5rem;
  }
  section#como .contenedor .lista .item h3 {
    font-size: 1rem;
  }
  section#como .contenedor .lista .item .contenido {
    font-size: 0.8125rem;
  }
  section#como .contenedor .ti-como-paginator {
    display: none;
  }
}
section#obtienes {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
  background-color: color(display-p3 0.12 0.35 0.33);
}
section#obtienes .contenedor .banner {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
section#obtienes .contenedor .banner picture {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
section#obtienes .contenedor .banner picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section#obtienes .contenedor .lista > li {
  width: calc(50% - 1rem);
  min-width: 18rem;
  flex: 1;
  max-width: 40rem;
  background-color: #356a64;
  border: 1px solid #5d8883;
  padding: 1.5rem;
  border-radius: 1.5rem 1.5rem 0 1.5rem;
}
@media (max-width: 780px) {
  section#obtienes .contenedor .lista > li {
    width: 100%;
  }
}
section#obtienes .contenedor .lista > li img {
  height: 3rem;
  width: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
section#obtienes .contenedor .lista > li h3 {
  font-size: 1.5625rem;
  font-weight: bold;
  color: #eeeeee;
}
section#obtienes .contenedor .lista > li .contenido * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.875rem;
}
section#obtienes .contenedor .lista > li .contenido .has-text-align-center {
  text-align: center;
}
section#obtienes .contenedor .lista > li .contenido p {
  margin: 0.5rem 0;
}
section#obtienes .contenedor .lista > li .contenido strong,
section#obtienes .contenedor .lista > li .contenido b {
  color: #eeeeee;
  font-weight: 800;
}
section#obtienes .contenedor .lista > li .contenido h1,
section#obtienes .contenedor .lista > li .contenido h2,
section#obtienes .contenedor .lista > li .contenido h3,
section#obtienes .contenedor .lista > li .contenido h4, section#obtienes .contenedor .lista > li .contenido > strong {
  font-size: 0.875rem;
  font-weight: 800;
  color: #eeeeee;
}
section#obtienes .contenedor .lista > li .contenido h1 strong,
section#obtienes .contenedor .lista > li .contenido h2 strong,
section#obtienes .contenedor .lista > li .contenido h3 strong,
section#obtienes .contenedor .lista > li .contenido h4 strong, section#obtienes .contenedor .lista > li .contenido > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 0.875rem;
  font-weight: 800;
}
section#obtienes .contenedor .lista > li .contenido h2,
section#obtienes .contenedor .lista > li .contenido h3,
section#obtienes .contenedor .lista > li .contenido h4 {
  margin: 1rem 0;
}
section#obtienes .contenedor .lista > li .contenido ul li,
section#obtienes .contenedor .lista > li .contenido ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#obtienes .contenedor .lista > li .contenido ul li::marker,
section#obtienes .contenedor .lista > li .contenido ol li::marker {
  color: #eeeeee;
}
section#obtienes .contenedor .lista > li .contenido ol li {
  list-style-type: decimal;
}
section#obtienes .contenedor .lista > li .contenido > ul, section#obtienes .contenedor .lista > li .contenido > ol {
  padding: 0.5rem 0;
}
section#obtienes .contenedor .lista > li .contenido > ul ol li,
section#obtienes .contenedor .lista > li .contenido > ul ul li, section#obtienes .contenedor .lista > li .contenido > ol ol li,
section#obtienes .contenedor .lista > li .contenido > ol ul li {
  padding: 0;
}
section#obtienes .contenedor .lista > li .contenido > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#obtienes .contenedor .lista > 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#obtienes .contenedor .lista > li .contenido img {
    border-radius: 0.8rem;
  }
}
section#obtienes .contenedor .lista > li .contenido > .wp-video, section#obtienes .contenedor .lista > li .contenido > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#obtienes .contenedor .lista > li .contenido > .wp-video .mejs-container, section#obtienes .contenedor .lista > li .contenido > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#obtienes .contenedor .lista > li .contenido > .wp-video .mejs-container video, section#obtienes .contenedor .lista > li .contenido > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#obtienes .contenedor .lista > li .contenido > .wp-video .mejs-overlay, section#obtienes .contenedor .lista > li .contenido > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#obtienes .contenedor .lista > li .contenido > .wp-video .mejs-overlay-button, section#obtienes .contenedor .lista > 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#obtienes .contenedor .lista > li .contenido > .wp-video .mejs-controls, section#obtienes .contenedor .lista > li .contenido > video .mejs-controls {
  opacity: 1;
}
section#obtienes .contenedor .lista > li .contenido > .wp-video .mejs-controls:has(.mejs-play), section#obtienes .contenedor .lista > li .contenido > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#obtienes .contenedor .lista.tres li {
  width: calc(33.34% - 0.75rem);
}
section#obtienes .contenedor > .enlace {
  width: 65rem;
  max-width: 100%;
  margin: 0 auto;
  background: linear-gradient(to bottom, #0b6f41 0%, #004c37 100%);
  padding: 1rem 2.5rem;
  border-radius: 4rem;
}
@media (max-width: 780px) {
  section#obtienes .contenedor > .enlace {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    border-radius: 2rem;
  }
}
section#obtienes .contenedor > .enlace span {
  color: #eeeeee;
  font-size: 0.938rem;
  font-weight: bold;
}
section#obtienes .contenedor > .enlace span p {
  color: #eeeeee;
  font-size: 0.938rem;
  font-weight: bold;
}
section#obtienes .contenedor > .enlace 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#obtienes .contenedor > .enlace a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#obtienes .contenedor > .enlace a {
  width: -moz-max-content;
  width: max-content;
  font-weight: bold;
  overflow: hidden;
  position: relative;
}
section#obtienes .contenedor > .enlace 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 slider-x {
  0%, 35.714% {
    left: 150%;
  }
  50%, 85.714% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
section#trabaja {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 4rem 0;
}
@media (max-width: 780px) {
  section#trabaja {
    padding: 2rem 0;
  }
}
section#trabaja .contenedor .titulo * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#trabaja .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#trabaja .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#trabaja .contenedor .titulo strong,
section#trabaja .contenedor .titulo b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section#trabaja .contenedor .titulo h1,
section#trabaja .contenedor .titulo h2,
section#trabaja .contenedor .titulo h3,
section#trabaja .contenedor .titulo h4, section#trabaja .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section#trabaja .contenedor .titulo h1 strong,
section#trabaja .contenedor .titulo h2 strong,
section#trabaja .contenedor .titulo h3 strong,
section#trabaja .contenedor .titulo h4 strong, section#trabaja .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#trabaja .contenedor .titulo h2,
section#trabaja .contenedor .titulo h3,
section#trabaja .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#trabaja .contenedor .titulo ul li,
section#trabaja .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#trabaja .contenedor .titulo ul li::marker,
section#trabaja .contenedor .titulo ol li::marker {
  color: #495f77;
}
section#trabaja .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#trabaja .contenedor .titulo > ul, section#trabaja .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#trabaja .contenedor .titulo > ul ol li,
section#trabaja .contenedor .titulo > ul ul li, section#trabaja .contenedor .titulo > ol ol li,
section#trabaja .contenedor .titulo > ol ul li {
  padding: 0;
}
section#trabaja .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#trabaja .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#trabaja .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#trabaja .contenedor .titulo > .wp-video, section#trabaja .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#trabaja .contenedor .titulo > .wp-video .mejs-container, section#trabaja .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#trabaja .contenedor .titulo > .wp-video .mejs-container video, section#trabaja .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#trabaja .contenedor .titulo > .wp-video .mejs-overlay, section#trabaja .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#trabaja .contenedor .titulo > .wp-video .mejs-overlay-button, section#trabaja .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#trabaja .contenedor .titulo > .wp-video .mejs-controls, section#trabaja .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#trabaja .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#trabaja .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#trabaja .contenedor .titulo {
  width: 50rem;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 780px) {
  section#trabaja .contenedor .titulo h2 {
    font-size: 1.875rem;
    line-height: 1;
  }
  section#trabaja .contenedor .titulo h2 strong {
    font-size: 1.875rem;
    line-height: 1;
  }
}
section#trabaja .contenedor .contenido {
  display: flex;
  gap: 50px;
  align-items: center;
}
@media (max-width: 1024px) {
  section#trabaja .contenedor .contenido {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 40rem;
    max-width: 100%;
    margin: 0 auto;
  }
}
section#trabaja .contenedor .contenido img {
  border-radius: 0 3rem 3rem 3rem;
  width: calc(46% - 25px);
  height: auto;
  max-height: 449px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 870px) {
  section#trabaja .contenedor .contenido img {
    width: 100%;
  }
}
section#trabaja .contenedor .contenido .lista {
  border-top: 1px solid #ccd2f0;
  border-bottom: 1px solid #ccd2f0;
  height: -moz-fit-content;
  height: fit-content;
  width: calc(54% - 25px);
}
@media (max-width: 870px) {
  section#trabaja .contenedor .contenido .lista {
    width: 100%;
  }
}
section#trabaja .contenedor .contenido .lista li {
  padding: 1rem 1.5rem;
  border-radius: 1.5rem 0 1.5rem 1.5rem;
  background-color: transparent;
}
section#trabaja .contenedor .contenido .lista li span {
  position: relative;
  cursor: pointer;
}
section#trabaja .contenedor .contenido .lista li span::after {
  position: relative;
  content: "";
  height: 1rem;
  width: auto;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgcng9IjkuNSIgc3Ryb2tlPSIjNDk1Rjc3Ii8+CjxyZWN0IHg9IjYiIHk9IjkuMzMzNSIgd2lkdGg9IjgiIGhlaWdodD0iMS4zMzMzMyIgZmlsbD0iIzQ5NUY3NyIvPgo8cmVjdCB4PSI5LjMzMjAzIiB5PSIxNCIgd2lkdGg9IjgiIGhlaWdodD0iMS4zMzMzMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDkuMzMyMDMgMTQpIiBmaWxsPSIjNDk1Rjc3Ii8+Cjwvc3ZnPgo=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease;
}
section#trabaja .contenedor .contenido .lista li span .pregunta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: bold;
  font-size: 0.9375rem;
  transition: all 0.3s ease;
}
section#trabaja .contenedor .contenido .lista li span .pregunta b {
  font-weight: bold;
  font-size: 0.9375rem;
  transition: all 0.3s ease;
}
section#trabaja .contenedor .contenido .lista li .contenido_p {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
section#trabaja .contenedor .contenido .lista li .contenido_p * {
  color: #495f77;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.875rem;
}
section#trabaja .contenedor .contenido .lista li .contenido_p .has-text-align-center {
  text-align: center;
}
section#trabaja .contenedor .contenido .lista li .contenido_p p {
  margin: 0.5rem 0;
}
section#trabaja .contenedor .contenido .lista li .contenido_p strong,
section#trabaja .contenedor .contenido .lista li .contenido_p b {
  color: #495f77;
  font-weight: 800;
}
section#trabaja .contenedor .contenido .lista li .contenido_p h1,
section#trabaja .contenedor .contenido .lista li .contenido_p h2,
section#trabaja .contenedor .contenido .lista li .contenido_p h3,
section#trabaja .contenedor .contenido .lista li .contenido_p h4, section#trabaja .contenedor .contenido .lista li .contenido_p > strong {
  font-size: 0.875rem;
  font-weight: 800;
  color: #495f77;
}
section#trabaja .contenedor .contenido .lista li .contenido_p h1 strong,
section#trabaja .contenedor .contenido .lista li .contenido_p h2 strong,
section#trabaja .contenedor .contenido .lista li .contenido_p h3 strong,
section#trabaja .contenedor .contenido .lista li .contenido_p h4 strong, section#trabaja .contenedor .contenido .lista li .contenido_p > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 0.875rem;
  font-weight: 800;
}
section#trabaja .contenedor .contenido .lista li .contenido_p h2,
section#trabaja .contenedor .contenido .lista li .contenido_p h3,
section#trabaja .contenedor .contenido .lista li .contenido_p h4 {
  margin: 1rem 0;
}
section#trabaja .contenedor .contenido .lista li .contenido_p ul li,
section#trabaja .contenedor .contenido .lista li .contenido_p ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#trabaja .contenedor .contenido .lista li .contenido_p ul li::marker,
section#trabaja .contenedor .contenido .lista li .contenido_p ol li::marker {
  color: #495f77;
}
section#trabaja .contenedor .contenido .lista li .contenido_p ol li {
  list-style-type: decimal;
}
section#trabaja .contenedor .contenido .lista li .contenido_p > ul, section#trabaja .contenedor .contenido .lista li .contenido_p > ol {
  padding: 0.5rem 0;
}
section#trabaja .contenedor .contenido .lista li .contenido_p > ul ol li,
section#trabaja .contenedor .contenido .lista li .contenido_p > ul ul li, section#trabaja .contenedor .contenido .lista li .contenido_p > ol ol li,
section#trabaja .contenedor .contenido .lista li .contenido_p > ol ul li {
  padding: 0;
}
section#trabaja .contenedor .contenido .lista li .contenido_p > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#trabaja .contenedor .contenido .lista li .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#trabaja .contenedor .contenido .lista li .contenido_p img {
    border-radius: 0.8rem;
  }
}
section#trabaja .contenedor .contenido .lista li .contenido_p > .wp-video, section#trabaja .contenedor .contenido .lista li .contenido_p > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#trabaja .contenedor .contenido .lista li .contenido_p > .wp-video .mejs-container, section#trabaja .contenedor .contenido .lista li .contenido_p > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#trabaja .contenedor .contenido .lista li .contenido_p > .wp-video .mejs-container video, section#trabaja .contenedor .contenido .lista li .contenido_p > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#trabaja .contenedor .contenido .lista li .contenido_p > .wp-video .mejs-overlay, section#trabaja .contenedor .contenido .lista li .contenido_p > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#trabaja .contenedor .contenido .lista li .contenido_p > .wp-video .mejs-overlay-button, section#trabaja .contenedor .contenido .lista li .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#trabaja .contenedor .contenido .lista li .contenido_p > .wp-video .mejs-controls, section#trabaja .contenedor .contenido .lista li .contenido_p > video .mejs-controls {
  opacity: 1;
}
section#trabaja .contenedor .contenido .lista li .contenido_p > .wp-video .mejs-controls:has(.mejs-play), section#trabaja .contenedor .contenido .lista li .contenido_p > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#trabaja .contenedor .contenido .lista li .contenido_p * {
  font-weight: 500;
}
section#trabaja .contenedor .contenido .lista li.active {
  background-color: color(display-p3 0.89 0.78 0.36);
}
section#trabaja .contenedor .contenido .lista li.active span::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iMTAiIGZpbGw9IiMxNzgwNkYiLz4KPHJlY3QgeD0iNiIgeT0iOS4zMzM1IiB3aWR0aD0iOCIgaGVpZ2h0PSIxLjMzMzMzIiBmaWxsPSIjRUVFRUVFIi8+CjxyZWN0IHg9IjYiIHk9IjkuMzMzNSIgd2lkdGg9IjgiIGhlaWdodD0iMS4zMzMzMyIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K");
}
section#trabaja .contenedor .contenido .lista li.active span .pregunta {
  color: color(display-p3 0.12 0.35 0.33);
}
section#trabaja .contenedor .contenido .lista li.active span .pregunta b {
  color: color(display-p3 0.12 0.35 0.33);
}
section#trabaja .contenedor .contenido .lista li.active .contenido_p {
  padding-top: 1rem;
  max-height: 40rem;
  opacity: 1;
}
section#trabaja .contenedor .contenido .lista li:not(:last-child) {
  position: relative;
}
section#trabaja .contenedor .contenido .lista li:not(:last-child)::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -0.5rem;
  height: 1px;
  width: 100%;
  background-color: #ccd2f0;
  transform: translate(-50%, -50%);
}
section#trabaja .contenedor .mensaje {
  background-color: #b7cdcc;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: bold;
  text-align: center;
  width: 60rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 0.5rem;
}
section#agenda {
  height: auto;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 2rem 0;
}
section#agenda .contenedor {
  position: relative;
  border-radius: 2rem 0 2rem 2rem;
  overflow: hidden;
  background: linear-gradient(to bottom, #2f45ce 0%, #182368 100%);
  padding: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40rem;
}
@media (max-width: 1180px) {
  section#agenda .contenedor {
    grid-template-columns: minmax(0, 1fr) 26rem;
  }
}
@media (max-width: 870px) {
  section#agenda .contenedor {
    display: flex;
    flex-direction: column;
  }
}
section#agenda .contenedor::before {
  position: absolute;
  z-index: 2;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background: linear-gradient(180deg, #2F45CE 0%, #182368 100%);
}
section#agenda .contenedor picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.1;
  z-index: 1;
}
section#agenda .contenedor picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section#agenda .contenedor .contenido {
  padding: 2.5rem 0 2.5rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  position: relative;
  z-index: 3;
}
@media (max-width: 1024px) {
  section#agenda .contenedor .contenido {
    padding: 2rem 0 2rem 1rem;
  }
}
@media (max-width: 1024px) {
  section#agenda .contenedor .contenido {
    padding: 1rem;
  }
}
section#agenda .contenedor .contenido .titulo {
  width: 28rem;
  max-width: 100%;
}
section#agenda .contenedor .contenido .titulo * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
section#agenda .contenedor .contenido .titulo .has-text-align-center {
  text-align: center;
}
section#agenda .contenedor .contenido .titulo p {
  margin: 0.5rem 0;
}
section#agenda .contenedor .contenido .titulo strong,
section#agenda .contenedor .contenido .titulo b {
  color: #eeeeee;
  font-weight: 800;
}
section#agenda .contenedor .contenido .titulo h1,
section#agenda .contenedor .contenido .titulo h2,
section#agenda .contenedor .contenido .titulo h3,
section#agenda .contenedor .contenido .titulo h4, section#agenda .contenedor .contenido .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: #eeeeee;
}
section#agenda .contenedor .contenido .titulo h1 strong,
section#agenda .contenedor .contenido .titulo h2 strong,
section#agenda .contenedor .contenido .titulo h3 strong,
section#agenda .contenedor .contenido .titulo h4 strong, section#agenda .contenedor .contenido .titulo > strong strong {
  color: color(display-p3 0.89 0.78 0.36);
  font-size: 2.5rem;
  font-weight: 800;
}
section#agenda .contenedor .contenido .titulo h2,
section#agenda .contenedor .contenido .titulo h3,
section#agenda .contenedor .contenido .titulo h4 {
  margin: 1rem 0;
}
section#agenda .contenedor .contenido .titulo ul li,
section#agenda .contenedor .contenido .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#agenda .contenedor .contenido .titulo ul li::marker,
section#agenda .contenedor .contenido .titulo ol li::marker {
  color: #eeeeee;
}
section#agenda .contenedor .contenido .titulo ol li {
  list-style-type: decimal;
}
section#agenda .contenedor .contenido .titulo > ul, section#agenda .contenedor .contenido .titulo > ol {
  padding: 0.5rem 0;
}
section#agenda .contenedor .contenido .titulo > ul ol li,
section#agenda .contenedor .contenido .titulo > ul ul li, section#agenda .contenedor .contenido .titulo > ol ol li,
section#agenda .contenedor .contenido .titulo > ol ul li {
  padding: 0;
}
section#agenda .contenedor .contenido .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#agenda .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#agenda .contenedor .contenido .titulo img {
    border-radius: 0.8rem;
  }
}
section#agenda .contenedor .contenido .titulo > .wp-video, section#agenda .contenedor .contenido .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#agenda .contenedor .contenido .titulo > .wp-video .mejs-container, section#agenda .contenedor .contenido .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#agenda .contenedor .contenido .titulo > .wp-video .mejs-container video, section#agenda .contenedor .contenido .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#agenda .contenedor .contenido .titulo > .wp-video .mejs-overlay, section#agenda .contenedor .contenido .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#agenda .contenedor .contenido .titulo > .wp-video .mejs-overlay-button, section#agenda .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#agenda .contenedor .contenido .titulo > .wp-video .mejs-controls, section#agenda .contenedor .contenido .titulo > video .mejs-controls {
  opacity: 1;
}
section#agenda .contenedor .contenido .titulo > .wp-video .mejs-controls:has(.mejs-play), section#agenda .contenedor .contenido .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#agenda .contenedor .contenido .titulo {
  /* @include m.responsive(slg) {
    h2 {
      font-size: 1.875rem;
      line-height: 1;
      strong {
        font-size: 1.875rem;
        line-height: 1;
      }
    }
  } */
}
section#agenda .contenedor .contenido > a {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section#agenda .contenedor .contenido > a:hover {
  border-color: #dedede;
  background-color: #dedede;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#agenda .contenedor .imagen {
  position: relative;
  z-index: 3;
}
@media (max-width: 870px) {
  section#agenda .contenedor .imagen {
    height: 20rem;
  }
}
section#agenda .contenedor .imagen img {
  position: absolute;
  left: 0;
  bottom: -2rem;
  width: 100%;
  height: 112%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
  -webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 92%);
  mask-image: linear-gradient(to bottom, black 65%, transparent 92%);
}
@media (max-width: 870px) {
  section#agenda .contenedor .imagen img {
    height: 108%;
    bottom: 0;
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
section#agenda .contenedor .mensaje {
  position: absolute;
  z-index: 3;
  width: 45rem;
  max-width: 90%;
  left: 50%;
  bottom: 0.5rem;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  color: #eeeeee;
}

[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 */