@charset "UTF-8";
/* VARIABLES */
@font-face {
  font-family: "open-sans";
  src: url("../fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "MonumentGrotesk-Regular";
  src: url("../fonts/MonumentGrotesk-Regular.woff2") format("woff2"), url("../fonts/MonumentGrotesk-Regular.woff") format("woff"), url("../fonts/MonumentGrotesk-Regular.ttf") format("truetype"); /* Legacy iOS browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MonumentGrotesk-Bold";
  src: url("../fonts/MonumentGrotesk-Bold.woff2") format("woff2"), url("../fonts/MonumentGrotesk-Bold.woff") format("woff"), url("../fonts/MonumentGrotesk-Bold.ttf") format("truetype"); /* Legacy iOS browsers */
  font-weight: normal;
  font-style: normal;
}
/*
    FUENTE:  ARTICULAT-CF 
    Adobe Fonts
*/
.articulat {
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.articulat-bold {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.articulat-heavy {
  font-family: "articulat-cf", sans-serif;
  font-weight: 900;
  font-style: normal;
}

body {
  font-family: "open-sans", sans-serif;
  font-size: 16px;
  overflow-x: hidden;
}

p a {
  color: #09A6AA;
  text-decoration: none;
  transition: all 0.5s ease;
}
p a:hover {
  color: #1F1801;
  text-decoration: underline;
}

.monum,
.stara {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
}

.subtitulo {
  color: #1F1801;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.1rem;
  letter-spacing: 1px;
  padding: 0;
  z-index: 3;
  position: relative;
}
.subtitulo:after {
  content: "";
  display: none;
}

.bg-green {
  background-color: #09A6AA;
  color: white;
}

/* Checkmark style starts */
@-moz-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}
@-webkit-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}
@keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 10px;
  }
}
@keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
@-webkit-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
@-moz-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
input[type=checkbox] {
  display: none;
}

.check-box {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #7B7B7B;
  border-radius: 0px;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.check-box::before, .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: 4px;
  background-color: #34b93d;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  content: " ";
  -webkit-transition: opacity ease 0.5;
  -moz-transition: opacity ease 0.5;
  transition: opacity ease 0.5;
}
.check-box::before {
  top: 14.4px;
  left: 8.2px;
  box-shadow: 0 0 0 1px #fff;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.check-box::after {
  top: 7.4px;
  left: 1px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/** 
  * Border ROJO del checkbox si no esta cliqueado
 **/
.btn-on + .check-box {
  border: 2px solid red;
  animation: shake 0.4s ease;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
input[type=checkbox]:checked + .check-box,
.check-box.checked {
  border-color: #34b93d;
}
input[type=checkbox]:checked + .check-box::after,
.check-box.checked::after {
  height: 10px;
  -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
  animation: dothabottomcheck 0.2s ease 0s forwards;
}
input[type=checkbox]:checked + .check-box::before,
.check-box.checked::before {
  height: 24px;
  -moz-animation: dothatopcheck 0.4s ease 0s forwards;
  -o-animation: dothatopcheck 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
  animation: dothatopcheck 0.4s ease 0s forwards;
}

/* scroll icon */
.scroll-downs {
  position: absolute;
  right: 0;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 4%;
  z-index: 2;
  width: 27px;
  height: 45px;
}
.scroll-downs .mousey {
  width: 0px;
  padding: 8px 13px 6px 9px;
  height: 26px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroll-downs .mousey .scroller {
  width: 3px;
  height: 7px;
  border-radius: 50%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}

@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}
/* scroll 2 */
.mouse {
  position: absolute;
  bottom: 70px;
  left: 50%;
  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, white 50%, white 100%);
  position: relative;
  width: 22px;
  height: 38px;
  border-radius: 100px;
  background-size: 100% 200%;
  animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse:before {
  width: 19px;
  height: 35px;
  background-color: #1F1801;
  border-radius: 100px;
}
.mouse:after {
  background-color: white;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  animation: trackBallSlide 5s linear infinite;
}

@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: white;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: white;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: white;
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  6% {
    opacity: 1;
    transform: scale(0.9) translateY(2.5px);
  }
  14% {
    opacity: 0;
    transform: scale(0.4) translateY(20px);
  }
  15%, 19% {
    opacity: 0;
    transform: scale(0.4) translateY(-10px);
  }
  28%, 29.99% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  30% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  36% {
    opacity: 1;
    transform: scale(0.9) translateY(2.5px);
  }
  44% {
    opacity: 0;
    transform: scale(0.4) translateY(20px);
  }
  45%, 49% {
    opacity: 0;
    transform: scale(0.4) translateY(-10px);
  }
  58%, 59.99% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  60% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
  66% {
    opacity: 1;
    transform: scale(0.9) translateY(2.5px);
  }
  74% {
    opacity: 0;
    transform: scale(0.4) translateY(20px);
  }
  75%, 79% {
    opacity: 0;
    transform: scale(0.4) translateY(-10px);
  }
  88%, 100% {
    opacity: 1;
    transform: scale(1) translateY(-10px);
  }
}
@keyframes nudgeMouse {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(4px);
  }
  30% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(4px);
  }
  90% {
    transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(2px);
  }
  30% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2px);
  }
  60% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(2px);
  }
  90% {
    transform: translateY(0);
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: white;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: white;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: white;
  }
}
#play-video {
  position: absolute;
  right: 4%;
  bottom: 50px;
  z-index: 2;
  width: 300px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#play-video a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
#play-video i {
  font-size: 4rem;
  color: white;
}
#play-video div {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: white;
  width: 220px;
  font-weight: bold;
  transition: all 0.5s ease;
  opacity: 1;
  margin-right: 0px;
}
#play-video:hover div {
  display: inline-block;
  margin-right: 0px;
  opacity: 1;
  width: 220px;
}

html {
  overflow-x: hidden;
}

body {
  font-family: "open-sans", sans-serif !important;
}

body.logged-in header {
  margin-top: 32px;
}

.post, .page {
  margin-bottom: 0px !important;
}

/* GENERAL */
.bg-grey {
  background-color: #FBFBFB;
}

.bg-orange {
  display: flex;
  align-items: center;
}
.bg-orange h2 {
  font-size: 1.6rem;
}
.bg-orange h2:after {
  border: 0;
  background-color: transparent;
}

.border-left {
  border-left: 5px solid #09A6AA;
}

.border-right {
  border-right: 5px solid #09A6AA;
}

h1, h3 {
  text-transform: uppercase;
  color: #1F1801;
}
h1.line, h3.line {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: #09A6AA;
}
h1.line:after, h3.line:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px);
  border-bottom: 3px solid #09A6AA;
  width: 100px;
}
h1.line-left, h3.line-left {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: #09A6AA;
}
h1.line-left:after, h3.line-left:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #09A6AA;
  width: 100px;
}
h1.line-right, h3.line-right {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
h1.line-right:after, h3.line-right:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  border-bottom: 3px solid #09A6AA;
  width: 100px;
}

h2 {
  text-transform: uppercase;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: #1F1801;
}
h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px);
  border-bottom: 3px solid #09A6AA;
  width: 100px;
}

h3 {
  font-size: 1.375rem;
  text-transform: uppercase;
}

h1.line,
h1.line-left,
h2.line,
h2.line-left {
  position: relative;
  display: inline-block;
  z-index: 2;
  color: #09A6AA;
  font-family: "articulat-bold", Arial, sans-serif;
  font-weight: 600;
}
h1.line:before,
h1.line-left:before,
h2.line:before,
h2.line-left:before {
  content: "";
  position: absolute;
  top: -30px;
  left: -20px;
  width: 60px;
  height: 60px;
  background-image: url("../img/logo-breeze-title.svg");
  background-size: cover;
  z-index: -1;
}

