@charset "UTF-8";
*,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: clamp(16px, 1.1852vw - 1.1852px, 22px);
  overflow-x: hidden;
}

* {
  text-decoration: none;
  font-family: "PlusJakartaSans", sans-serif;
  font-weight: 100;
  font-size: 1rem;
  line-height: 120%;
  color: #495f77;
}

li {
  list-style: none;
}

.ti-inline-svg {
  color: unset;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.color-white {
  color: white;
}

.shadow {
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.3);
}
.shadow-1 {
  box-shadow: 0px 4.492px 4.492px 0px rgba(0, 0, 0, 0.1);
}

.w-100 {
  width: 100%;
}
.w-full {
  width: 100vw;
}
.wh-100 {
  width: 100%;
  height: 100%;
}
.wh-full {
  width: 100vw;
  height: calc(100vh - 140px);
}

.h-100 {
  height: 100%;
}
.h-full {
  height: calc(100vh - 140px);
}

button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}

.flex {
  display: flex;
}
.flex.col {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.flex.around {
  justify-content: space-around;
}
.flex.between {
  justify-content: space-between;
}
.flex.evenly {
  justify-content: space-evenly;
}
.flex-1 {
  flex: 1;
}
.flex.wrap {
  flex-wrap: wrap;
}

.grid {
  display: grid;
}

.gap {
  gap: 0.5rem;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.gap-5 {
  gap: 5rem;
}

.center {
  justify-content: center;
  align-items: center;
}
.center-x {
  justify-content: center;
}
.center-y {
  align-items: center;
}

.start {
  justify-content: flex-start;
  align-items: flex-start;
}
.start-x {
  justify-content: flex-start;
}
.start-y {
  align-items: flex-start;
}

.end {
  justify-content: flex-end;
  align-items: flex-end;
}
.end-x {
  justify-content: flex-end;
}
.end-y {
  align-items: flex-end;
}

body {
  background-color: #f3f5f9;
}

main {
  margin-top: var(--header-h, 0px);
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease;
}
#overlay.active {
  opacity: 0.5;
  z-index: 90;
}

.hidden {
  display: none;
}

.opacity-0 {
  opacity: 0;
  visibility: hidden;
}

.contenedor, .contenedor-logo-test {
  width: calc(100% - 100px);
  margin: 0 auto;
}
@media (max-width: 1180px) {
  .contenedor, .contenedor-logo-test {
    width: calc(100% - 40px);
  }
}

section {
  width: 100%;
  height: 85vh;
  min-height: 40rem;
  padding: 2rem 0;
}
section#desicion {
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  background-color: #f3f5f9;
}
section#desicion .titulo {
  display: block;
  width: 100%;
  height: 100%;
}
section#desicion .titulo a {
  display: block;
  width: 100%;
  height: 100%;
}
section#desicion .titulo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
section#desicion > .contenedor ul {
  gap: 3.125rem;
  justify-content: center;
}
section#desicion > .contenedor ul li {
  width: 100%;
  max-width: 22rem;
  min-width: 17rem;
  height: -moz-fit-content;
  height: fit-content;
  background: color(display-p3 0.09 0.5 0.44);
  border-radius: 1rem;
  padding: 20px 30px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
section#desicion > .contenedor ul li::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: auto;
  width: 150%;
  aspect-ratio: 1/1;
  background-color: color(display-p3 0.12 0.35 0.33);
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease;
  transform: translate(-100%, 0);
  border-radius: 50%;
}
section#desicion > .contenedor ul li span {
  color: #eeeeee;
  font-weight: bold;
  font-size: 1.125rem;
  position: relative;
  z-index: 2;
}
section#desicion > .contenedor ul li p {
  position: relative;
  z-index: 2;
  color: #eeeeee;
  font-size: 0.938rem;
}
section#desicion > .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#desicion > .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#desicion > .contenedor ul li a {
  color: #495f77;
  text-align: center;
  position: relative;
  z-index: 2;
  font-weight: bold;
}
section#desicion > .contenedor ul li:hover {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5);
}
section#desicion > .contenedor ul li:hover::before {
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section#desicion > .contenedor ul li:hover a {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
}
section#desicion > .contenedor.uno {
  width: 35rem;
}
@media (max-width: 870px) {
  section#desicion > .contenedor.uno {
    width: 100%;
  }
}
section#desicion > .contenedor.uno ul li {
  width: 100%;
}
section#desicion > .contenedor.dos {
  justify-content: center;
  display: flex;
}
section#desicion > .contenedor.dos ul {
  gap: 100px;
}
@media (max-width: 870px) {
  section#desicion > .contenedor.dos ul {
    gap: 50px;
  }
}
section#desicion > .contenedor.dos ul li {
  width: calc(50% - 2rem);
}
@media (max-width: 870px) {
  section#desicion > .contenedor.dos ul li {
    width: 100%;
  }
}

