section.banner-complejo .contenedor::before {
  background: linear-gradient(to bottom, transparent 75%, #ffffff 100%) !important;
}
section#soluciones {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  position: relative;
  z-index: 2;
  padding: 100px 0;
}
@media (max-width: 1024px) {
  section#soluciones {
    padding: 2rem 0;
  }
}
section#soluciones::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #F3F5F9 43.47%, rgba(243, 245, 249, 0) 93.81%);
  z-index: 2;
}
@media (max-width: 780px) {
  section#soluciones::before {
    background-color: white !important;
  }
}
section#soluciones picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section#soluciones picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section#soluciones .contenedor {
  position: relative;
  z-index: 3;
}
section#soluciones .contenedor .titulo {
  width: 55rem;
  max-width: 100%;
  margin: 0 auto;
}
section#soluciones .contenedor .titulo * {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 100;
  line-height: 130%;
  font-size: 0.938rem;
}
section#soluciones .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#soluciones .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#soluciones .contenedor .titulo strong,
section#soluciones .contenedor .titulo b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section#soluciones .contenedor .titulo h1,
section#soluciones .contenedor .titulo h2,
section#soluciones .contenedor .titulo h3,
section#soluciones .contenedor .titulo h4, section#soluciones .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section#soluciones .contenedor .titulo h1 strong,
section#soluciones .contenedor .titulo h2 strong,
section#soluciones .contenedor .titulo h3 strong,
section#soluciones .contenedor .titulo h4 strong, section#soluciones .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#soluciones .contenedor .titulo h2,
section#soluciones .contenedor .titulo h3,
section#soluciones .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#soluciones .contenedor .titulo ul li,
section#soluciones .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#soluciones .contenedor .titulo ul li::marker,
section#soluciones .contenedor .titulo ol li::marker {
  color: color(display-p3 0.12 0.35 0.33);
}
section#soluciones .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#soluciones .contenedor .titulo > ul, section#soluciones .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#soluciones .contenedor .titulo > ul ol li,
section#soluciones .contenedor .titulo > ul ul li, section#soluciones .contenedor .titulo > ol ol li,
section#soluciones .contenedor .titulo > ol ul li {
  padding: 0;
}
section#soluciones .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#soluciones .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#soluciones .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#soluciones .contenedor .titulo > .wp-video, section#soluciones .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#soluciones .contenedor .titulo > .wp-video .mejs-container, section#soluciones .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#soluciones .contenedor .titulo > .wp-video .mejs-container video, section#soluciones .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#soluciones .contenedor .titulo > .wp-video .mejs-overlay, section#soluciones .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#soluciones .contenedor .titulo > .wp-video .mejs-overlay-button, section#soluciones .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#soluciones .contenedor .titulo > .wp-video .mejs-controls, section#soluciones .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#soluciones .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#soluciones .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#soluciones .contenedor .titulo p {
  margin: 0;
}
@media (max-width: 780px) {
  section#soluciones .contenedor .titulo h2 {
    line-height: 1;
  }
  section#soluciones .contenedor .titulo h2 strong {
    line-height: 1;
  }
}
section#soluciones .contenedor ul {
  flex-wrap: nowrap !important;
  gap: 30px !important;
}
@media (max-width: 780px) {
  section#soluciones .contenedor ul {
    flex-wrap: wrap !important;
    gap: 20px !important;
  }
}
section#soluciones .contenedor ul li {
  width: calc((100% - 90px) / 4);
  min-width: 15rem;
  border-radius: 2rem;
  padding: 1rem;
  background-color: #ffffff;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#soluciones .contenedor ul li {
    width: 100%;
  }
}
section#soluciones .contenedor ul li .imagen {
  width: 100%;
  height: auto;
  aspect-ratio: 16/7;
  overflow: visible;
}
section#soluciones .contenedor ul li .imagen img {
  height: 80%;
  width: 80%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s ease;
}
section#soluciones .contenedor ul li p {
  font-size: 0.875rem;
}
section#soluciones .contenedor ul li 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#soluciones .contenedor ul li a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#soluciones .contenedor ul li a {
  font-size: 0.63rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1024px) {
  section#soluciones .contenedor ul li {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
  }
  section#soluciones .contenedor ul li .imagen img {
    transform: scale(1.1);
  }
}
section#soluciones .contenedor ul li:hover {
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
}
section#soluciones .contenedor ul li:hover .imagen img {
  transform: scale(1.1);
}
section#soluciones .contenedor ul li:hover a {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
}
section#guia {
  position: relative;
  z-index: 2;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 80px 0;
  background: transparent;
}
@media (max-width: 780px) {
  section#guia {
    padding: 2rem 0;
  }
}
section#guia .contenedor .titulo {
  width: 55rem;
  max-width: 100%;
  margin: 0 auto;
}
section#guia .contenedor .titulo * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.938rem;
}
section#guia .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#guia .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#guia .contenedor .titulo strong,
section#guia .contenedor .titulo b {
  color: color(display-p3 0.89 0.78 0.36);
  font-weight: 800;
}
section#guia .contenedor .titulo h1,
section#guia .contenedor .titulo h2,
section#guia .contenedor .titulo h3,
section#guia .contenedor .titulo h4, section#guia .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.89 0.78 0.36);
}
section#guia .contenedor .titulo h1 strong,
section#guia .contenedor .titulo h2 strong,
section#guia .contenedor .titulo h3 strong,
section#guia .contenedor .titulo h4 strong, section#guia .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#guia .contenedor .titulo h2,
section#guia .contenedor .titulo h3,
section#guia .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#guia .contenedor .titulo ul li,
section#guia .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#guia .contenedor .titulo ul li::marker,
section#guia .contenedor .titulo ol li::marker {
  color: #eeeeee;
}
section#guia .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#guia .contenedor .titulo > ul, section#guia .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#guia .contenedor .titulo > ul ol li,
section#guia .contenedor .titulo > ul ul li, section#guia .contenedor .titulo > ol ol li,
section#guia .contenedor .titulo > ol ul li {
  padding: 0;
}
section#guia .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#guia .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#guia .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#guia .contenedor .titulo > .wp-video, section#guia .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#guia .contenedor .titulo > .wp-video .mejs-container, section#guia .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#guia .contenedor .titulo > .wp-video .mejs-container video, section#guia .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#guia .contenedor .titulo > .wp-video .mejs-overlay, section#guia .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#guia .contenedor .titulo > .wp-video .mejs-overlay-button, section#guia .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#guia .contenedor .titulo > .wp-video .mejs-controls, section#guia .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#guia .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#guia .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#guia .contenedor .titulo p {
  margin: 0;
}
@media (max-width: 780px) {
  section#guia .contenedor .titulo h2 {
    line-height: 1;
  }
  section#guia .contenedor .titulo h2 strong {
    line-height: 1;
  }
}
section#guia .contenedor .titulo h2 {
  margin: 0;
}
section#guia .contenedor ul {
  gap: 50px !important;
}
section#guia .contenedor ul li {
  width: calc((100% - 100px) / 3);
  min-width: 15rem;
  min-height: 18rem;
  border-radius: 0.8rem;
  padding: 1rem;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