.top-title {
  background-color: #09A6AA;
  color: white;
  padding: 3px 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.quote h2 {
  color: #09A6AA;
  position: relative;
}
.quote h2:before {
  content: "";
  opacity: 0.3;
  width: 80px;
  height: 100px;
  border: 0px solid red;
  position: absolute;
  top: -10px;
  left: -70px;
  background-image: url("../img/icon-quote.svg");
  background-position: 0px top;
  background-repeat: no-repeat;
}
.quote h2 span {
  color: #09A6AA;
}

.content__form {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.content__form.content__form_empty {
  border-radius: 0px;
  box-shadow: none;
}
.content__form form p {
  margin-bottom: 0 !important;
}
.content__form form .inp {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  height: 40px;
}
.content__form form .inp .iti {
  width: 100%;
  height: 40px;
}
.content__form form .inp input {
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #FBFBFB;
  border: 1px solid #7B7B7B;
  text-indent: 10px;
  transition: all 0.5s ease;
}
.content__form form .inp input:focus + label, .content__form form .inp input:valid + label {
  font-size: 0.7rem;
  top: -18px;
}
.content__form form .inp input:focus + label span, .content__form form .inp input:valid + label span {
  font-size: 0.6rem;
}
.content__form form .inp textarea {
  width: 100%;
  height: 100px;
  border-radius: 0;
  background-color: #FBFBFB;
  border: 1px solid #7B7B7B;
  text-indent: 10px;
  transition: all 0.5s ease;
}
.content__form form .inp textarea:focus + label, .content__form form .inp textarea:valid + label {
  font-size: 0.7rem;
  top: -18px;
}
.content__form form .inp textarea:focus + label span, .content__form form .inp textarea:valid + label span {
  font-size: 0.6rem;
}
.content__form form .inp label {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 0.9rem;
  font-style: italic;
  transition: all 0.5s ease;
}
.content__form form .inp label span {
  color: #09A6AA;
  font-size: 1rem;
  font-weight: bold;
}
.content__form form .inp label.active#input_name_label, .content__form form .inp label.active#input_email_label, .content__form form .inp label.active#input_area_label {
  font-size: 0.7rem;
  top: -25px;
}
.content__form form .inp.inp_area {
  height: auto !important;
}
.content__form form .inp .wpcf7-not-valid-tip {
  font-size: 0.9rem;
}
.content__form form span.text-align a {
  color: #09A6AA;
  text-decoration: none;
  transition: all 0.5s ease;
}
.content__form form span.text-align a:hover {
  color: #1F1801;
  text-decoration: underline;
}
.content__form form #btn-submit {
  border: 1px solid #09A6AA;
  color: #09A6AA;
  padding: 15px 20px 10px 20px;
  border-radius: 0;
  background-color: #fff;
  transition: all 0.5s ease;
}
.content__form form #btn-submit:hover {
  background-color: #09A6AA;
  color: #fff;
}
.content__form form .wpcf7-spinner {
  display: block;
  position: absolute;
  right: 20%;
  bottom: 10px;
}
.content__form form .wpcf7-list-item {
  margin-left: 0;
}
.content__form form .wpcf7-list-item input[type=checkbox] {
  display: inline-block !important;
  top: 4px;
  padding-right: 10px;
}
.content__form form .wpcf7-list-item .wpcf7-list-item-label {
  padding-left: 6px;
}
.content__form form a {
  color: #1F1801;
  text-decoration: underline;
}
.content__form form a:visited {
  color: #1F1801;
}
.content__form form a:hover {
  color: #09A6AA;
}

.form_contacto .inp input[type=text],
.form_contacto .inp input[type=email],
.form_contacto .inp textarea {
  background-color: #fff !important;
}
.form_contacto .inp label.active#mensaje_label {
  font-size: 0.7rem;
  top: -25px;
}
.form_contacto .inp_area {
  margin-bottom: 20px !important;
}

.btn {
  height: 40px;
  line-height: 40px;
  border: 1px solid #FFFFFF;
  background-color: #09A6AA;
  color: #1F1801;
  border-radius: 0;
  text-transform: uppercase;
  position: relative;
  padding-left: 40px;
  display: inline-flex;
  align-items: center;
}
.btn span {
  padding: 0 30px;
  border-left: 2px solid #FFFFFF;
}
.btn:before {
  font-family: "bootstrap-icons";
  position: absolute;
  width: 40px;
  height: 100%;
  top: 0;
  left: 0;
  border: 0px solid #FFFFFF;
  background-color: #FACD33;
  color: #1F1801;
  transition: all 0.3s ease;
}
.btn.link:before {
  content: "\f280";
}
.btn.send:before {
  content: "\f6c0";
}
.btn:hover {
  background-color: #FACD33;
}
.btn:hover:before {
  background-color: #1F1801;
  color: #FACD33;
}

/**
 * BTN con icon que rueda
*/
.border-orange {
  border: 1px solid #09A6AA;
  transition: all 0.8s ease;
}
.border-orange:hover {
  border: 1px solid #1F1801;
  background-color: #09A6AA;
}
.border-orange:hover .btn-icon span {
  color: white;
}

.btn-icon {
  border: 0;
  background-color: transparent;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
}
.btn-icon span {
  color: #09A6AA;
  transition: all 1s ease;
  font-size: 1.1rem;
}
.btn-icon:hover span {
  color: #1F1801;
}

button.btn-icon:before {
  top: 7px;
}

/* MENU */
#menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: white;
  background-image: url("../img/pattern-claro-opacity_big_-01.svg");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  transition: 0.6s ease-in-out;
  opacity: 0;
  z-index: -1;
}
#menu.open {
  opacity: 1;
  z-index: 1028;
}
#menu .logo-big {
  position: relative;
  transition: all 0.8s ease;
}
#menu .logo-big:after {
  transition: all 0.8s ease;
  content: "volver a la home";
  position: absolute;
  bottom: -30px;
  right: 0px;
  font-size: 1rem;
  color: #999;
  text-transform: uppercase;
  opacity: 0;
}
#menu .logo-big.texto-logo_es:after {
  content: "volver a la home";
}
#menu .logo-big.texto-logo_en:after {
  content: "Go back to home";
}
#menu .logo-big:hover:after {
  opacity: 1;
}
#menu ul li.hide {
  display: none;
}

.links ul li a {
  font-size: 1.4rem;
  color: #09A6AA;
  transition: all 0.5s ease;
}
.links ul li a:hover {
  color: #1F1801;
}

.redes {
  position: fixed;
  right: 50px;
  bottom: 10%;
}
.redes ul {
  flex-direction: column;
}
.redes ul li a {
  font-size: 1.3rem;
  color: #09A6AA;
  transition: all 0.5s ease;
}
.redes ul li a:hover {
  color: #1F1801;
}

.header.open {
  background-color: transparent !important;
}
.header.open .logo {
  opacity: 0;
}

nav ul li a {
  color: #96d1d1;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s ease;
  position: relative;
  font-family: "articulat-bold", Arial, sans-serif;
}
nav ul li a:visited {
  color: #96d1d1;
}
nav ul li a:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background-size: cover;
  opacity: 0;
  transition: all 1s ease-in-out;
  background-image: url("../img/apple-touch-icon.png");
}
nav ul li a:hover {
  color: #0d8182;
}
nav ul li a:hover:before {
  opacity: 1;
  transform: rotate(490deg);
}
nav ul li.active a, nav ul li.current-menu-item a, nav ul li.current-menu-parent a {
  color: #0d8182;
}
nav ul li.active a:before, nav ul li.current-menu-item a:before, nav ul li.current-menu-parent a:before {
  opacity: 1;
}

/* slick */
.slick-list {
  padding: 20px 0;
}

/*  planos, mapa svg  */
tr.selected th, tr.selected td {
  background-color: #ccc;
}

tr.selected_listado th, tr.selected_listado td {
  background-color: #09A6AA;
}

.st0.vivienda_selected {
  opacity: 0.9 !important;
}

.content__svg_mapa {
  height: calc(100vh - 68px);
}

#popup-info {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background-color: white;
  width: 300px;
  min-height: 170px;
  opacity: 0;
  transition: all 0.5s ease;
}
#popup-info.visible {
  opacity: 1;
}
#popup-info #close {
  position: absolute;
  top: 5px;
  right: 10px;
}
#popup-info #close:hover {
  cursor: pointer;
}
#popup-info .link-plano a {
  color: #1F1801;
}
#popup-info .txt-disponible {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FBFBFB;
  font-weight: bold;
  font-size: 0.8rem;
}

.modal {
  display: none; /* Oculto por defecto */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  padding-top: 60px;
}

.modal-content {
  background-color: #fefefe;
  margin: 0% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 80%;
  height: 90%;
}

.modal-content iframe {
  height: 100%;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  transition: all 0.5s ease;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.object-bottom {
  object-position: bottom;
}

.object-top {
  object-position: top;
}

.object-center {
  object-position: center;
}

/* Modal Small */
.modal#myModalSmall {
  display: none; /* Oculto por defecto */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  padding-top: 60px;
  align-items: center;
}
.modal#myModalSmall .modal-content {
  background-color: #fbfbfb;
  margin: 0% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
  max-width: 500px;
  height: 200px;
  margin-top: -200px;
}
.modal#myModalSmall #polygonInfoSt1 {
  margin-bottom: 0;
}
.modal#myModalSmall .closeSt1 {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  height: 28px;
  transition: all 0.5s ease;
}
.modal#myModalSmall .closeSt1:hover {
  color: #1F1801;
  cursor: pointer;
}

.leyenda {
  padding: 30px 30px;
  position: absolute;
  left: 50px;
  bottom: 50px;
  border: 1px solid #999;
  background-color: #fefefe;
}
.leyenda ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.leyenda ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.leyenda ul li .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: red;
  margin-right: 10px;
}
.leyenda ul li .circle.circle-orange {
  background-color: #FFC107;
}
.leyenda ul li .circle.circle-red {
  background-color: #dd600b;
}