.modalFormulario {
  width: 45rem;
  max-width: 95%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, -200%);
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 2rem;
  z-index: 100;
  transition: all 0.5s ease;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 780px) {
  .modalFormulario {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 25rem;
    padding: 3rem 1rem 1rem 1rem;
  }
}
.modalFormulario-closed {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
}
@media (max-width: 780px) {
  .modalFormulario-closed {
    top: 1rem;
    right: 1rem;
  }
}
.modalFormulario img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
}
@media (max-width: 780px) {
  .modalFormulario img {
    aspect-ratio: 16/13;
    -o-object-position: top center;
       object-position: top center;
  }
}
.modalFormulario .contenido {
  width: 100%;
  max-width: 100%;
  display: flex;
}
.modalFormulario .contenido .wpcf7.js {
  width: 100%;
}
.modalFormulario .contenido .wpcf7.js form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modalFormulario .contenido .wpcf7.js form label {
  color: #495f77;
  font-weight: bold;
  font-size: 0.813rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.modalFormulario .contenido .wpcf7.js form input,
.modalFormulario .contenido .wpcf7.js form textarea {
  border-radius: 0.5rem;
  background-color: #e9efee;
  color: color(display-p3 0.12 0.35 0.33);
  font-size: 0.875rem;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  width: 100%;
  resize: none;
}
.modalFormulario .contenido .wpcf7.js form input::-moz-placeholder, .modalFormulario .contenido .wpcf7.js form textarea::-moz-placeholder {
  font-size: 0.875rem;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 300;
}
.modalFormulario .contenido .wpcf7.js form input::placeholder,
.modalFormulario .contenido .wpcf7.js form textarea::placeholder {
  font-size: 0.875rem;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: 300;
}
.modalFormulario .contenido .wpcf7.js form .wpcf7-not-valid-tip {
  position: absolute;
  bottom: 0;
  left: 1rem;
  transform: translateY(50%);
  color: red;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.8;
}
.modalFormulario .contenido .wpcf7.js form .wpcf7-response-output {
  display: none;
}
.modalFormulario .contenido .wpcf7.js form > p, .modalFormulario .contenido .wpcf7.js form > div {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.modalFormulario .contenido .wpcf7.js form > p:has(.custom-select), .modalFormulario .contenido .wpcf7.js form > p:has(label), .modalFormulario .contenido .wpcf7.js form > div:has(.custom-select), .modalFormulario .contenido .wpcf7.js form > div:has(label) {
  position: relative;
}
.modalFormulario .contenido .wpcf7.js form > p {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.modalFormulario .contenido .wpcf7.js form > p button[type=submit] {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid #495f77;
  background-color: #495f77;
  color: #eeeeee;
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
.modalFormulario .contenido .wpcf7.js form > p button[type=submit]:hover {
  border-color: #495f77;
  background-color: #495f77;
  border-radius: 3rem;
  color: #eeeeee;
}
.modalFormulario .contenido .wpcf7.js form > p button[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  border-radius: 3rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.modalFormulario .contenido .wpcf7.js form > p button[type=submit]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.modalFormulario.active {
  top: 50%;
  transform: translate(-50%, -50%);
}

.custom-select {
  position: relative;
  z-index: 2;
}
.custom-select:has(.select-arrow-active) {
  z-index: 20;
}
.custom-select select {
  display: none;
}
.custom-select .wpcf7-form-control-wrap {
  position: inherit;
}
.custom-select .select-selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  background-color: #e9efee;
  color: color(display-p3 0.12 0.35 0.33);
  font-size: 0.875rem;
  border: none;
  outline: none;
  padding: 10px 20px;
  width: 100%;
  transition: all 0.3s ease;
}
.custom-select .select-selected::after {
  position: relative;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOC44MTMwOCAwLjE5MDEzNUM4Ljc1MzMzIDAuMTI5ODg3IDguNjgyMjMgMC4wODIwNjc3IDguNjAzOTEgMC4wNDk0MzQ0QzguNTI1NTggMC4wMTY4MDExIDguNDQxNTYgMCA4LjM1NjcxIDBDOC4yNzE4NSAwIDguMTg3ODMgMC4wMTY4MDExIDguMTA5NTEgMC4wNDk0MzQ0QzguMDMxMTggMC4wODIwNjc3IDcuOTYwMDggMC4xMjk4ODcgNy45MDAzMyAwLjE5MDEzNUw0Ljk1NjM4IDMuMTM0MDlDNC44OTY2MiAzLjE5NDMzIDQuODI1NTMgMy4yNDIxNSA0Ljc0NzIgMy4yNzQ3OUM0LjY2ODg3IDMuMzA3NDIgNC41ODQ4NSAzLjMyNDIyIDQuNSAzLjMyNDIyQzQuNDE1MTQgMy4zMjQyMiA0LjMzMTEzIDMuMzA3NDIgNC4yNTI4IDMuMjc0NzlDNC4xNzQ0NyAzLjI0MjE1IDQuMTAzMzggMy4xOTQzMyA0LjA0MzYyIDMuMTM0MDlMMS4wOTk2NyAwLjE5MDEzNUMxLjAzOTkyIDAuMTI5ODg3IDAuOTY4ODIzIDAuMDgyMDY3NyAwLjg5MDQ5NCAwLjA0OTQzNDRDMC44MTIxNjQgMC4wMTY4MDExIDAuNzI4MTQ5IDAgMC42NDMyOTQgMEMwLjU1ODQzOSAwIDAuNDc0NDIzIDAuMDE2ODAxMSAwLjM5NjA5NCAwLjA0OTQzNDRDMC4zMTc3NjUgMC4wODIwNjc3IDAuMjQ2NjcyIDAuMTI5ODg3IDAuMTg2OTE3IDAuMTkwMTM1QzAuMDY3MTk3NyAwLjMxMDU2OCAwIDAuNDczNDgzIDAgMC42NDMyOTdDMCAwLjgxMzExMiAwLjA2NzE5NzcgMC45NzYwMjcgMC4xODY5MTcgMS4wOTY0NkwzLjEzNzMgNC4wNDY4NEMzLjQ5ODg2IDQuNDA3OTYgMy45ODg5OCA0LjYxMDc5IDQuNSA0LjYxMDc5QzUuMDExMDEgNC42MTA3OSA1LjUwMTE0IDQuNDA3OTYgNS44NjI3IDQuMDQ2ODRMOC44MTMwOCAxLjA5NjQ2QzguOTMyOCAwLjk3NjAyNyA5IDAuODEzMTEyIDkgMC42NDMyOTdDOSAwLjQ3MzQ4MyA4LjkzMjggMC4zMTA1NjggOC44MTMwOCAwLjE5MDEzNVoiIGZpbGw9IiMxRjVBNTMiLz4KPC9zdmc+Cg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  width: 0.7rem;
  height: auto;
  aspect-ratio: 1/1;
  transition: all 0.3s ease;
}
.custom-select .select-selected.select-arrow-active {
  border-radius: 0.5rem 0.5rem 0 0;
}
.custom-select .select-selected.select-arrow-active::after {
  transform: rotate(180deg);
}
.custom-select .select-items {
  border-radius: 0 0 0.5rem 0.5rem;
  max-height: 15rem;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}
.custom-select .select-items div {
  padding: 0.5rem;
  background-color: transparent;
  font-size: 0.875rem;
}
.custom-select .select-items div:hover, .custom-select .select-items div.same-as-selected {
  background-color: #e9efee;
}
.custom-select .select-items.select-hide {
  max-height: 0;
  opacity: 0;
}

nav.ti-breadcrumb > a {
  color: #000000;
  font-size: 0.85rem;
  gap: 0.3rem;
}
nav.ti-breadcrumb > a svg {
  width: 0.8rem;
  height: auto;
  aspect-ratio: 1/1;
}
nav.ti-breadcrumb > span {
  color: #000000;
  font-weight: bold;
  font-size: 0.85rem;
}

.wpcf7.js {
  position: relative;
}
.wpcf7.js:has(.wpcf7-form.submitting)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.85);
  border-radius: inherit;
}
.wpcf7.js:has(.wpcf7-form.submitting)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  margin: -0.6rem 0 0 -0.6rem;
  border: 2px solid color(display-p3 0.89 0.78 0.36);
  border-top-color: color(display-p3 0.12 0.35 0.33);
  border-radius: 50%;
  z-index: 11;
  animation: ti-spin 0.6s linear infinite;
}

@keyframes ti-spin {
  to {
    transform: rotate(360deg);
  }
}
.wpcf7.js form label .iti {
  display: flex;
  gap: 0.5rem;
}
.wpcf7.js form label .iti__country-container {
  position: relative;
}
.wpcf7.js form label .iti__country-container > button {
  border-radius: 0.5rem;
  background-color: #e9efee;
  color: #1f5a53;
  font-size: 0.875rem;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
}
.wpcf7.js form label .iti__country-container .iti__highlight {
  font-size: 0.875rem;
}
.wpcf7.js form label .iti__dropdown-content {
  z-index: 3;
}
.wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label span a {
  font-weight: 500;
}
.wpcf7.js form p .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label span a:hover {
  text-decoration: underline;
}

.whatsapp {
  position: fixed;
  z-index: 5;
  right: 2rem;
  bottom: 2rem;
  height: 3.7rem;
  width: auto;
  aspect-ratio: 1/1;
  transform: translateX(100%);
  animation: slide-in-right 1.5s ease-out forwards;
}
.whatsapp svg {
  width: 100%;
  height: 100%;
}

@keyframes slide-in-right {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  background: #eeeeee;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
header .contenedor {
  padding: 12.21px 0 13.09px 0;
}
header .contenedor .logo {
  height: 45.6px;
  width: 186.5px;
  aspect-ratio: 186.5/45.6;
}
header .contenedor .logo img,
header .contenedor .logo .ti-inline-svg {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
header .contenedor .logo .dashicons {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2.5rem;
  line-height: 1;
}
@media (max-width: 780px) {
  header .contenedor .logo {
    height: 3rem;
  }
}
header .contenedor .btn-open-responsive svg {
  height: 1rem;
}
@media (max-width: 1024px) {
  header .contenedor .btn-open-responsive {
    display: block;
  }
}
@media (max-width: 1024px) {
  header .contenedor nav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 20rem;
    max-width: 90%;
    transform: translateX(150%);
    transition: all 0.3s ease;
    border-radius: 3rem 0 0 3rem;
    background-color: #eeeeee;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.24);
    flex-direction: column;
    overflow: hidden;
    gap: 1rem;
    align-items: flex-start;
    padding: 3rem 2rem 1rem 2rem;
  }
  header .contenedor nav.active {
    transform: translateX(0);
  }
}
@media (max-width: 1024px) {
  header .contenedor nav .btn-close-responsive {
    display: block;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
  }
}
@media (max-width: 1024px) {
  header .contenedor nav .menu {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 1rem;
    flex: none;
    justify-content: flex-start;
  }
}
@media (max-width: 1024px) {
  header .contenedor nav .menu-item {
    width: 100%;
    position: relative;
  }
}
header .contenedor nav .menu-item > a {
  padding: 0.5rem;
}
header .contenedor nav .menu-item > a span {
  overflow: hidden;
  position: relative;
  font-weight: 500;
  color: transparent;
  display: flex;
  align-items: center;
}
header .contenedor nav .menu-item > a span::before, header .contenedor nav .menu-item > a span::after {
  content: attr(data-title);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #495f77;
  transition: all 0.3s ease;
  transform: translateY(-50%);
}
header .contenedor nav .menu-item > a span::after {
  position: absolute;
  top: 100%;
  color: color(display-p3 0.12 0.35 0.33);
  transform: translateY(0%);
}
header .contenedor nav .menu-item > a:hover span::before {
  transform: translateY(-150%);
}
header .contenedor nav .menu-item > a:hover span::after {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 780px) {
  header .contenedor nav .menu-item > a {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
@media (max-width: 1024px) {
  header .contenedor nav .menu-item > span {
    width: 100%;
    justify-content: space-between;
  }
}
header .contenedor nav .menu-item > span {
  padding: 0.5rem;
}
header .contenedor nav .menu-item > span span {
  overflow: hidden;
  position: relative;
  font-weight: 500;
  color: transparent;
  display: flex;
  align-items: center;
}
header .contenedor nav .menu-item > span span::before, header .contenedor nav .menu-item > span span::after {
  content: attr(data-title);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #495f77;
  transition: all 0.3s ease;
  transform: translateY(-50%);
}
header .contenedor nav .menu-item > span span::after {
  position: absolute;
  top: 100%;
  color: color(display-p3 0.12 0.35 0.33);
  transform: translateY(0%);
}
header .contenedor nav .menu-item > span.active span::before {
  transform: translateY(-150%);
}
header .contenedor nav .menu-item > span.active span::after {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 780px) {
  header .contenedor nav .menu-item > span {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
header .contenedor nav .menu-item > span::after {
  content: "";
  position: relative;
  background-image: url('data:image/svg+xml,<svg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.81308 0.190135C8.75333 0.129887 8.68223 0.0820677 8.60391 0.0494344C8.52558 0.0168011 8.44156 0 8.35671 0C8.27185 0 8.18783 0.0168011 8.10951 0.0494344C8.03118 0.0820677 7.96008 0.129887 7.90033 0.190135L4.95638 3.13409C4.89662 3.19433 4.82553 3.24215 4.7472 3.27479C4.66887 3.30742 4.58485 3.32422 4.5 3.32422C4.41514 3.32422 4.33113 3.30742 4.2528 3.27479C4.17447 3.24215 4.10338 3.19433 4.04362 3.13409L1.09967 0.190135C1.03992 0.129887 0.968823 0.0820677 0.890494 0.0494344C0.812164 0.0168011 0.728149 0 0.643294 0C0.558439 0 0.474423 0.0168011 0.396094 0.0494344C0.317765 0.0820677 0.246672 0.129887 0.186917 0.190135C0.0671977 0.310568 0 0.473483 0 0.643297C0 0.813112 0.0671977 0.976027 0.186917 1.09646L3.1373 4.04684C3.49886 4.40796 3.98898 4.61079 4.5 4.61079C5.01101 4.61079 5.50113 4.40796 5.8627 4.04684L8.81308 1.09646C8.9328 0.976027 9 0.813112 9 0.643297C9 0.473483 8.9328 0.310568 8.81308 0.190135Z" fill="%23495F77"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 0.8rem;
  height: 0.5rem;
  transition: all 0.3s ease;
}
header .contenedor nav .menu-item > span.active::after {
  background-image: url(url('data:image/svg+xml,<svg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.186918 4.4207C0.246674 4.48095 0.317766 4.52877 0.396095 4.5614C0.474424 4.59404 0.55844 4.61084 0.643295 4.61084C0.72815 4.61084 0.812165 4.59404 0.890495 4.5614C0.968824 4.52877 1.03992 4.48095 1.09967 4.4207L4.04362 1.47675C4.10338 1.41651 4.17447 1.36869 4.2528 1.33605C4.33113 1.30342 4.41515 1.28662 4.5 1.28662C4.58486 1.28662 4.66887 1.30342 4.7472 1.33605C4.82553 1.36869 4.89662 1.41651 4.95638 1.47675L7.90033 4.42071C7.96008 4.48095 8.03118 4.52877 8.10951 4.56141C8.18784 4.59404 8.27185 4.61084 8.35671 4.61084C8.44156 4.61084 8.52558 4.59404 8.60391 4.56141C8.68224 4.52877 8.75333 4.48095 8.81308 4.42071C8.9328 4.30027 9 4.13736 9 3.96754C9 3.79773 8.9328 3.63481 8.81308 3.51438L5.8627 0.563999C5.50114 0.202881 5.01102 4.53268e-05 4.5 4.52821e-05C3.98899 4.52375e-05 3.49887 0.202881 3.1373 0.563999L0.186919 3.51438C0.0671994 3.63481 4.76123e-07 3.79773 4.61277e-07 3.96754C4.46431e-07 4.13736 0.0671993 4.30027 0.186918 4.4207Z" fill="%231F5A53"/></svg>'));
  transform: rotate(180deg);
}
header .contenedor nav .menu-item .children-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  opacity: 0;
  max-height: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #eeeeee;
  overflow: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  header .contenedor nav .menu-item .children-menu {
    position: relative;
    top: 0;
    box-shadow: none;
    overflow-y: auto;
  }
  header .contenedor nav .menu-item .children-menu .contenedor {
    padding: 0;
    margin: 0;
    max-width: 100%;
    box-shadow: none;
  }
  header .contenedor nav .menu-item .children-menu .contenedor > p {
    display: none;
  }
}
header .contenedor nav .menu-item .children-menu p {
  font-size: 1rem;
  color: color(display-p3 0.12 0.35 0.33);
  font-weight: bold;
  padding: 0.5rem 1rem;
}
header .contenedor nav .menu-item .children-menu .sub-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  width: 75rem;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  header .contenedor nav .menu-item .children-menu .sub-menu {
    flex-direction: column;
    gap: 0.5rem;
  }
}
header .contenedor nav .menu-item .children-menu .sub-menu-item {
  width: 25%;
  padding: 1.5rem;
  background-color: #ffffff;
  position: relative;
  border-radius: 1rem 1rem 0 1rem;
  overflow: hidden;
}
@media (max-width: 1024px) {
  header .contenedor nav .menu-item .children-menu .sub-menu-item {
    width: 100%;
    padding: 0.5rem;
  }
}
header .contenedor nav .menu-item .children-menu .sub-menu-item::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, color(display-p3 0.09 0.5 0.44) 0%, color(display-p3 0.12 0.35 0.33) 100%);
  opacity: 0;
  transition: all 0.3s ease;
}
header .contenedor nav .menu-item .children-menu .sub-menu-item a {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
header .contenedor nav .menu-item .children-menu .sub-menu-item a span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  color: #495f77;
  font-weight: bold;
  font-size: 1rem;
  transition: all 0.3s ease;
}
header .contenedor nav .menu-item .children-menu .sub-menu-item a span::after {
  position: relative;
  content: "";
  height: 1.875rem;
  width: auto;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiNFRUVFRUUiLz4KPHBhdGggZD0iTTIwLjcwMDMgMTQuMzM2M0wxNy4zODIyIDExLjAxODJMMTYuNTg1OCAxMS44MTQ1TDE5LjIwODIgMTQuNDM2OUw5LjE5OTA2IDE0LjQzNjlMOS4xOTkwNiAxNS41NjNMMTkuMjA4MiAxNS41NjNMMTYuNTg1OCAxOC4xODU0TDE3LjM4MjIgMTguOTgxN0wyMC43MDAzIDE1LjY2MzZDMjEuMDY2MSAxNS4yOTc4IDIxLjA2NjQgMTQuNzAyNCAyMC43MDAzIDE0LjMzNjNaIiBmaWxsPSIjMUY1QTUzIi8+Cjwvc3ZnPgo=");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
}
header .contenedor nav .menu-item .children-menu .sub-menu-item a p {
  color: #495f77;
  font-weight: 100;
  font-size: 0.875rem;
  padding: 0;
  transition: all 0.3s ease;
}
header .contenedor nav .menu-item .children-menu .sub-menu-item:hover::before {
  opacity: 1;
}
header .contenedor nav .menu-item .children-menu .sub-menu-item:hover a span {
  color: color(display-p3 0.89 0.78 0.36);
}
header .contenedor nav .menu-item .children-menu .sub-menu-item:hover a span::after {
  transform: rotate(-45deg);
}
header .contenedor nav .menu-item .children-menu .sub-menu-item:hover a p {
  color: #eeeeee;
}
header .contenedor nav .menu-item .children-menu.active {
  opacity: 1;
  max-height: 1000px;
  padding: 1rem 0;
  background-color: #eeeeee;
  border-radius: 0 0 3rem 3rem;
}
@media (max-width: 1024px) {
  header .contenedor nav .menu-item .children-menu.active {
    max-height: 45vh;
    border-radius: 0;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  header .contenedor nav .contact {
    padding: 0.5rem 1rem;
  }
  header .contenedor nav .contact span {
    overflow: hidden;
    position: relative;
    font-weight: 500;
    color: transparent;
    display: flex;
    align-items: center;
  }
  header .contenedor nav .contact span::before, header .contenedor nav .contact span::after {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    font-weight: 500;
    color: #eeeeee;
    transition: all 0.3s ease;
    transform: translateY(-50%);
  }
  header .contenedor nav .contact span::after {
    position: absolute;
    top: 100%;
    color: color(display-p3 0.12 0.35 0.33);
    transform: translateY(0%);
  }
  header .contenedor nav .contact:hover span::before {
    transform: translateY(-150%);
  }
  header .contenedor nav .contact:hover span::after {
    top: 50%;
    transform: translateY(-50%);
  }
  header .contenedor nav .contact {
    background-color: color(display-p3 0.12 0.35 0.33);
    transition: all 0.3s ease;
    border-radius: 3rem 3rem 0 3rem;
  }
}
@media (min-width: 1024px) and (max-width: 780px) {
  header .contenedor nav .contact {
    font-size: 0.938rem;
    padding: 0.4rem 0.8rem;
  }
}
@media (min-width: 1024px) {
  header .contenedor nav .contact:hover {
    background-color: color(display-p3 0.89 0.78 0.36);
  }
}
@media (max-width: 1024px) {
  header .contenedor nav .contact {
    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;
  }
  header .contenedor nav .contact:hover {
    border-color: #ffeb98;
    background-color: #ffeb98;
    border-radius: 3rem;
    color: color(display-p3 0.12 0.35 0.33);
  }
  header .contenedor nav .contact {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 1024px) {
  header .contenedor nav .redes {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
}
header .contenedor nav .redes span {
  font-size: 0.875rem;
}
header .contenedor nav .redes ul li a {
  display: flex;
  border-radius: 50%;
  transition: all 0.3s ease;
  background-color: color(display-p3 0.89 0.78 0.36);
}
header .contenedor nav .redes ul li a svg path {
  fill: color(display-p3 0.89 0.78 0.36);
}
header .contenedor nav .redes ul li a svg path:first-child {
  fill: color(display-p3 0.12 0.35 0.33);
}

main section.banner-simple {
  height: 19rem;
  min-height: -moz-fit-content;
  min-height: fit-content;
  position: relative;
  z-index: 1;
}
main section.banner-simple::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, #f3f5f9 90%, #f3f5f9 100%);
}
main section.banner-simple picture {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
main section.banner-simple picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
main section.banner-simple .contenedor {
  position: relative;
  z-index: 3;
}
main section.banner-complejo {
  overflow: hidden;
  position: relative;
  padding: 2rem 0 0 0;
  z-index: 2;
  height: 75vh;
  min-height: 40rem;
  background: linear-gradient(180deg, #17806F 0%, #1F5A53 100%);
}
@media (max-width: 1024px) {
  main section.banner-complejo {
    height: -moz-fit-content;
    height: fit-content;
  }
}
main section.banner-complejo picture {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1024px) {
  main section.banner-complejo picture {
    height: 80vh;
  }
}
main section.banner-complejo picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
main section.banner-complejo nav.ti-breadcrumb {
  position: relative;
  z-index: 3;
}
main section.banner-complejo .contenedor {
  position: relative;
  z-index: 3;
  height: 100%;
}
main section.banner-complejo .contenedor .info {
  /* Ancho de la columna derecha (zona de la imagen). La imagen se ancla en
     función de ESTA misma variable y del 100% del contenedor, así que la
     columna y la imagen se mueven JUNTAS en el resize. Antes la imagen usaba
     rem + clamp(vw) (dependencias distintas al borde de la columna) y por eso
     coincidían en 1920 pero se separaban al achicar. */
  --banner-col: 29rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--banner-col);
  max-width: 100%;
}
@media (max-width: 1024px) {
  main section.banner-complejo .contenedor .info {
    display: flex;
    align-items: flex-end;
    margin: 47vh auto 0 auto;
  }
}
main section.banner-complejo .contenedor .info .contenido {
  position: relative;
  z-index: 2;
  /* Padding horizontal FLUIDO. Antes era fijo (225px/111px): en 1920 se
     veía bien, pero en laptop/Mac (~1280px) esos px fijos se comían casi
     toda la columna y el texto se apilaba en muchas líneas (burbuja alta
     y angosta). Con clamp el inset escala con el ancho y mantiene la
     proporción del diseño de 1920 hacia abajo. Topes = valores originales. */
  padding: 59px clamp(2.5rem, 11.7vw, 225px) 41px clamp(2rem, 5.78vw, 111px);
}
@media (max-width: 1024px) {
  main section.banner-complejo .contenedor .info .contenido {
    padding: 2rem;
    width: 30rem;
    max-width: 100%;
    margin: 0 auto;
  }
}
main section.banner-complejo .contenedor .info .contenido::before {
  position: absolute;
  content: "";
  z-index: 1;
  inset: 0;
  background-color: color(display-p3 0.12 0.35 0.33);
  border-radius: 200px 0 200px 200px;
}
@media (max-width: 1024px) {
  main section.banner-complejo .contenedor .info .contenido::before {
    width: 100%;
    border-radius: 3rem 0 3rem 3rem;
  }
}
main section.banner-complejo .contenedor .info .contenido h1 {
  position: relative;
  z-index: 2;
  font-size: 2.5rem;
  color: #eeeeee;
  font-weight: bold;
}
@media (max-width: 780px) {
  main section.banner-complejo .contenedor .info .contenido h1 {
    font-size: 1.875rem;
    line-height: 1;
  }
}
main section.banner-complejo .contenedor .info .contenido_p {
  position: relative;
  z-index: 2;
}
main section.banner-complejo .contenedor .info .contenido_p * {
  color: #eeeeee;
  font-weight: 100;
  line-height: 130%;
  font-size: 1rem;
}
main section.banner-complejo .contenedor .info .contenido_p .has-text-align-center {
  text-align: center;
}
main section.banner-complejo .contenedor .info .contenido_p p {
  margin: 0.5rem 0;
}
main section.banner-complejo .contenedor .info .contenido_p strong,
main section.banner-complejo .contenedor .info .contenido_p b {
  color: #eeeeee;
  font-weight: 800;
}
main section.banner-complejo .contenedor .info .contenido_p h1,
main section.banner-complejo .contenedor .info .contenido_p h2,
main section.banner-complejo .contenedor .info .contenido_p h3,
main section.banner-complejo .contenedor .info .contenido_p h4, main section.banner-complejo .contenedor .info .contenido_p > strong {
  font-size: 1.563rem;
  font-weight: 800;
  color: #eeeeee;
}
main section.banner-complejo .contenedor .info .contenido_p h1 strong,
main section.banner-complejo .contenedor .info .contenido_p h2 strong,
main section.banner-complejo .contenedor .info .contenido_p h3 strong,
main section.banner-complejo .contenedor .info .contenido_p h4 strong, main section.banner-complejo .contenedor .info .contenido_p > strong strong {
  color: color(display-p3 0.09 0.5 0.44);
  font-size: 1.563rem;
  font-weight: 800;
}
main section.banner-complejo .contenedor .info .contenido_p h2,
main section.banner-complejo .contenedor .info .contenido_p h3,
main section.banner-complejo .contenedor .info .contenido_p h4 {
  margin: 1rem 0;
}
main section.banner-complejo .contenedor .info .contenido_p ul li,
main section.banner-complejo .contenedor .info .contenido_p ol li {
  list-style-type: disc;
  margin-left: 1.5rem;
}
main section.banner-complejo .contenedor .info .contenido_p ul li::marker,
main section.banner-complejo .contenedor .info .contenido_p ol li::marker {
  color: #eeeeee;
}
main section.banner-complejo .contenedor .info .contenido_p ol li {
  list-style-type: decimal;
}
main section.banner-complejo .contenedor .info .contenido_p > ul, main section.banner-complejo .contenedor .info .contenido_p > ol {
  padding: 0.5rem 0;
}
main section.banner-complejo .contenedor .info .contenido_p > ul ol li,
main section.banner-complejo .contenedor .info .contenido_p > ul ul li, main section.banner-complejo .contenedor .info .contenido_p > ol ol li,
main section.banner-complejo .contenedor .info .contenido_p > ol ul li {
  padding: 0;
}
main section.banner-complejo .contenedor .info .contenido_p > p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
main section.banner-complejo .contenedor .info .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) {
  main section.banner-complejo .contenedor .info .contenido_p img {
    border-radius: 0.8rem;
  }
}
main section.banner-complejo .contenedor .info .contenido_p > .wp-video, main section.banner-complejo .contenedor .info .contenido_p > video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 15/8.25;
  border-radius: 1rem;
  overflow: hidden;
}
main section.banner-complejo .contenedor .info .contenido_p > .wp-video .mejs-container, main section.banner-complejo .contenedor .info .contenido_p > video .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
main section.banner-complejo .contenedor .info .contenido_p > .wp-video .mejs-container video, main section.banner-complejo .contenedor .info .contenido_p > video .mejs-container video {
  width: 100% !important;
  height: 100% !important;
}
main section.banner-complejo .contenedor .info .contenido_p > .wp-video .mejs-overlay, main section.banner-complejo .contenedor .info .contenido_p > video .mejs-overlay {
  background: linear-gradient(45deg, black, transparent);
}
main section.banner-complejo .contenedor .info .contenido_p > .wp-video .mejs-overlay-button, main section.banner-complejo .contenedor .info .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;
}
main section.banner-complejo .contenedor .info .contenido_p > .wp-video .mejs-controls, main section.banner-complejo .contenedor .info .contenido_p > video .mejs-controls {
  opacity: 1;
}
main section.banner-complejo .contenedor .info .contenido_p > .wp-video .mejs-controls:has(.mejs-play), main section.banner-complejo .contenedor .info .contenido_p > video .mejs-controls:has(.mejs-play) {
  display: none;
}
main section.banner-complejo .contenedor .info .contenido .botones {
  position: relative;
  margin-top: 1rem;
  z-index: 2;
}
@media (max-width: 1024px) {
  main section.banner-complejo .contenedor .info .contenido .botones {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (max-width: 780px) {
  main section.banner-complejo .contenedor .info .contenido .botones {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  main section.banner-complejo .contenedor .info .contenido .botones a {
    width: 100%;
    text-align: center;
  }
}
main section.banner-complejo .contenedor .info .contenido .botones a.oro {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid color(display-p3 0.89 0.78 0.36);
  background-color: color(display-p3 0.89 0.78 0.36);
  color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
main section.banner-complejo .contenedor .info .contenido .botones a.oro:hover {
  border-color: #ffeb98;
  background-color: #ffeb98;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
main section.banner-complejo .contenedor .info .contenido .botones a.trans {
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid #eeeeee;
  background-color: transparent;
  color: #eeeeee;
  border-radius: 3rem 3rem 0 3rem;
  transition: all 0.5s ease;
}
main section.banner-complejo .contenedor .info .contenido .botones a.trans:hover {
  border-color: color(display-p3 0.12 0.35 0.33);
  background-color: color(display-p3 0.12 0.35 0.33);
  border-radius: 3rem;
  color: #eeeeee;
}
main section.banner-complejo .contenedor .info .contenido .botones a.blanco {
  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;
}
main section.banner-complejo .contenedor .info .contenido .botones a.blanco:hover {
  border-color: #dedede;
  background-color: #dedede;
  border-radius: 3rem;
  color: color(display-p3 0.12 0.35 0.33);
}
@media (max-width: 1024px) {
  main section.banner-complejo .contenedor .info .contenido .botones a {
    font-size: 0.875rem;
  }
}
main section.banner-complejo .contenedor .info > img {
  position: absolute;
  z-index: 2;
  bottom: 0;
  /* Anclada respecto al borde derecho de la burbuja: ese borde está en
     (100% - --banner-col), y la imagen se solapa 13.5rem hacia la izquierda.
     Al usar el MISMO 100% (ancho del contenedor) y la MISMA --banner-col que
     la columna del grid, imagen y columna quedan sincronizadas en cualquier
     ancho. El 13.5rem controla cuánto invade la burbuja (súbelo/bájalo). */
  left: calc(100% - var(--banner-col) - 11.5rem);
  height: 100%;
  width: auto;
  max-width: 35rem;
  transform: translate(0, 0rem);
  -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}
@media (max-width: 1024px) {
  main section.banner-complejo .contenedor .info > img {
    display: none;
  }
}
main section.banner-complejo .contenedor .items {
  position: relative;
  z-index: 2;
  max-width: 100%;
  margin: 0 auto;
  gap: 50px;
  flex-wrap: nowrap;
  margin-bottom: 2rem;
}
@media (max-width: 870px) {
  main section.banner-complejo .contenedor .items {
    flex-wrap: wrap;
    gap: 15px;
  }
}
main section.banner-complejo .contenedor .items li {
  background-color: rgba(194, 194, 194, 0.1529411765);
  padding: 10px 15px;
  border-radius: 4rem;
  border: 1px solid rgba(177, 177, 177, 0.1882352941);
}
@media (max-width: 870px) {
  main section.banner-complejo .contenedor .items li {
    width: auto;
  }
}
@media (max-width: 650px) {
  main section.banner-complejo .contenedor .items li {
    width: 100%;
  }
}
main section.banner-complejo .contenedor .items li img {
  height: 2.2rem;
  width: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
main section.banner-complejo .contenedor .items li span {
  font-size: 0.875rem;
  color: #eeeeee;
}
main section.banner-complejo.completa::after {
  position: absolute;
  z-index: 3;
  content: "";
  top: calc(0px - var(--header-h));
  right: 0;
  height: 65%;
  width: auto;
  aspect-ratio: 1/1;
  opacity: 0.5;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAzIiBoZWlnaHQ9IjM2MSIgdmlld0JveD0iMCAwIDMwMyAzNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTM0NS4xNTEgMjUzLjQ0NUMzMzYuNjI5IDI3NS44MDggMzIzLjg0NiAyOTQuOTc2IDMwNy44NjYgMzEwLjk1QzI5MS44ODcgMzI2LjkyMyAyNzIuNzEyIDMzOS43MDIgMjUxLjQwNyAzNDguMjIxQzIzMC4xMDEgMzU2Ljc0IDIwNS41OTkgMzYxIDE3OC45NjcgMzYxQzE1Mi4zMzUgMzYxIDEyOC44OTkgMzU2Ljc0IDEwNi41MjggMzQ4LjIyMUM4NC4xNTczIDMzOS43MDIgNjYuMDQ3NSAzMjYuOTIzIDUwLjA2ODIgMzEwLjk1QzM0LjA4OSAyOTQuOTc2IDIyLjM3MDkgMjc1LjgwOCAxMi43ODM0IDI1My40NDVDNC4yNjExMyAyMzEuMDgzIDAgMjA2LjU5IDAgMTc4LjkwM0MwIDE1Mi4yOCA0LjI2MTEzIDEyNy43ODggMTIuNzgzNCAxMDYuNDlDMjEuMzA1NiA4NC4xMjY5IDM0LjA4OSA2Ni4wMjM2IDUwLjA2ODIgNTAuMDUwMkM2Ni4wNDc1IDM0LjA3NjcgODUuMjIyNSAyMi4zNjI4IDEwNi41MjggMTIuNzc4OEMxMjguODk5IDQuMjU5NiAxNTIuMzM1IDkuNTk1NTRlLTA2IDE3OC45NjcgOS41OTU1NGUtMDZIMTkwLjY4NUwyNzQuODQzIDkuNTk1NTRlLTA2SDM1OUwzNTkgMTc4LjkwM0MzNTcuOTM1IDIwNi41OSAzNTMuNjc0IDIzMS4wODMgMzQ1LjE1MSAyNTMuNDQ1Wk0yNzQuODQzIDE3Mi41MTNMMjc0Ljg0MyA3OC44MDI0TDE5MC42ODUgNzguODAyNEgxNzguOTY3QzE2NS4xMTkgNzguODAyNCAxNTIuMzM1IDgwLjkzMjIgMTQwLjYxNyA4Ni4yNTY3QzEyOC44OTkgOTEuNTgxMSAxMTkuMzEyIDk3Ljk3MDUgMTEwLjc4OSAxMDYuNDlDMTAyLjI2NyAxMTUuMDA5IDk1Ljg3NTQgMTI1LjY1OCA5MS42MTQyIDEzOC40MzdDODcuMzUzMSAxNTEuMjE1IDg0LjE1NzMgMTYzLjk5NCA4NC4xNTczIDE3OC45MDNDODQuMTU3MyAxOTMuODExIDg2LjI4NzggMjA3LjY1NSA5MS42MTQyIDIyMC40MzRDOTUuODc1NCAyMzMuMjEyIDEwMi4yNjcgMjQzLjg2MSAxMTAuNzg5IDI1My40NDVDMTE5LjMxMiAyNjMuMDMgMTI4Ljg5OSAyNjkuNDE5IDE0MC42MTcgMjc0Ljc0M0MxNTIuMzM1IDI4MC4wNjggMTY1LjExOSAyODIuMTk4IDE3OC45NjcgMjgyLjE5OEMxOTIuODE2IDI4Mi4xOTggMjA1LjU5OSAyODAuMDY4IDIxNy4zMTcgMjc0Ljc0M0MyMjkuMDM2IDI2OS40MTkgMjM4LjYyMyAyNjEuOTY1IDI0Ny4xNDUgMjUzLjQ0NUMyNTUuNjY4IDI0My44NjEgMjYyLjA1OSAyMzMuMjEyIDI2Ny4zODYgMjIwLjQzNEMyNzEuNjQ3IDIwNy42NTUgMjc0Ljg0MyAxOTMuODExIDI3NC44NDMgMTc4LjkwM1YxNzIuNTEzWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzI2NDJfMTAwODkpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjY0Ml8xMDA4OSIgeDE9IjE3OS41IiB5MT0iMzYxIiB4Mj0iMTc5LjUiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFRUVFRUUiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 780px) {
  main section.banner-complejo.completa::after {
    height: 20rem;
  }
}
main section.banner-complejo.completa picture {
  opacity: 0.2;
}
main section.banner-complejo.completa .contenedor .info .contenido {
  padding: 0;
}
main section.banner-complejo.completa nav.ti-breadcrumb {
  position: relative;
  z-index: 3;
}
main section.banner-complejo.completa nav.ti-breadcrumb a,
main section.banner-complejo.completa nav.ti-breadcrumb span {
  color: #eeeeee;
}
main section.banner-complejo.completa nav.ti-breadcrumb > svg path {
  fill: #eeeeee;
}
main section.banner-complejo.completa .contenedor::before {
  background: linear-gradient(to bottom, color(display-p3 0.09 0.5 0.44) 0%, color(display-p3 0.12 0.35 0.33) 85%, #000000 110%);
  opacity: 0.9;
}
main section.banner-complejo.completa .contenedor .info {
  display: flex;
  width: 55rem;
  max-width: 100%;
  margin: 0 auto;
}
main section.banner-complejo.completa .contenedor .info .contenido {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main section.banner-complejo.completa .contenedor .info .contenido::before {
  display: none;
}
main section.banner-complejo.completa .contenedor .info .contenido * {
  text-align: center;
}

footer {
  padding: 3rem 0 1rem 0;
  background-color: color(display-p3 0.12 0.35 0.33);
  position: relative;
  z-index: 1;
}
footer::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: auto;
  height: 90%;
  aspect-ratio: 1/1;
  display: flex;
  background-image: url("../img/texture-footer-syntropia.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  transform: translateY(-5%);
}
footer .contenedor {
  position: relative;
  z-index: 2;
}
footer .contenedor .principal a {
  display: flex;
  max-width: 12rem;
}
footer .contenedor .principal img,
footer .contenedor .principal .ti-inline-svg {
  display: block;
  width: 100%;
  height: auto;
}
footer .contenedor .principal p {
  font-weight: bold;
  color: #eeeeee;
  text-align: center;
}
@media (max-width: 780px) {
  footer .contenedor .menu {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 780px) {
  footer .contenedor .menu-footer {
    justify-content: center;
  }
}
@media (max-width: 780px) {
  footer .contenedor .menu-footer ul li {
    text-align: center;
  }
}
footer .contenedor .menu-footer ul li:first-child {
  margin-bottom: 1rem;
  color: color(display-p3 0.89 0.78 0.36);
  font-size: 0.938rem;
  font-weight: bold;
  position: relative;
}
footer .contenedor .menu-footer ul li:first-child::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: color(display-p3 0.89 0.78 0.36);
  border-radius: 50%;
  transform: translateY(0.5rem);
}
footer .contenedor .menu-footer ul li a {
  color: #eeeeee;
  font-size: 0.875rem;
  position: relative;
  transition: all 0.3s ease;
}
footer .contenedor .menu-footer ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  width: 0.75rem;
  height: auto;
  aspect-ratio: 1/1;
  opacity: 0;
  transform: translateY(-50%) translateX(-100%);
  background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.85292 0H4.11754V1.37649H8.65033L0 10.0268L0.973179 11L9.62351 2.34967V6.88246H11V1.14708C11 0.514808 10.4857 0 9.85292 0Z" fill="%23EEEEEE"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
}
footer .contenedor .menu-footer ul li a:hover::before {
  opacity: 1;
  transform: translateY(-50%) translateX(140%);
}
footer .contenedor .menu-redes span {
  margin-bottom: 1rem;
  color: color(display-p3 0.89 0.78 0.36);
  font-size: 0.938rem;
  font-weight: bold;
  position: relative;
}
footer .contenedor .menu-redes span::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: color(display-p3 0.89 0.78 0.36);
  border-radius: 50%;
  transform: translateY(0.5rem);
}
footer .contenedor .menu-redes ul li a {
  display: flex;
  border-radius: 50%;
  transition: all 0.3s ease;
}
footer .contenedor .menu-redes ul li a svg path {
  transition: all 0.3s ease;
}
footer .contenedor .menu-redes ul li a:hover {
  background-color: color(display-p3 0.89 0.78 0.36);
}
footer .contenedor .menu-redes ul li a:hover svg path {
  fill: color(display-p3 0.89 0.78 0.36);
}
footer .contenedor .menu-redes ul li a:hover svg path:first-child {
  fill: color(display-p3 0.12 0.35 0.33);
}
footer .contenedor .copy {
  margin-top: 1rem;
  position: relative;
}
@media (max-width: 780px) {
  footer .contenedor .copy {
    justify-content: center;
    flex-direction: column;
  }
}
footer .contenedor .copy::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #eeeeee;
}
footer .contenedor .copy * {
  color: #eeeeee;
  font-size: 0.75rem;
}
footer .contenedor .copy * strong {
  font-weight: bold;
}/*# sourceMappingURL=main.css.map */