@media (max-width: 780px) {
  section#guia .contenedor ul li {
    width: 100%;
  }
}
section#guia .contenedor ul li .imagen {
  height: 4rem;
  width: auto;
  transition: all 0.5s ease;
}
section#guia .contenedor ul li .imagen img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: all 0.5s ease;
}
section#guia .contenedor ul li h3 {
  text-align: center;
  font-weight: bold;
  font-size: 1.125rem;
}
section#guia .contenedor ul li p {
  text-align: center;
  font-size: 0.875rem;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
@media (max-width: 780px) {
  section#guia .contenedor ul li {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
  }
  section#guia .contenedor ul li .imagen {
    height: 2.5rem;
  }
  section#guia .contenedor ul li p {
    opacity: 1;
    max-height: 10rem;
  }
}
section#guia .contenedor ul li:hover {
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
}
section#guia .contenedor ul li:hover .imagen {
  height: 2.5rem;
}
section#guia .contenedor ul li:hover p {
  opacity: 1;
  max-height: 10rem;
}
section#guia .contenedor ul li.blanco {
  background-color: #eeeeee;
}
section#guia .contenedor ul li.blanco * {
  color: #495f77;
}
section#guia .contenedor ul li.verde {
  background-color: color(display-p3 0.09 0.5 0.44);
}
section#guia .contenedor ul li.verde * {
  color: #eeeeee;
}
section#guia .contenedor ul li.amarillo {
  background-color: color(display-p3 0.89 0.78 0.36);
}
section#guia .contenedor ul li.amarillo * {
  color: color(display-p3 0.12 0.35 0.33);
}
section#valores {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 80px 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 780px) {
  section#valores {
    padding: 2rem 0;
  }
}
section#valores::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250%;
  background: radial-gradient(circle at center, color(display-p3 0.09 0.5 0.44) 0%, color(display-p3 0.12 0.35 0.33) 100%);
  z-index: 1;
}
@media (max-width: 1024px) {
  section#valores::before {
    height: 310%;
  }
}
section#valores picture {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section#valores picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left bottom;
     object-position: left bottom;
}
@media (max-width: 1024px) {
  section#valores picture img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left top;
       object-position: left top;
  }
}
section#valores .contenedor {
  position: relative;
  z-index: 2;
}
section#valores .contenedor .titulo {
  width: 55rem;
  max-width: 100%;
  margin: 0 auto;
}
section#valores .contenedor .titulo * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 0.938rem;
}
section#valores .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#valores .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#valores .contenedor .titulo strong,
section#valores .contenedor .titulo b {
  color: #eeeeee;
  font-weight: 800;
}
section#valores .contenedor .titulo h1,
section#valores .contenedor .titulo h2,
section#valores .contenedor .titulo h3,
section#valores .contenedor .titulo h4, section#valores .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: #eeeeee;
}
section#valores .contenedor .titulo h1 strong,
section#valores .contenedor .titulo h2 strong,
section#valores .contenedor .titulo h3 strong,
section#valores .contenedor .titulo h4 strong, section#valores .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#valores .contenedor .titulo h2,
section#valores .contenedor .titulo h3,
section#valores .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#valores .contenedor .titulo ul li,
section#valores .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#valores .contenedor .titulo ul li::marker,
section#valores .contenedor .titulo ol li::marker {
  color: #eeeeee;
}
section#valores .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#valores .contenedor .titulo > ul, section#valores .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#valores .contenedor .titulo > ul ol li,
section#valores .contenedor .titulo > ul ul li, section#valores .contenedor .titulo > ol ol li,
section#valores .contenedor .titulo > ol ul li {
  padding: 0;
}
section#valores .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#valores .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#valores .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#valores .contenedor .titulo > .wp-video, section#valores .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#valores .contenedor .titulo > .wp-video .mejs-container, section#valores .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#valores .contenedor .titulo > .wp-video .mejs-container video, section#valores .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#valores .contenedor .titulo > .wp-video .mejs-overlay, section#valores .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#valores .contenedor .titulo > .wp-video .mejs-overlay-button, section#valores .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#valores .contenedor .titulo > .wp-video .mejs-controls, section#valores .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#valores .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#valores .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#valores .contenedor .titulo p {
  margin: 0;
}
@media (max-width: 780px) {
  section#valores .contenedor .titulo h2 {
    line-height: 1;
  }
  section#valores .contenedor .titulo h2 strong {
    line-height: 1;
  }
}
section#valores .contenedor .titulo h2 {
  margin: 0;
}
section#valores .contenedor ul {
  margin: 0 8rem 0 auto;
  width: 35%;
  min-width: 27rem;
  max-width: 100%;
}
@media (max-width: 780px) {
  section#valores .contenedor ul {
    margin: 0 auto;
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
section#valores .contenedor ul li {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0.8rem;
  padding: 1rem;
}
section#valores .contenedor ul li .contenido h3 {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: bold;
}
section#valores .contenedor ul li .contenido p {
  font-size: 0.875rem;
}
section#necesidad {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 100px 0 0 0;
}
@media (max-width: 780px) {
  section#necesidad {
    padding: 2rem 0;
  }
}
section#necesidad .contenedor .titulo {
  width: 55rem;
  max-width: 100%;
  margin: 0 auto;
}
section#necesidad .contenedor .titulo * {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 100;
  line-height: 130%;
  font-size: 0.938rem;
}
section#necesidad .contenedor .titulo .has-text-align-center {
  text-align: center;
}
section#necesidad .contenedor .titulo p {
  margin: 0.5rem 0;
}
section#necesidad .contenedor .titulo strong,
section#necesidad .contenedor .titulo b {
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 800;
}
section#necesidad .contenedor .titulo h1,
section#necesidad .contenedor .titulo h2,
section#necesidad .contenedor .titulo h3,
section#necesidad .contenedor .titulo h4, section#necesidad .contenedor .titulo > strong {
  font-size: 2.5rem;
  font-weight: 800;
  color: color(display-p3 0.12 0.35 0.33);
}
section#necesidad .contenedor .titulo h1 strong,
section#necesidad .contenedor .titulo h2 strong,
section#necesidad .contenedor .titulo h3 strong,
section#necesidad .contenedor .titulo h4 strong, section#necesidad .contenedor .titulo > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 2.5rem;
  font-weight: 800;
}
section#necesidad .contenedor .titulo h2,
section#necesidad .contenedor .titulo h3,
section#necesidad .contenedor .titulo h4 {
  margin: 1rem 0;
}
section#necesidad .contenedor .titulo ul li,
section#necesidad .contenedor .titulo ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
section#necesidad .contenedor .titulo ul li::marker,
section#necesidad .contenedor .titulo ol li::marker {
  color: color(display-p3 0.12 0.35 0.33);
}
section#necesidad .contenedor .titulo ol li {
  list-style-type: decimal;
}
section#necesidad .contenedor .titulo > ul, section#necesidad .contenedor .titulo > ol {
  padding: 0.5rem 0;
}
section#necesidad .contenedor .titulo > ul ol li,
section#necesidad .contenedor .titulo > ul ul li, section#necesidad .contenedor .titulo > ol ol li,
section#necesidad .contenedor .titulo > ol ul li {
  padding: 0;
}
section#necesidad .contenedor .titulo > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section#necesidad .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#necesidad .contenedor .titulo img {
    border-radius: 0.8rem;
  }
}
section#necesidad .contenedor .titulo > .wp-video, section#necesidad .contenedor .titulo > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
section#necesidad .contenedor .titulo > .wp-video .mejs-container, section#necesidad .contenedor .titulo > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
section#necesidad .contenedor .titulo > .wp-video .mejs-container video, section#necesidad .contenedor .titulo > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
section#necesidad .contenedor .titulo > .wp-video .mejs-overlay, section#necesidad .contenedor .titulo > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
section#necesidad .contenedor .titulo > .wp-video .mejs-overlay-button, section#necesidad .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#necesidad .contenedor .titulo > .wp-video .mejs-controls, section#necesidad .contenedor .titulo > video .mejs-controls {
  opacity: 1;
}
section#necesidad .contenedor .titulo > .wp-video .mejs-controls:has(.mejs-play), section#necesidad .contenedor .titulo > video .mejs-controls:has(.mejs-play) {
  display: none;
}
section#necesidad .contenedor .titulo p {
  margin: 0;
}
@media (max-width: 780px) {
  section#necesidad .contenedor .titulo h2 {
    line-height: 1;
  }
  section#necesidad .contenedor .titulo h2 strong {
    line-height: 1;
  }
}
section#necesidad .contenedor ul {
  gap: 30px !important;
}
section#necesidad .contenedor ul li {
  width: calc(50% - 15px);
  min-width: 18rem;
  overflow: hidden;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 20px 20px 0 20px;
  position: relative;
  transition: all 0.3s ease;
  padding: 1rem;
}
@media (max-width: 780px) {
  section#necesidad .contenedor ul li {
    width: 100%;
  }
}
section#necesidad .contenedor ul li::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #161719;
  opacity: 0.8;
  transition: all 0.3s ease;
}
section#necesidad .contenedor ul li::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(to bottom, transparent, #000000);
  transition: all 0.3s ease;
}
section#necesidad .contenedor ul li img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s ease;
}
section#necesidad .contenedor ul li .contenido {
  position: relative;
  z-index: 3;
}
section#necesidad .contenedor ul li .contenido h3 {
  color: #eeeeee;
  font-size: 1.25rem;
  font-weight: bold;
}
section#necesidad .contenedor ul li .contenido p {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease;
  color: #eeeeee;
  padding: 0;
}
@media (max-width: 780px) {
  section#necesidad .contenedor ul li::before {
    opacity: 0;
  }
  section#necesidad .contenedor ul li::after {
    height: 50%;
  }
  section#necesidad .contenedor ul li img {
    transform: scale(1.1);
  }
  section#necesidad .contenedor ul li p {
    opacity: 1;
    max-height: 10rem;
    padding: 0.3rem 0 0 0;
  }
}
section#necesidad .contenedor ul li:hover {
  border-radius: 20px;
}
section#necesidad .contenedor ul li:hover::before {
  opacity: 0;
}
section#necesidad .contenedor ul li:hover::after {
  height: 50%;
}
section#necesidad .contenedor ul li:hover img {
  transform: scale(1.1);
}
section#necesidad .contenedor ul li:hover p {
  opacity: 1;
  max-height: 10rem;
  padding: 0.3rem 0 0 0;
}
section#autodiagnostico {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding: 50px 0 100px 0;
}
@media (max-width: 780px) {
  section#autodiagnostico {
    padding: 1rem 0;
  }
}
section#autodiagnostico .contenedor {
  width: 40rem;
  background: linear-gradient(to bottom, #0b6f41 0%, #004c37 100%);
  padding: 1rem 2.5rem;
  border-radius: 4rem;
}
@media (max-width: 780px) {
  section#autodiagnostico .contenedor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    border-radius: 2rem;
    width: calc(100% - 40px);
  }
}
section#autodiagnostico .contenedor span {
  color: #eeeeee;
  font-size: 0.938rem;
  font-weight: bold;
}
section#autodiagnostico .contenedor a {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
section#autodiagnostico .contenedor a:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
section#autodiagnostico .contenedor a {
  width: -moz-max-content;
  width: max-content;
  font-weight: bold;
  overflow: hidden;
  position: relative;
}
@media (max-width: 780px) {
  section#autodiagnostico .contenedor a {
    font-size: 0.875rem;
  }
}
section#autodiagnostico .contenedor a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 150%;
  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#desicion {
  padding: 0 0 100px 0;
}
section#desicion .titulo .contenedor .info {
  width: 21rem;
  max-width: 100%;
}
section#desicion .titulo .contenedor .imagen img {
  height: 213%;
  bottom: -7rem;
  transform: translateX(-3rem);
}
section#desicion .uno ul {
  justify-content: center;
}

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