form .d-flex {
  flex: 1;
}
form .d-flex .email-input {
  width: 100%;
  height: 40px;
  border: 1px solid #999;
  border-right: 0;
  flex-grow: 1;
  text-indent: 10px;
}
form .d-flex .email-input:focus, form .d-flex .email-input:focus-visible, form .d-flex .email-input:active {
  border: 1px solid #09A6AA !important;
  border-right: 0px !important;
  outline: none !important;
}
form .d-flex .btn-form {
  padding: 0 15px;
  height: 40px;
  border: 1px solid #09a4a8;
  border-left: 0;
  background-color: #09A6AA;
  color: #1F1801;
  border-radius: 0;
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
  align-items: center;
  transition: all 0.8s ease;
}
form .d-flex .btn-form:focus-visible {
  border: 1px solid #09A6AA !important;
  border-left: 0px !important;
  outline: none !important;
}
form .d-flex .btn-form:hover {
  background-color: #1F1801;
  color: #FFFFFF;
}

.cont_cols {
  display: flex;
  flex-wrap: wrap; /* Permite que los elementos se envuelvan */
  justify-content: space-around; /* Espacio uniforme alrededor de los elementos */
}

.column5 {
  flex: auto;
  box-sizing: border-box; /* Incluye el padding y el border en el ancho y alto del elemento */
  padding: 10px; /* Espaciado interno de las columnas */
}

.intro-internal img {
  height: 100vh;
  object-fit: cover;
  object-position: bottom;
}

.listado-puntos {
  min-height: 200px;
  background-color: #8AC0CD;
  width: 100%;
  margin-top: -5px;
  text-align: center;
}
.listado-puntos .content_listado-puntos {
  color: #2E72A4;
  font-size: 1rem;
  padding-left: 110px;
  padding-right: 110px;
  line-height: 1.4rem;
}

.parallax {
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 767px) {
  .parallax {
    background-attachment: inherit;
  }
}

/**/
#accordionMinutes .accordion-item {
  border: 1px solid #ccc;
  background-color: transparent;
}
#accordionMinutes .accordion-item h2 button {
  color: white;
  background-color: #09A6AA;
}
#accordionMinutes .accordion-item h2 button.collapsed {
  color: #09A6AA;
  background-color: white;
}
#accordionMinutes .accordion-item h2 button:focus {
  box-shadow: none;
}
#accordionMinutes .accordion-item .accordion-body {
  background-color: transparent;
}

.leyenda {
  color: #09A6AA;
  font-size: 0.8rem;
}

.seccion-interes {
  padding: 20px 0;
}
.seccion-interes h2 {
  text-transform: uppercase;
  color: #09A6AA;
  font-size: 1.3rem;
  font-weight: 600;
}
.seccion-interes h3 {
  text-transform: uppercase;
  font-size: 0.8rem;
}
.seccion-interes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.seccion-interes ul li {
  font-size: 0.8rem;
}
.seccion-interes .azul, .seccion-interes .amarillo, .seccion-interes .marron, .seccion-interes .negro, .seccion-interes .naranja, .seccion-interes .verde, .seccion-interes .rojo, .seccion-interes .morado {
  margin-bottom: 10px;
}
.seccion-interes .azul h3, .seccion-interes .azul li {
  color: #407cc0;
}
.seccion-interes .amarillo h3, .seccion-interes .amarillo li {
  color: #ead177;
}
.seccion-interes .marron h3, .seccion-interes .marron li {
  color: #b17f53;
}
.seccion-interes .negro h3, .seccion-interes .negro li {
  color: #000000;
}
.seccion-interes .naranja h3, .seccion-interes .naranja li {
  color: #f39200;
}
.seccion-interes .verde h3, .seccion-interes .verde li {
  color: #55af32;
}
.seccion-interes .rojo h3, .seccion-interes .rojo li {
  color: #cd2826;
}
.seccion-interes .morado h3, .seccion-interes .morado li {
  color: #951b86;
}

.composicion-noche .img-night-1, .composicion-noche .img-night-2, .composicion-noche .img-night-3, .composicion-noche .img-night-4 {
  object-fit: cover;
}

.composicion-lifestyle .img-life-1, .composicion-lifestyle .img-life-2, .composicion-lifestyle .img-life-3, .composicion-lifestyle .img-life-4, .composicion-lifestyle .img-life-5 {
  object-fit: cover;
}

.conexiones-internacionales li {
  font-size: 0.9rem;
}

#menu.open .viviendas-anim span {
  display: inline-block;
  opacity: 0;
  margin-top: -10px;
  animation: drop 0.5s forwards;
}

.viviendas-anim span:nth-child(1) {
  animation-delay: 0.1s !important;
}

.viviendas-anim span:nth-child(2) {
  animation-delay: 0.5s !important;
}

.viviendas-anim span:nth-child(3) {
  animation-delay: 0.3s !important;
}

.viviendas-anim span:nth-child(4) {
  animation-delay: 0.8s !important;
}

.viviendas-anim span:nth-child(5) {
  animation-delay: 0.7s !important;
}

.viviendas-anim span:nth-child(6) {
  animation-delay: 0.6s !important;
}

.viviendas-anim span:nth-child(7) {
  animation-delay: 0.2s !important;
}

.viviendas-anim span:nth-child(8) {
  animation-delay: 0.4s !important;
}

.viviendas-anim span:nth-child(9) {
  animation-delay: 0.9s !important;
}

@keyframes drop {
  0% {
    opacity: 0;
    margin-top: -10px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
/** 
 * BLOG */
.item img {
  height: 400px;
}
.item h1 {
  padding: 10px 0;
  font-size: 1.2rem;
  margin-bottom: 0;
  color: #1F1801;
}
.item h2, .item h3 {
  padding: 10px 0;
  font-size: 1.1rem;
  line-height: 130%;
  margin-bottom: 0;
  color: #1F1801;
}
.item h2:after, .item h3:after {
  content: "";
  border: 0;
}
.item .descripcion {
  font-size: 1rem;
  text-transform: none;
  color: #7B7B7B;
  font-family: "open-sans", sans-serif;
  font-weight: normal;
}
.item a {
  text-decoration: none;
}
.item a h2 {
  text-decoration: none;
  transition: all 0.5s ease;
}
.item a img {
  transition: all 0.5s ease;
}
.item a:hover h2 {
  color: #09A6AA;
}
.item a:hover img {
  opacity: 0.8;
}
.item .info {
  border-bottom: 1px solid #ccc;
}
.item .labels a {
  color: #09A6AA;
  transition: all 0.5s ease;
}
.item .labels a:hover {
  color: #1F1801;
}

.ul-etiquetas li a {
  color: #1F1801;
  transition: all 0.5s ease;
  text-decoration: none;
}
.ul-etiquetas li a:hover {
  color: #09A6AA;
  text-decoration: underline;
}

.item-detalle img {
  height: auto;
}

.btn-green {
  text-transform: uppercase;
  color: #09A6AA;
  padding: 10px 20px;
  border: 1px solid #09A6AA;
  border-radius: 0px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.5s ease;
}
.btn-green:visited {
  color: #09A6AA;
}
.btn-green:hover {
  border-radius: 4px;
  background-color: #09A6AA;
  color: white;
}

ul.colmn-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.ul-categorias li a {
  color: #1F1801;
  transition: all 0.5s ease;
  text-decoration: none;
}
.ul-categorias li a:visited {
  color: #1F1801;
}
.ul-categorias li a:hover {
  color: #09A6AA;
}

.aspect-ratio {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Relación 16:9 */
}

.aspect-ratio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wpml-ls-legacy-list-horizontal a {
  padding: 5px 5px 6px !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
  margin-left: 10px;
}

/**
* SVG PLANOS */
.st0 {
  fill: #B1B1B1;
  stroke: #0EA7AB;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st1 {
  fill: #FFFFFF;
  stroke: #10ABAC;
  stroke-width: 1.992;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st2 {
  opacity: 0;
}

.st3 {
  display: inline;
}

.st4 {
  fill: none;
  stroke: #0EA7AB;
  stroke-miterlimit: 10;
}

.st5 {
  fill: #FFFFFF;
}

.st6 {
  fill: #0EA7AB;
}

.st7 {
  fill: #FFFFFF;
  stroke: #0EA7AB;
  stroke-width: 1.9155;
  stroke-miterlimit: 10;
}

.st8 {
  fill: none;
}

.st9 {
  font-family: "articulat-cf";
  font-weight: 600;
}

.st10 {
  font-size: 13.2px;
}

.st11 {
  fill: none;
  stroke: #0EA7AB;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}

.st12 {
  font-family: "articulat-cf";
  font-weight: 400;
}

.st13 {
  font-size: 13.5px;
}

.st14 {
  fill: #E7F6F7;
}

.st15 {
  fill: #1A5A57;
  letter-spacing: 1px;
}

.st16 {
  font-family: "articulat-cf";
  font-weight: 900;
}

.st17 {
  font-size: 14px;
}

.st18 {
  letter-spacing: 1;
}

.st19 {
  font-family: "articulat-cf";
  font-weight: 900;
}

.st20 {
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.st21 {
  display: inline;
  fill: #0EA7AB;
}

.st22 {
  fill: #FFFFFF;
  stroke: #10ABAC;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st23 {
  letter-spacing: 2;
}

.st24 {
  font-family: "articulat-cf";
  font-weight: 600;
}

.st25 {
  font-size: 16.5px;
}

.st26 {
  fill: #FFFFFF;
  stroke: #10ABAC;
  stroke-width: 2.0067;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st27 {
  fill: #E20613;
  stroke: #10ABAC;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st28 {
  fill: #FFFFFF;
  stroke: #10ABAC;
  stroke-width: 2.0065;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st29 {
  font-size: 13.2093px;
}

.st30 {
  font-size: 13.5095px;
}

.st31 {
  fill: #FFFFFF;
  stroke: #10ABAC;
  stroke-width: 2.0116;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.st32 {
  fill: none;
  stroke: #0EA7AB;
  stroke-width: 1.0769;
  stroke-miterlimit: 10;
}

.st33 {
  display: none;
  fill: #1A5A57;
}

.st34 {
  fill: #FFFFFF;
  stroke: #10ABAC;
  stroke-width: 1.9893;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.area {
  transition: all 0.5s ease;
}
.area:hover {
  cursor: pointer;
}
.area .st22 {
  transition: all 0.5s ease;
}
.area .mas a {
  cursor: pointer;
}

.cartel {
  opacity: 0;
  transition: all 0.5s ease;
}

.element .area:hover {
  cursor: pointer;
}
.element .area:hover + .cartel {
  opacity: 1;
}
.element .area:hover .st22 {
  fill: #09A6AA;
  stroke: #fff;
}
.element .area:hover .label,
.element .area:hover .label-5,
.element .area:hover .label-top-5,
.element .area:hover .label-vertical,
.element .area:hover .label-top,
.element .area:hover .label-2-top,
.element .area:hover .label-top-vertical {
  fill: white;
}
.element .area.active {
  opacity: 1;
  cursor: pointer;
}
.element .area.active .st22 {
  fill: #09A6AA;
  stroke: #fff;
}
.element .area.active .label,
.element .area.active .label-5,
.element .area.active .label-top-5,
.element .area.active .label-vertical,
.element .area.active .label-top,
.element .area.active .label-2-top,
.element .area.active .label-top-vertical {
  fill: white;
}
.element .cartel.active {
  opacity: 1;
}
.element.no_disponible .mas {
  display: none;
}
.element.no_disponible .area {
  fill: #E20613 !important;
  opacity: 1 !important;
}
.element.no_disponible .area .st22 {
  fill: #E20613 !important;
}
.element.no_disponible .area:hover .st22 {
  stroke: #09A6AA;
}
.element.no_disponible .cartel .st14 {
  fill: #e76871 !important;
}
.element.no_disponible .cartel .st15 {
  fill: #FFF;
}

.area a,
.area-5 a,
.area-top-5 a,
.area-vertical a,
.area-top a,
.area-2-top .area-top-vertical a {
  text-decoration: none;
}
.area .label,
.area .label-5,
.area .label-top-5,
.area .label-vertical,
.area .label-top,
.area .label-2-top,
.area .label-top-vertical,
.area-5 .label,
.area-5 .label-5,
.area-5 .label-top-5,
.area-5 .label-vertical,
.area-5 .label-top,
.area-5 .label-2-top,
.area-5 .label-top-vertical,
.area-top-5 .label,
.area-top-5 .label-5,
.area-top-5 .label-top-5,
.area-top-5 .label-vertical,
.area-top-5 .label-top,
.area-top-5 .label-2-top,
.area-top-5 .label-top-vertical,
.area-vertical .label,
.area-vertical .label-5,
.area-vertical .label-top-5,
.area-vertical .label-vertical,
.area-vertical .label-top,
.area-vertical .label-2-top,
.area-vertical .label-top-vertical,
.area-top .label,
.area-top .label-5,
.area-top .label-top-5,
.area-top .label-vertical,
.area-top .label-top,
.area-top .label-2-top,
.area-top .label-top-vertical,
.area-2-top .area-top-vertical .label,
.area-2-top .area-top-vertical .label-5,
.area-2-top .area-top-vertical .label-top-5,
.area-2-top .area-top-vertical .label-vertical,
.area-2-top .area-top-vertical .label-top,
.area-2-top .area-top-vertical .label-2-top,
.area-2-top .area-top-vertical .label-top-vertical {
  fill: #09A6AA;
}

.area a text {
  text-decoration: none;
}

.area_2 .label {
  transform: translateX(-25px);
}

lement .area:hover {
  cursor: pointer;
}
lement .area:hover + .cartel {
  opacity: 1;
}
lement .area:hover .st22 {
  fill: #09A6AA;
  stroke: #fff;
}
lement .area.active {
  opacity: 1;
  cursor: pointer;
}
lement .area.active .st22 {
  fill: #09A6AA;
  stroke: #fff;
}
lement .cartel.active {
  opacity: 1;
}
lement.no_disponible .mas {
  display: none;
}
lement.no_disponible .area {
  fill: #E20613 !important;
  opacity: 1 !important;
}
lement.no_disponible .area .st22 {
  fill: #E20613 !important;
}
lement.no_disponible .area:hover .st22 {
  stroke: #09A6AA;
}
lement.no_disponible .cartel .st14 {
  fill: #e76871 !important;
}
lement.no_disponible .cartel .st15 {
  fill: #FFF;
}

.hystmodal__window {
  width: 60% !important;
}

.hystmodal__window {
  background-color: #000 !important;
}

.hystmodal__shadow--show {
  opacity: 0.9 !important;
}

.aspect-ratio {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Relación 16:9 */
}

.aspect-ratio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* MOBILE: BTNs PLANOS */
.btn-plano.plano-anterior,
.btn-plano.plano-siguiente {
  margin-bottom: 22px;
  text-align: right;
  position: relative;
  padding: 10px 22px;
  padding-left: 22px;
  background-color: #0EA7AB;
  color: white;
  border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease;
  opacity: 0.6;
  opacity: 1;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 35px;
  position: relative;
}
.btn-plano.plano-anterior:after,
.btn-plano.plano-siguiente:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0%;
  height: 100%;
  width: 15px;
  border-style: solid;
  border-width: 20px 15px 20px 0; /* Forma de triángulo */
  border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; /* Color de la flecha */
  display: block;
}

.btn-plano.plano-siguiente {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-left: 22px;
  padding-right: 35px;
}
.btn-plano.plano-siguiente:after {
  content: "";
  position: absolute;
  left: auto;
  right: 0px;
  top: 0%;
  height: 100%;
  width: 14px;
  border-style: solid;
  border-width: 20px 15px 20px 0; /* Forma de triángulo */
  border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; /* Color de la flecha */
  display: block;
  transform: rotate(180deg);
}

#btn-plantas {
  position: absolute;
  right: 20px;
  top: 26%;
  padding: 40px 0 0 0;
}
#btn-plantas ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#btn-plantas ul li {
  margin-bottom: 22px;
  text-align: right;
}
#btn-plantas ul li a {
  position: relative;
  padding: 10px 22px;
  padding-left: 22px;
  background-color: #0EA7AB;
  color: white;
  border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s ease;
  opacity: 0.6;
}
#btn-plantas ul li a span.num {
  display: none;
}
#btn-plantas ul li a span.txt {
  display: inline-block;
}
#btn-plantas ul li a:hover {
  opacity: 0.8;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 35px;
  position: relative;
}
#btn-plantas ul li a:hover:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0%;
  height: 100%;
  width: 15px;
  border-style: solid;
  border-width: 20px 15px 20px 0; /* Forma de triángulo */
  border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; /* Color de la flecha */
  display: block;
}
#btn-plantas ul li.active a {
  opacity: 1;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 35px;
  position: relative;
}
#btn-plantas ul li.active a:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0%;
  height: 100%;
  width: 15px;
  border-style: solid;
  border-width: 20px 15px 20px 0; /* Forma de triángulo */
  border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; /* Color de la flecha */
  display: block;
}
#btn-plantas ul li.active a span.txt {
  display: inline-block;
}

.content-tour {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.tour-virtual {
  /*position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);*/
  z-index: 2;
}
.tour-virtual .svg-icon {
  display: inline-block;
  width: 30px;
  height: auto;
  margin-right: 15px;
}
.tour-virtual.btn-tour-3 {
  background: rgba(35, 111, 87, 0.9);
  backdrop-filter: blur(1px);
  padding: 10px 30px 10px 30px;
  border: 2px solid transparent;
  border-radius: 5px;
  transition: all 0.5s ease;
  z-index: 1;
  overflow: hidden;
  width: auto;
  text-align: center;
}
.tour-virtual.btn-tour-3::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: linear-gradient(60deg, #00ffd0, #236F58, #00ffd0, #236F58);
  z-index: -1;
  border-radius: 10px;
  animation: animate-border 8s linear infinite;
  background-size: 300% 300%;
}
.tour-virtual.btn-tour-3 a {
  color: #fff;
  font-size: 1.2rem;
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.tour-virtual.btn-tour-3:hover {
  backdrop-filter: blur(5px);
  box-shadow: 0 0 10px #666666;
  background: rgba(35, 111, 87, 0.5);
}
@keyframes animate-border {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.tour-virtual-2 {
  /*position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);*/
  z-index: 2;
}
.tour-virtual-2 .svg-icon {
  display: inline-block;
  width: 30px;
  height: auto;
  margin-right: 15px;
}
.tour-virtual-2.btn-tour-3 {
  background: rgba(35, 111, 87, 0.9);
  backdrop-filter: blur(1px);
  padding: 10px 30px 10px 30px;
  border: 2px solid transparent;
  border-radius: 5px;
  transition: all 0.5s ease;
  z-index: 1;
  overflow: hidden;
  width: auto;
  text-align: center;
}
.tour-virtual-2.btn-tour-3::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: linear-gradient(60deg, #00ffd0, #236F58, #00ffd0, #236F58);
  z-index: -1;
  border-radius: 10px;
  animation: animate-border 8s linear infinite;
  background-size: 300% 300%;
}
.tour-virtual-2.btn-tour-3 a {
  color: #fff;
  font-size: 1.2rem;
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.tour-virtual-2.btn-tour-3:hover {
  backdrop-filter: blur(5px);
  box-shadow: 0 0 10px #666666;
  background: rgba(35, 111, 87, 0.5);
}
@keyframes animate-border {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

header {
  background-color: #fff;
}

.logo {
  width: 200px;
  transition: all 0.5s ease;
}

.header {
  background: transparent;
  color: #fff;
  transition: all 0.5s ease;
  padding: 20px 0;
  position: fixed;
  left: 0;
  top: 0px;
  width: 100vw;
  z-index: 1029;
}
.header .hamburger span {
  background-color: #09A6AA !important;
}
.header.hidden {
  top: 0px;
  background: #fff;
}
.header.hidden .hamburger span {
  background-color: #09A6AA !important;
}
.header.open .hamburger span {
  background-color: #09A6AA !important;
}

.header.sticky {
  top: 0;
  background: #fff;
}

.hamburger {
  position: relative;
}
.hamburger .txt {
  position: absolute;
  top: 36px;
  left: -35px;
  transform: rotate(-90deg);
  font-size: 0.65rem;
  font-weight: bold;
  color: #000;
}

body.home .header .hamburger span {
  background-color: #fff !important;
}
body.home .header.hidden .hamburger span {
  background-color: #09A6AA !important;
}
body.home .header.open .hamburger span {
  background-color: #09A6AA !important;
}

footer {
  background-color: #09A6AA;
}
footer ul {
  margin-top: 20px;
}
footer ul li {
  margin-bottom: 10px;
}
footer ul li a {
  font-size: 1rem;
  color: #1F1801;
  text-decoration: none;
  transition: all 0.5s ease;
}
footer ul li a:visited {
  color: #1F1801;
}
footer ul li a:hover {
  color: #09A6AA;
}

.bottom-footer {
  border-top: 2px solid #09A6AA;
  font-size: 0.75rem;
}
.bottom-footer ul {
  list-style: none;
  padding-left: 0;
}
.bottom-footer ul li {
  display: inline-block;
}
.bottom-footer ul li:after {
  content: "|";
  padding: 0 10px;
}
.bottom-footer ul li:last-child:after {
  content: "";
}
.bottom-footer ul li a {
  color: #7B7B7B;
  text-decoration: none;
  transition: all 0.5s ease;
}
.bottom-footer ul li a:hover {
  color: #1F1801;
}

/**
 * Logo Hamburger animado 
 * Conversion en base64: [https://www.base64-image.de/] */
.content-logo {
  display: inline-block;
  border: 0px solid;
  padding: 0px;
  transition: all 0.5s ease;
  z-index: 9999;
}
.content-logo .line {
  width: 46px;
  height: 21px;
  border: 0px solid red;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAS8AAAAVCAYAAAAXSGinAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB11JREFUeNrsnGuME1UUgO8kKqgURWPi9o8/TGZjTAwwIpqoWx5qhC2PgDzVGBIS4kZRDBIEkVcQJEggrAgaIYIIKAjsCgR5dH1EBQbYxJjsxB/+aiNBXmNEQtLrOefeOzPt9sVu222792Tb0zvdnd7eueebc849dxnTokWLlioUQw+BFi2+3LF2XQiUyTgDzVGD8JBBx6DBufjFNG2QxveZA0+u+DuWgPfjeNDgLOEufCeuR1jDS0s35IE9+ywu7M4EHeKMM9lmqa+ZAy33wqQJdq2Nwe3rm8MSTqbUAChuSVixdG0oUOWHV0Cr9wle6rgLT46vuQvnRu1cXfyeq2enhpcWKQ/uPQCA4ggrC5r1Sc7rpBkpQLEc8PLa6FEkBcxseG1fnjKxaryIvs0blTdlAWQsBat02BgZoFUCeKXpwLmFxhsFwQx0x9WlSxw9izW8eo2Y3yCwWBQeEbCJOokfek5y//VNwoslZVv+JKANhsZj8Lv2P1NfqBivoe/GzWFGkAJgcwAVI+9KACoFOhUJr07awHEWULOvLF9m6xlehfB67cefwnBJ6zoZmmi7m59+stfepR7a14Jj08g5j6oxYgQrxkoEL2rTEdG26QFGdm3apLIaWJ9Nn5oKVgCRetB1nSBQ3fBKO07ebwz1lRUrHA2vHpS3f/5F5V5MuDag8U5JOgTGYPqASoFVOrxSDA/vUknRTsBTHLQLbQcht31YQ81c8If3t0ZhXBoxLEwfpzLDK/jZrsiXCZjdmD65aDDr88kWkasSCXTlXfkQUZ2rbXj5/eIwv8H7pVB+5fsxDa8SycJfT4YloBBI+FDtgLH5htcZWDcFL5YMGB5Xbe6dm5LRGPIg4ODRsWt4pCqg9sj+Vhy7afBokID3x6FweBHIc8DL6ga8MvXFoZU3kctJACji8sTOjZenp4Sct235XCXOIfwDLwq18KYsDwLpBt174RVs4ypnG8Ls8qpVMQ2vLsrik6cwSWoRnFAHV7aCkz3QlvCyA9PNLhBeYZXbIShSMjYvvFiWvtjSa4jtGTGsYvILAw98i98pAv2aGgR+HmAoeFG+RIwnc/6cMLag/NR9u/eGA9fPEjecLsPLM36DZTBkZeQs4PYFjVUZcvnhRauCBcLL6mF4pZwXJGYImNmXVq+Oa3hlkeWnTofFipZY2RIwyRiG2PKO7wiPh8ehnfjgiceLOrgz2n5AQwvJvtBqU1KGpXngFTQ87GcbgmzfyOFlv5NZLQclsHgD9CuSo5/pwKB+4+RFYP0xfkxRkukDdu0J08olZw3YPYBXqAbghXVZ6AUCoMhzoTqtf9+c3S0vvN+KlXKF04OXJT8vWD9mlRhewfcdkSvjsUtr1ti9Gl4rT9sCDIzyDpEkufcpsKJQjGOeSdzxE8uGPtbj9H/xRBtNKtl3E/pNCd4CoAAhJieQtTwzoiQgG9p6SEGWcjkpoVtuyKrXCKvWjnHRsoA2tPPrCHw29jHijWHlwgtznx2GCFupFOHa600V4Y30X7IUIadgF5J5PBUqFwteKcfV6iWMh31x7Vq75uG12j4TJi9AhC+WH4JxFyBA9SnkWYFeNGRI1RTcTT4eE0DjPCIT32b+cIy+pwrH2KFnRxY8AZ46eFismnJGEzQpwjHM75gqvGXpSfPs8MLQuhW9rN/HRXtszO/88isBXc4i2RYPyggvkV8TkKJ5+V/TrKosAO3/7iJLVvfXB4pqiwGvQLirYEbFs6Qvrlsfr3p4fXjmLBqWVzMkc0kJ6U2R8c5/1KqpeHrisRMI6Ub4fl7ZQQZ45VhYIMA4ctVNVrJTCNsJSIxlSoTnhVcC2jswNPxtbGPFjX2fHbtFvlN4ZaYskC0VvDAUwm04HQip67Nm1nwd1F0LFuBNglI0gXC0u/DqlOszBMwcCTXc5uT8vaHZrWh4rTt7Vq1mydxVKqzmWoN7zR6t8UePW1TwyblY2SscXllXQrsIL0fWUrW0jxlddaUet2zfieUN9fBF6gzmGZxVALzENhrpHUhjxHmYuD5zht4rCHL3/PkezPwx7Ta8ci5g+HDzbiConQsfb3LLDq8N586B28+iwu3nddJQqHp6zuBBeosCyJjvjkVlSNQAsAqVGF4JufJJjzPRUTVvqLdu3UaLKTdeeUnv8esOzObNswJFu1QzWUR4pYWrWVdfbf/mwxTkXFEq4/29c/6zrV261vdPmxI2ms+1T4WToJfVj1bWyGB4bPagQXoC5ZDRR46qkEgk/AXMzC7Ay5bwcmQxLXpYzsnG5/X4aymKDJg7VxT00uKUV+BbanhlPJ6/dITZRo7z4nYvQ+5LNT5qb38Lq6CbBg6M6ctcPBl5+Iipwsx0eH0/6jm9P01LzwJtzhz0zMzAdiqrQuDFcsALw1PHEIsKtt6YrUWLFpJ73pjt72gAbfg7HFLzk6WDF23lk/BSYSdq969tXzhZc15atGjRUojc2/SqlQIvKvkR/2opD7yC/5xRQStxfstWvfCiRYsWLVq0aNFS0fK/AAMA3dZe69CoQugAAAAASUVORK5CYII=");
  background-position: center center;
  background-size: cover;
  transition: all 0.5s ease;
}

.line-1 {
  /*transition: all 5s ease;*/
  /*transition: background-position 2s ease;*/
}

.line-2 {
  /*transition: all 4s ease;*/
  margin-top: -8px;
  /*transition: background-position 2s ease;*/
}

.line-3 {
  /*transition: all 6s ease;*/
  margin-top: -8px;
  /*transition: background-position 2s ease;*/
}

.content-logo:hover {
  cursor: pointer;
}
.content-logo:hover .line-1 {
  /*background-position: -10px center;*/
  animation: wave1 13s linear infinite;
}
.content-logo:hover .line-2 {
  /*background-position: -4px center;*/
  animation: wave2 14.8s linear infinite;
}
.content-logo:hover .line-3 {
  /*background-position: 10px center;*/
  animation: wave1 11.5s linear infinite;
}

.content-logo.hide {
  display: none;
  transition: all 0.5s ease;
}

@keyframes wave1 {
  0% {
    background-position: center center;
  }
  25% {
    background-position: 70px center;
  }
  50% {
    background-position: 303px center;
  }
  75% {
    background-position: 82px center;
  }
  100% {
    background-position: center center;
  }
}
@keyframes wave2 {
  0% {
    background-position: center center;
  }
  25% {
    background-position: 50px center;
  }
  50% {
    background-position: 303px center;
  }
  75% {
    background-position: 33px center;
  }
  100% {
    background-position: center center;
  }
}
@keyframes wave3 {
  0% {
    background-position: center center;
  }
  25% {
    background-position: -70px center;
  }
  50% {
    background-position: 303px center;
  }
  75% {
    background-position: -22px center;
  }
  100% {
    background-position: center center;
  }
}
#nav-icon-close {
  margin-top: -5px;
}
#nav-icon-close i {
  color: #09A6AA;
  font-size: 2.2rem;
}
#nav-icon-close.hide {
  display: none;
  transition: all 0.5s ease;
}

.content-logo-close {
  cursor: pointer;
  z-index: 99999;
}

/* Idiomas */
.flags img {
  transition: all 0.5s ease;
  border-radius: 5px;
}
.flags img:hover {
  transform: scale(1.2);
}

.contenedor-vivienda {
  position: relative;
  width: 100%;
  height: 500px; /* Ajusta según el tamaño de tus imágenes */
  overflow: hidden;
}

.scroll-horizontal {
  display: inline-flex;
  overflow-x: auto;
  height: 100%;
  scroll-behavior: smooth;
  white-space: nowrap; /* Para asegurarnos que las imágenes estén en fila */
}

.scroll-horizontal img {
  height: auto;
  max-height: 100%; /* Las imágenes no ocuparán más que el alto del contenedor */
  width: auto; /* Para que mantengan sus proporciones naturales */
  margin-right: 10px; /* Espacio entre las imágenes */
  display: inline-block;
}

#header .flags {
  position: relative;
  top: 7px;
  width: 180px;
}
#header .flags #globe {
  display: inline-block;
  position: relative;
  top: 6px;
  right: 5px;
  width: 16px;
  height: 16px;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click {
  max-width: 50%;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language img {
  display: none;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul {
  width: 160px;
  padding: 10px 0 0px 0px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  top: 40px;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li {
  margin: 5px 0;
  padding: 0px 0 7px 5px;
  border-bottom: 1px solid #ccc;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li:last-child {
  border-bottom: 0;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li img {
  display: inline-block;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li a {
  color: #1F1801;
  transition: all 0.5s ease;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click li.wpml-ls-current-language ul li a:hover {
  color: #09A6AA;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
  background-color: transparent;
  border: 0;
  color: #09A6AA;
  font-size: 1rem;
  padding-left: 0;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
  background-color: transparent;
  color: #09A6AA;
}
#header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:focus, #header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:focus-visible {
  outline: none;
}
#header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
  color: #09A6AA;
}
#header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
  color: #09A6AA;
}

body.home #header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
  color: white;
}
body.home #header .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
  color: white;
}
body.home #header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a {
  color: #09A6AA;
}
body.home #header.hidden .widget-area.menu-idiomas .wpml-ls-legacy-dropdown-click a:hover {
  color: #09A6AA;
}

.flags_mobile li {
  margin: 0 5px !important;
}

main {
  background-color: #FFFFFF;
}
main .intro {
  background-image: url("../img/AdobeStock_71875064.jpeg");
  background-size: cover;
  background-position: center;
  overflow: hidden;
  z-index: -1;
}
main .intro video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.puntos p {
  font-size: 0.875rem;
  color: #7B7B7B;
}

.call-to-action {
  background-image: url("../img/pattern-claro-opacity_big_-01.svg");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
}

.info-form li a {
  color: #1F1801;
  font-size: 1rem;
  text-decoration: none;
}
.info-form li a i {
  font-size: 1.4rem;
  transition: all 0.5s ease;
}
.info-form li a span {
  font-weight: bold;
}
.info-form li a span span {
  font-weight: lighter;
  font-style: italic;
}
.info-form li a:hover i {
  color: #09A6AA;
}

.table-responsive tbody tr td, .table-responsive tbody tr th {
  font-size: 0.8rem;
  text-align: center;
  padding: 15px 0;
}
.table-responsive tbody tr td:last-child, .table-responsive tbody tr th:last-child {
  font-weight: bold;
}
.table-responsive tbody tr td:last-child a, .table-responsive tbody tr th:last-child a {
  text-decoration: none;
  color: #09A6AA;
  transition: all 0.5s ease;
  position: relative;
  padding-left: 0px;
}
.table-responsive tbody tr td:last-child a:before, .table-responsive tbody tr th:last-child a:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url("../img/symb-1.png");
  background-size: cover;
  width: 15px;
  height: 15px;
  opacity: 0;
  transition: all 0.8s ease;
}
.table-responsive tbody tr td:last-child a:hover, .table-responsive tbody tr th:last-child a:hover {
  color: #09A6AA;
  padding-left: 30px;
  position: relative;
}
.table-responsive tbody tr td:last-child a:hover:before, .table-responsive tbody tr th:last-child a:hover:before {
  opacity: 1;
}
.table-responsive tbody tr.selected_listado td a, .table-responsive tbody tr.selected_listado th a {
  color: #1F1801;
}
.table-responsive tbody tr.selected_listado td a:hover, .table-responsive tbody tr.selected_listado th a:hover {
  color: #1F1801;
}
.table-responsive thead tr th div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.table-responsive thead tr th div img {
  width: 27px;
}
.table-responsive thead tr th div span {
  font-size: 0.7rem;
  padding: 5px 0 10px 0;
  color: #999;
  font-weight: normal;
}

.ul-green {
  color: #7DA442;
}
.ul-green h3 {
  color: #7DA442 !important;
}

.ul-azul {
  color: #2570CB;
}
.ul-azul h3 {
  color: #2570CB !important;
}

.ul-fucsia {
  color: #FF5DCB;
}
.ul-fucsia h3 {
  color: #FF5DCB !important;
}

.ul-yellow {
  color: #E0B041;
}
.ul-yellow h3 {
  color: #E0B041 !important;
}

.ul-orange {
  color: #DD840E;
}
.ul-orange h3 {
  color: #DD840E !important;
}

#resp {
  width: auto;
  height: 20px;
  background-color: red;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#resp:after {
  content: "xs";
  color: white;
  font-size: 0.7rem;
}

main .intro {
  height: 70vh;
}

.link-contact {
  position: fixed;
  right: 0;
  top: auto;
  bottom: -200px;
  width: 100%;
  z-index: 1027;
  padding: 10px;
  background-color: rgba(9, 166, 170, 0.8);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  transition: all 0.5s ease;
}
.link-contact ul {
  justify-content: center;
  text-align: center;
}
.link-contact ul li {
  list-style: none;
  margin: 0px 15px;
}
.link-contact ul li a {
  color: #FFFFFF;
  transition: all 0.5s ease;
}
.link-contact ul li a i {
  font-size: 1.6rem;
}
.link-contact ul li a:hover {
  color: #1F1801;
}
.link-contact.visible {
  bottom: 0;
}

.btn span {
  font-size: 0.75rem;
}

p {
  font-size: 1rem;
}

h1 {
  font-size: 1.875rem;
}
h1.line-left:after {
  left: calc(50% - 50px);
}

h2, h3 {
  font-size: 1.563rem;
}
h2.line-left:after, h3.line-left:after {
  left: calc(50% - 50px);
}
h2.line-right:after, h3.line-right:after {
  left: calc(50% - 50px);
  right: auto;
}
h2.no-line, h3.no-line {
  padding-bottom: 0;
  margin-bottom: 0;
}
h2.no-line:after, h3.no-line:after {
  display: none;
}

h3 {
  font-size: 1.125rem;
}

.quote h2 {
  font-size: 2rem;
}

footer .border-left,
footer .border-left-first {
  border-left: 0px solid #09A6AA;
  padding-left: auto;
  margin-top: 30px;
}
footer .logo-big {
  width: 180px;
}

#menu {
  padding: 50px 0;
}
#menu .logo-big img {
  width: 180px;
}
#menu nav ul {
  display: flex;
  flex-direction: column;
}
#menu nav ul li a {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 4px;
  height: 35px;
  display: inline-block;
}
#menu nav ul li a:before {
  top: 4px;
  left: -33px;
}
#menu .redes {
  position: relative;
  right: auto;
  bottom: auto;
}
#menu .redes ul {
  flex-direction: row;
}

.columns2 {
  columns: 1;
}

.puntos-li li {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.content__form span.text-align {
  border: 0px solid red;
  text-align: left;
  font-size: 0.9rem;
  margin-top: 0px;
}

.quote h2:before {
  display: none;
}

.mouse {
  display: none;
}

.txt-icono-small {
  font-size: 0.7rem;
}

.listado-puntos .content_listado-puntos {
  padding-left: 40px;
  padding-right: 40px;
}

.textup-img {
  position: absolute;
  top: 20%;
  left: 15%;
  font-size: 1.5rem;
  color: white;
}

.composicion-noche .img-night-1,
.composicion-noche .img-night-2,
.composicion-noche .img-night-3,
.composicion-noche .img-night-4 {
  height: auto;
}

.composicion-lifestyle .img-life-1, .composicion-lifestyle .img-life-2, .composicion-lifestyle .img-life-3, .composicion-lifestyle .img-life-4, .composicion-lifestyle .img-life-5 {
  height: auto;
}

#btn-plantas {
  right: 0px;
}
#btn-plantas ul li {
  margin-bottom: 12px;
}
#btn-plantas ul li a {
  padding: 5px 15px;
}
#btn-plantas ul li a span.txt {
  font-size: 0.8rem;
}
#btn-plantas ul li a:hover {
  padding: 5px 15px;
}
#btn-plantas ul li a:hover:after {
  border-width: 0;
}
#btn-plantas ul li.active a:after {
  border-width: 0;
}

.scroll-downs {
  top: 60vh;
  bottom: auto;
}

#play-video {
  top: 60vh;
  bottom: auto;
  right: 0;
  width: 100px;
}
#play-video div {
  display: none;
}
#play-video:hover div {
  display: none;
}

.thankyou .img-sent i {
  font-size: 10rem;
  color: #087779;
}

.contenidor_mapa {
  height: auto;
}

@media (min-width: 577px) and (orientation: portrait) {
  #resp {
    background-color: fuchsia;
  }
  #resp:after {
    content: "sm";
    color: white;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #resp {
    background-color: rgb(92, 6, 36);
  }
  #resp:after {
    content: "sm h";
    color: white;
  }
  #menu {
    padding: 10px 0;
  }
  #menu .logo-big {
    padding-top: 20px;
  }
  #menu .logo-big a img {
    width: 150px;
  }
  #menu nav {
    width: 80%;
  }
  #menu nav ul {
    display: block;
    columns: 2;
  }
  #menu nav ul li a {
    font-size: 1.3rem;
  }
  #menu nav ul li a:before {
    top: 6px;
    left: -33px;
  }
  #menu .redes {
    display: none;
  }
}
@media (min-width: 768px) {
  #resp {
    background-color: green;
  }
  #resp:after {
    content: "md";
    color: white;
  }
  main .intro {
    height: 100vh;
  }
  /* Link Contactos FIXED */
  .link-contact {
    position: fixed;
    right: 0;
    top: 40%;
    bottom: auto;
    width: auto;
    z-index: 2;
    padding: 20px;
    background-color: rgba(9, 166, 170, 0.8);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .link-contact ul {
    flex-direction: column;
  }
  .link-contact ul li {
    list-style: none;
    margin: 5px 0;
  }
  .link-contact ul li a {
    color: #FFFFFF;
  }
  .link-contact ul li a i {
    font-size: 1rem;
  }
  .link-contact.visible {
    bottom: auto;
  }
  .btn span {
    font-size: 1rem;
  }
  p {
    font-size: 1rem;
  }
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2.188rem;
  }
  h3 {
    font-size: 1.375rem;
  }
  .quote h2 {
    font-size: 2.3rem;
  }
  footer .border-left,
  footer .border-left-first {
    border-left: 2px solid #09A6AA;
    padding-left: 40px;
    margin-top: 0px;
  }
  footer .logo-big {
    width: auto;
  }
  #menu {
    padding: 100px 0;
  }
  #menu .logo-big img {
    width: auto;
  }
  #menu nav ul li a {
    font-size: 2rem;
  }
  #menu nav ul li a:before {
    top: 12px;
    left: -40px;
  }
  #menu .redes {
    position: fixed;
    right: 50px;
    bottom: 10%;
  }
  #menu .redes ul {
    flex-direction: column;
  }
  .columns2 {
    columns: 2;
  }
  .puntos-li li {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .mouse {
    display: block;
  }
  #btn-plantas {
    top: 65vh;
    padding: 40px 0 0 0;
    width: 100%;
  }
  #btn-plantas ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: row-reverse;
  }
  #btn-plantas ul li {
    display: inline;
    margin: 0 5px 12px 5px;
  }
  #btn-plantas ul li.active a {
    border-radius: 5px;
    padding-left: 15px;
  }
  #btn-plantas ul li.active a:after {
    display: none;
  }
  .content__svg {
    height: 80vh;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  #resp {
    background-color: rgb(49, 63, 28);
  }
  #resp:after {
    content: "md h";
    color: white;
  }
  #menu {
    padding: 10px 0;
  }
  #menu .logo-big {
    padding-top: 20px;
  }
  #menu .logo-big a img {
    width: 180px;
  }
  #menu nav {
    width: 80%;
  }
  #menu nav ul {
    display: block;
    columns: 2;
  }
  #menu nav ul li a {
    font-size: 1.3rem;
  }
  #menu nav ul li a:before {
    top: 6px;
    left: -33px;
  }
  #menu .redes {
    display: none;
  }
  footer .border-left-first {
    border-left: 0px solid #09A6AA;
    padding-left: 0px;
    margin-top: 0px;
  }
  #btn-plantas {
    position: absolute;
    right: 20px;
    top: 26%;
    padding: 40px 0 0 0;
  }
  #btn-plantas ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #btn-plantas ul li {
    margin-bottom: 22px;
    text-align: right;
  }
  #btn-plantas ul li a {
    position: relative;
    padding: 10px 22px;
    padding-left: 22px;
    background-color: #0EA7AB;
    color: white;
    border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.1s ease;
    opacity: 0.6;
  }
  #btn-plantas ul li a span.num {
    display: none;
  }
  #btn-plantas ul li a span.txt {
    display: inline-block;
  }
  #btn-plantas ul li a:hover {
    opacity: 0.8;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 35px;
    position: relative;
  }
  #btn-plantas ul li a:hover:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0%;
    height: 100%;
    width: 15px;
    border-style: solid;
    border-width: 20px 15px 20px 0; /* Forma de triángulo */
    border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; /* Color de la flecha */
    display: block;
  }
  #btn-plantas ul li.active a {
    opacity: 1;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 35px;
    position: relative;
  }
  #btn-plantas ul li.active a:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0%;
    height: 100%;
    width: 15px;
    border-style: solid;
    border-width: 20px 15px 20px 0; /* Forma de triángulo */
    border-color: #eef9f9 #09A6AA #eef9f9 #eef9f9; /* Color de la flecha */
    display: block;
  }
  #btn-plantas ul li.active a span.txt {
    display: inline-block;
  }
  #btn-plantas {
    right: 20px;
    top: 32%;
    width: auto;
  }
  #btn-plantas ul {
    display: block;
  }
  #btn-plantas ul li {
    margin-bottom: 12px;
    display: block;
  }
  #btn-plantas ul li a {
    padding: 5px 15px;
  }
  #btn-plantas ul li a span.txt {
    font-size: 0.8rem;
  }
  #btn-plantas ul li a:hover {
    padding: 5px 15px;
  }
  #btn-plantas ul li a:hover:after {
    border-width: 15px 15px 15px 0;
  }
  #btn-plantas ul li.active a:after {
    border-width: 15px 15px 15px 0;
  }
  .scroll-downs {
    top: 80vh;
    bottom: auto;
  }
  #play-video {
    top: 80vh;
    bottom: auto;
    right: 4%;
    width: 300px;
  }
  #play-video div {
    display: inline-block;
  }
  #play-video i {
    transition: all 0.5s ease;
  }
  #play-video:hover div {
    display: inline-block;
    color: #09A6AA;
  }
  #play-video:hover i {
    color: #09A6AA;
  }
  .content__svg {
    height: 100vh;
  }
  .thankyou .img-sent i {
    font-size: 12rem;
  }
}
@media (min-width: 992px) {
  #resp {
    background-color: yellow;
  }
  #resp:after {
    padding-left: 5px;
    content: "lg";
    color: black;
  }
  main .intro {
    height: 100vh;
  }
  /* Link Contactos FIXED */
  .link-contact {
    position: fixed;
    right: 0;
    top: 40%;
    bottom: auto;
    width: auto;
    z-index: 2;
    padding: 20px;
    background-color: rgba(9, 166, 170, 0.8);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .link-contact ul {
    flex-direction: column;
  }
  .link-contact ul li {
    list-style: none;
    margin: 5px 0;
  }
  .link-contact ul li a {
    color: #FFFFFF;
  }
  .link-contact ul li a i {
    font-size: 1rem;
  }
  .link-contact.visible {
    bottom: auto;
  }
  .btn span {
    font-size: 1rem;
  }
  p {
    font-size: 1rem;
  }
  h1 {
    font-size: 1.8rem;
  }
  h1.line-left:after {
    left: 0;
  }
  h2, h3 {
    font-size: 1.6rem;
  }
  h2.line-left:after, h3.line-left:after {
    left: 0;
  }
  h2.line-right:after, h3.line-right:after {
    left: auto;
    right: 0;
  }
  h3 {
    font-size: 1.063rem;
  }
  .quote h2 {
    font-size: 2rem;
  }
  .quote h2:before {
    display: block;
  }
  footer .border-left {
    border-left: 2px solid #09A6AA;
    padding-left: 40px;
    margin-top: 0px;
  }
  footer .logo-big {
    width: auto;
  }
  #menu {
    padding: 100px 0;
  }
  #menu .logo-big a img {
    width: 230px;
  }
  #menu nav ul li a {
    font-size: 2rem;
  }
  #menu nav ul li a:before {
    top: 12px;
    left: -40px;
  }
  #menu .redes {
    display: block;
    position: fixed;
    right: 50px;
    bottom: 10%;
  }
  #menu .redes ul {
    flex-direction: column;
  }
  .columns2 {
    columns: 2;
  }
  .puntos-li li {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .content__form span.text-align {
    border: 0px solid red;
    text-align: left;
    font-size: 0.9rem;
    margin-top: 0px;
  }
  .listado-puntos .content_listado-puntos {
    padding-left: 110px;
    padding-right: 110px;
  }
  .textup-img {
    font-size: 2.5rem;
  }
  .composicion-noche .img-night-1 {
    height: 350px;
  }
  .composicion-noche .img-night-2 {
    height: 600px;
  }
  .composicion-noche .img-night-3 {
    height: 500px;
  }
  .composicion-noche .img-night-4 {
    height: 450px;
  }
  .composicion-lifestyle .img-life-1 {
    height: 350px;
  }
  .composicion-lifestyle .img-life-2 {
    height: 600px;
  }
  .composicion-lifestyle .img-life-3 {
    height: 500px;
  }
  .composicion-lifestyle .img-life-4 {
    height: 500px;
  }
  .composicion-lifestyle .img-life-5 {
    height: 450px;
  }
  .scroll-downs {
    top: 90vh;
  }
  #play-video {
    top: 90vh;
    right: 4%;
    width: 300px;
  }
  #play-video div {
    display: inline-block;
  }
  .contenidor_mapa {
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  #resp {
    background-color: blue;
  }
  #resp:after {
    padding-left: 5px;
    content: "xl";
    color: white;
  }
  main .intro {
    height: 100vh;
  }
  /* Link Contactos FIXED */
  .link-contact {
    position: fixed;
    right: 0;
    top: 40%;
    bottom: auto;
    width: auto;
    z-index: 2;
    padding: 20px;
    background-color: rgba(9, 166, 170, 0.8);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .link-contact ul {
    flex-direction: column;
  }
  .link-contact ul li {
    list-style: none;
    margin: 5px 0;
  }
  .link-contact ul li a {
    color: #FFFFFF;
  }
  .link-contact ul li a i {
    font-size: 1.2rem;
  }
  .link-contact.visible {
    bottom: auto;
  }
  .btn span {
    font-size: 1rem;
  }
  p {
    font-size: 1rem;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.625rem;
  }
  h2.line-left:after {
    left: 0;
  }
  h2.line-right:after {
    left: auto;
    right: 0;
  }
  h3 {
    font-size: 1.25rem;
  }
  .quote h2 {
    font-size: 2rem;
  }
  footer .border-left {
    border-left: 2px solid #09A6AA;
    padding-left: 40px;
    margin-top: 0px;
  }
  footer .logo-big {
    width: auto;
  }
  #menu {
    padding: 50px 0 50px 0;
  }
  #menu .logo-big img {
    width: auto;
  }
  #menu nav ul li a {
    font-size: 1.9rem;
    letter-spacing: 4px;
    height: 50px;
    display: inline-block;
  }
  #menu nav ul li a:before {
    top: 12px;
    left: -40px;
  }
  #menu .redes {
    position: fixed;
    right: 50px;
    bottom: 10%;
  }
  #menu .redes ul {
    flex-direction: column;
  }
  .columns2 {
    columns: 2;
  }
  .puntos-li li {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .thankyou .img-sent i {
    font-size: 15rem;
  }
}
@media (min-width: 1366px) {
  #resp {
    background-color: violet;
  }
  #resp:after {
    padding-left: 5px;
    content: "xl 1366";
    color: black;
  }
  #menu nav {
    width: 80%;
  }
  #menu nav ul {
    display: block;
    columns: 1;
  }
  #btn-plantas {
    position: absolute;
    right: 4%;
    top: 30%;
    padding: 40px 0 0 0;
  }
  #btn-plantas ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #btn-plantas ul li {
    margin-bottom: 22px;
  }
  #btn-plantas ul li a {
    padding: 10px 22px;
    padding-left: 22px;
  }
  #btn-plantas ul li a span.txt {
    font-size: 1rem;
  }
  #btn-plantas ul li a:hover {
    padding: 10px 22px 10px 35px;
  }
  #btn-plantas ul li a:hover:after {
    width: 15px;
    border-width: 20px 15px 20px 0; /* Forma de triángulo */
  }
  #btn-plantas ul li.active a {
    padding-left: 35px;
  }
  #btn-plantas ul li.active a:after {
    width: 15px;
    border-width: 20px 15px 20px 0; /* Forma de triángulo */
  }
  .thankyou .img-sent i {
    font-size: 23rem;
  }
}
@media (min-width: 1400px) {
  #resp {
    background-color: #ccc;
    border: 1px solid black;
  }
  #resp:after {
    padding-left: 5px;
    content: "xxl";
    color: black;
  }
  .btn span {
    font-size: 1rem;
  }
  p {
    font-size: 1rem;
  }
  h1 {
    font-size: 2.25rem;
  }
  h2 {
    font-size: 1.938rem;
  }
  h2.line-left:after {
    left: 0;
  }
  h2.line-right:after {
    left: auto;
    right: 0;
  }
  h3 {
    font-size: 1.25rem;
  }
  .quote h2 {
    font-size: 2.2rem;
  }
}
@media (min-width: 1920px) {
  #resp {
    background-color: black;
    border: 1px solid black;
  }
  #resp:after {
    padding-left: 5px;
    content: "C";
    color: white;
  }
  .container {
    max-width: 1520px;
  }
  .align-items-custom {
    align-items: center;
  }
  .btn span {
    font-size: 1rem;
  }
  p {
    font-size: 1rem;
  }
  h1 {
    font-size: 2.375rem;
  }
  h1.line-left:after {
    left: 0;
  }
  h2 {
    font-size: 2.188rem;
  }
  h2.line-left:after {
    left: 0;
  }
  h2.line-right:after {
    left: auto;
    right: 0;
  }
  h3 {
    font-size: 1.375rem;
  }
  .quote h2 {
    font-size: 2.5rem;
  }
  .thankyou .img-sent i {
    font-size: 25rem;
  }
}