@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../fonts/Roboto/../fonts/Roboto/Roboto-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Italic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../fonts/Roboto/Roboto-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-BoldItalic.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-Bold.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-Italic.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-Regular.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-Black.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-SemiBold.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-ExtraLight.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-LightItalic.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Titillium Web";
  src: url("../fonts/Titillium/TitilliumWeb-Light.woff2") format("woff2"), url("../fonts/Titillium/TitilliumWeb-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.Roboto {
  font-family: "Roboto", "sans-serif";
}

.Titillium {
  font-family: "Titillium Web", "sans-serif";
}

.fs.fs9 {
  font-size: 1.171875vw;
  line-height: 1.3020833333vw;
}
.fs.fs12 {
  font-size: 1.5625vw;
  line-height: 1.8229166667vw;
}
.fs.fs14 {
  font-size: 1.8229166667vw;
  line-height: 2.2135416667vw;
}
.fs.fs15 {
  font-size: 1.953125vw;
  line-height: 2.0833333333vw;
}
.fs.fs16 {
  font-size: 2.0833333333vw;
  line-height: 2.34375vw;
}
.fs.fs17 {
  font-size: 2.2135416667vw;
  line-height: 2.2135416667vw;
}
.fs.fs18 {
  font-size: 2.34375vw;
  line-height: 2.734375vw;
}
.fs.fs19 {
  font-size: 2.4739583333vw;
  line-height: 2.734375vw;
}
.fs.fs20 {
  font-size: 2.6041666667vw;
  line-height: 3.125vw;
}
.fs.fs21 {
  font-size: 2.734375vw;
  line-height: 2.34375vw;
}
.fs.fs22 {
  font-size: 2.8645833333vw;
  line-height: 3.3854166667vw;
}
.fs.fs24 {
  font-size: 3.125vw;
  line-height: 3.2552083333vw;
}
.fs.fs25 {
  font-size: 3.2552083333vw;
  line-height: 3.6458333333vw;
}
.fs.fs26 {
  font-size: 3.3854166667vw;
  line-height: 3.90625vw;
}
.fs.fs28 {
  font-size: 3.6458333333vw;
  line-height: 4.4270833333vw;
}
.fs.fs30 {
  font-size: 3.90625vw;
  line-height: 4.1666666667vw;
}
.fs.fs31 {
  font-size: 4.0364583333vw;
  line-height: 4.1666666667vw;
}
.fs.fs32 {
  font-size: 4.1666666667vw;
  line-height: 4.6875vw;
}
.fs.fs35 {
  font-size: 4.5572916667vw;
  line-height: 4.8177083333vw;
}
.fs.fs36 {
  font-size: 4.6875vw;
  line-height: 5.859375vw;
}
.fs.fs38 {
  font-size: 4.9479166667vw;
  line-height: 4.1666666667vw;
}
.fs.fs40 {
  font-size: 5.2083333333vw;
  line-height: 5.859375vw;
}
.fs.fs42 {
  font-size: 5.46875vw;
  line-height: 5.859375vw;
}
.fs.fs45 {
  font-size: 5.859375vw;
  line-height: 6.5104166667vw;
}
.fs.fs47 {
  font-size: 6.1197916667vw;
  line-height: 7.8125vw;
}
.fs.fs48 {
  font-size: 6.25vw;
  line-height: 6.7708333333vw;
}
.fs.fs50 {
  font-size: 6.5104166667vw;
  line-height: 6.7708333333vw;
}
.fs.fs54 {
  font-size: 7.03125vw;
  line-height: 7.5520833333vw;
}
.fs.fs55 {
  font-size: 7.1614583333vw;
  line-height: 7.5520833333vw;
}
.fs.fs60 {
  font-size: 7.8125vw;
  line-height: 8.4635416667vw;
}
.fs.fs66 {
  font-size: 8.59375vw;
  line-height: 6.5104166667vw;
}
.fs.fs70 {
  font-size: 9.1145833333vw;
  line-height: 7.03125vw;
}
.fs.fs88 {
  font-size: 11.4583333333vw;
  line-height: 13.0208333333vw;
}
.fs.fs97 {
  font-size: 12.6302083333vw;
  line-height: 7.03125vw;
}
.fs.fs115 {
  font-size: 14.9739583333vw;
  line-height: 11.328125vw;
}

.fw.fw100 {
  font-weight: 100;
}
.fw.fw200 {
  font-weight: 200;
}
.fw.fw300 {
  font-weight: 300;
}
.fw.fw400 {
  font-weight: 400;
}
.fw.fw500 {
  font-weight: 500;
}
.fw.fw600 {
  font-weight: 600;
}
.fw.fw700 {
  font-weight: 700;
}
.fw.fw800 {
  font-weight: 800;
}
.fw.fw900 {
  font-weight: 900;
}

/* COLORS  ********************************/
.gradientColorBg {
  background: #2f326a;
  background: linear-gradient(180deg, #2f326a 0%, #0f818d 100%);
}

.whiteColor {
  color: #ffffff;
}

.whiteColorBg {
  background-color: #ffffff;
}

.blackColor {
  color: #000000;
}

.blackColorBg {
  background-color: #000000;
}

.blueColor {
  color: #5ebfbf;
}

.blueColorBg {
  background-color: #5ebfbf;
}

.blueColorDark {
  color: #2F326B;
}

.blueColorDarkBg {
  background-color: #2F326B;
}

.blueColorLight {
  color: #049696;
}

.blueColorLightBg {
  background-color: #049696;
}

.brownColor {
  color: #834335;
}

.brownColorBg {
  background-color: #834335;
}

.brownColorMedium {
  color: #BF6717;
}

.brownColorMediumBg {
  background-color: #BF6717;
}

.brownColorLight {
  color: #BDAD86;
}

.brownColorLightBg {
  background-color: #BDAD86;
}

.brownColorDark {
  color: #582D2A;
}

.brownColorDarkBg {
  background-color: #582D2A;
}

.brownColorDark2 {
  color: #352726;
}

.brownColorDark2Bg {
  background-color: #352726;
}

.creamColor {
  color: #fcd0a5;
}

.creamColorBg {
  background-color: #fcd0a5;
}

.greenColor {
  color: #8CC641;
}

.greenColorBg {
  background-color: #8CC641;
}

.greenColor2 {
  color: #6FA7AB;
}

.greenColor2Bg {
  background-color: #6FA7AB;
}

.greenColorLight {
  color: #e4eee1;
}

.greenColorLightBg {
  background-color: #e4eee1;
}

.pinkColor {
  color: #ede1e1;
}

.pinkColorBg {
  background-color: #ede1e1;
}

.redColor {
  color: #d42c20;
}

.redColorBg {
  background-color: #d42c20;
}

.redColorLight {
  color: #ce8a7a;
}

.redColorLightBg {
  background-color: #ce8a7a;
}

.greyColor {
  color: #707070;
}

.greyColorBg {
  background-color: #707070;
}

.yellowColor {
  color: #F4C547;
}

.yellowColorBg {
  background-color: #F4C547;
}

/* RESET  ********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* VARIOS  **************************************************************************/
.site,
html,
body,
body > div {
  height: 100%;
}

.site {
  overflow-x: hidden;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  outline: none !important;
}
* > a {
  color: inherit;
  text-decoration: none;
}
* > a:hover {
  color: inherit;
}

i {
  font-style: italic;
}

sup {
  font-size: 60%;
  vertical-align: super;
}

strong {
  font-weight: 600;
}

.underline {
  text-decoration: underline;
}

.button {
  cursor: pointer;
  padding: 1.953125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5208333333vw;
  width: max-content;
  min-width: 18.2291666667vw;
  height: 5.46875vw;
  user-select: none;
  border: none;
}
.button.button__arrow {
  border-radius: 0.5208333333vw;
  justify-content: space-between;
  min-width: 37.7604166667vw;
  padding: 1.3020833333vw 1.953125vw;
}

a:visited {
  color: inherit;
}

input[type=text],
input[type=email],
input[type=password] {
  border: none;
  padding: 1.3020833333vw;
  min-height: 5.7291666667vw;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
}

::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.shadowbox > .container,
footer > .container,
section > .container {
  max-width: calc(100% - 5.2083333333vw);
  width: 133.3333333333vw;
  margin: 0 auto;
}
.shadowbox > .container__975,
footer > .container__975,
section > .container__975 {
  width: 126.953125vw;
}
.shadowbox > .container__960,
footer > .container__960,
section > .container__960 {
  width: 125vw;
}
.shadowbox > .container__1020,
footer > .container__1020,
section > .container__1020 {
  width: 132.8125vw;
}
.shadowbox > .container__1230,
footer > .container__1230,
section > .container__1230 {
  width: 160.15625vw;
}
.shadowbox > .container__1280,
footer > .container__1280,
section > .container__1280 {
  width: 166.6666666667vw;
}
.shadowbox > .container__1350,
footer > .container__1350,
section > .container__1350 {
  width: 175.78125vw;
}
.shadowbox > .container__1440,
footer > .container__1440,
section > .container__1440 {
  width: 187.5vw;
}
.shadowbox > .container__1480,
footer > .container__1480,
section > .container__1480 {
  width: 192.7083333333vw;
}
.shadowbox > .container.fullWidth,
footer > .container.fullWidth,
section > .container.fullWidth {
  width: 100%;
  max-width: 100%;
}
.shadowbox.padding,
footer.padding,
section.padding {
  padding: 15.625vw 0;
}
.shadowbox.padding__top,
footer.padding__top,
section.padding__top {
  padding-top: 15.625vw;
}
.shadowbox.padding__bottom,
footer.padding__bottom,
section.padding__bottom {
  padding-bottom: 15.625vw;
}

.flex {
  display: flex;
}
.flex__between {
  justify-content: space-between;
}
.flex__around {
  justify-content: space-around;
}
.flex__end {
  justify-content: flex-end;
}
.flex__center {
  justify-content: center;
}
.flex__align__center {
  align-items: center;
}
.flex__align__end {
  align-items: flex-end;
}
.flex__wrap {
  flex-wrap: wrap;
}
.flex__column {
  flex-direction: column;
}
.flex__15 > * {
  width: 15.2%;
}
.flex__23 > * {
  width: 23.7%;
}
.flex__29 > * {
  width: 29.4%;
}
.flex__31 > * {
  width: 31.8%;
}
.flex__32 > * {
  width: 32.1%;
}
.flex__45 > * {
  width: 45%;
}
.flex__48 > * {
  width: 48%;
}
.flex__38_58 > * {
  width: 38%;
}
.flex__38_58 > *:last-child {
  width: 58%;
}
.flex__18_78 > * {
  width: 18%;
}
.flex__18_78 > *:last-child {
  width: 78%;
}

.separator {
  display: block;
  padding-top: 2.6041666667vw;
}
.separator__10 {
  padding-top: 1.3020833333vw;
}
.separator__20 {
  padding-top: 2.6041666667vw;
}
.separator__30 {
  padding-top: 3.90625vw;
}
.separator__40 {
  padding-top: 5.2083333333vw;
}
.separator__50 {
  padding-top: 6.5104166667vw;
}
.separator__60 {
  padding-top: 7.8125vw;
}
.separator__70 {
  padding-top: 9.1145833333vw;
}
.separator__80 {
  padding-top: 10.4166666667vw;
}
.separator__90 {
  padding-top: 11.71875vw;
}
.separator__100 {
  padding-top: 13.0208333333vw;
}

.fullWidth {
  width: 100%;
}

.mask {
  position: relative;
  text-align: center;
}
.mask img {
  width: 100%;
}
.mask.auto img {
  width: auto;
  max-width: 100%;
}
.mask__video > * {
  width: 100%;
  height: auto;
}

img {
  display: block;
}

.break {
  display: block;
}

.alignCenter {
  text-align: center;
}

p {
  margin-bottom: 2.6041666667vw;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: initial;
}

.marginBotom10 {
  margin-bottom: 1.3020833333vw;
}

.marginBotom20 {
  margin-bottom: 2.6041666667vw;
}

.marginBotom30 {
  margin-bottom: 3.90625vw;
}

.marginBotom40 {
  margin-bottom: 5.2083333333vw;
}

.rotate__3 {
  transform: rotate(-3deg);
}
.rotate__6 {
  transform: rotate(-6deg);
}

.title__mapa span {
  margin-top: -1.0416666667vw;
  float: right;
  margin-right: 4.0364583333vw;
}

.list__vertical li {
  margin-bottom: 2.6041666667vw;
}
.list__vertical li > span {
  margin-left: 2.6041666667vw;
}

.animated {
  transition: all 0.6s;
  opacity: 0;
}
.animated__topBottom {
  transform: translateY(-100%);
}
.animated__bottomTop {
  transform: translateY(100%);
}
.animated__leftRight {
  transform: translateX(-100%);
}
.animated__rightLeft {
  transform: translateX(100%);
}

.load .animated {
  opacity: 1;
}
.load .animated__topBottom {
  transform: translateY(0%);
}
.load .animated__bottomTop {
  transform: translateY(0%);
}
.load .animated__leftRight {
  transform: translateX(0%);
}
.load .animated__rightLeft {
  transform: translateX(0%);
}

.animatedDelay {
  opacity: 0;
}
.animatedDelay__4 {
  transition: all 0.8s 0.4s;
}
.animatedDelay__5 {
  transition: all 0.8s 0.5s;
}
.animatedDelay__6 {
  transition: all 0.8s 0.6s;
}
.animatedDelay__7 {
  transition: all 0.8s 0.7s;
}
.animatedDelay__8 {
  transition: all 0.8s 0.8s;
}

.load .animatedDelay {
  opacity: 1;
}

.grid__icos li {
  opacity: 0;
  transform: scale(0);
}
.grid__icos li:nth-child(1) {
  transition: all 0.6s 0.3s;
}
.grid__icos li:nth-child(2) {
  transition: all 0.6s 0.4s;
}
.grid__icos li:nth-child(3) {
  transition: all 0.6s 0.5s;
}
.grid__icos li:nth-child(4) {
  transition: all 0.6s 0.6s;
}
.grid__icos li:nth-child(5) {
  transition: all 0.6s 0.7s;
}
.grid__icos li:nth-child(6) {
  transition: all 0.6s 0.8s;
}
.grid__icos li:nth-child(7) {
  transition: all 0.6s 0.9s;
}
.grid__icos li:nth-child(8) {
  transition: all 0.6s 1s;
}
.grid__icos li:nth-child(9) {
  transition: all 0.6s 1.1s;
}
.grid__icos li:nth-child(10) {
  transition: all 0.6s 1.2s;
}
.grid__icos li:nth-child(11) {
  transition: all 0.6s 1.3s;
}
.grid__icos li:nth-child(12) {
  transition: all 0.6s 1.4s;
}
.grid__icos li:nth-child(13) {
  transition: all 0.6s 1.5s;
}
.grid__icos li:nth-child(14) {
  transition: all 0.6s 1.6s;
}
.grid__icos li:nth-child(15) {
  transition: all 0.6s 1.7s;
}
.grid__icos li:nth-child(16) {
  transition: all 0.6s 1.8s;
}

.load .grid__icos li {
  opacity: 1;
  transform: scale(1);
}

.cover__buttons--grid {
  transition: all 0.6s 1.8s;
  opacity: 0;
  transform: translateY(100%);
}

.load .cover__buttons--grid {
  opacity: 1;
  transform: translateY(0%);
}

/* RESPONSIVE ****************************************************************/
body {
  position: relative;
}
body:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.78125vw;
  z-index: 20;
  display: none;
}

/* MEDIAS HEIGHT ****************************************************************/
@media (max-height: 500px) {
  body:after {
    background-color: brown;
  }
}
/* MEDIAS COMUN ****************************************************************/
@media (max-width: 1432px) {
  body .section__video .container .box__detail {
    right: -2.6041666667vw;
  }
}
/* MEDIAS DESKTOP ****************************************************************/
@media (min-width: 992px) {
  body:after {
    background-color: red;
  }
  body .showMobile {
    display: none !important;
  }
  body .showDesktop {
    display: flex !important;
  }
  body .showMobileDesktop {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  body:after {
    background-color: blue;
  }
  body .showMobile {
    display: none !important;
  }
  body .showDesktop {
    display: flex !important;
  }
  body .showMobileDesktop {
    display: flex !important;
  }
}
@media only screen and (min-width: 960px) and (max-width: 991px) {
  body:after {
    background-color: green;
  }
  body .showMobile {
    display: none !important;
  }
  body .showDesktop {
    display: flex !important;
  }
  body .showMobileDesktop {
    display: flex !important;
  }
}
/* MEDIAS TABLET MOBILE  ****************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body:after {
    background-color: pink;
  }
  body .showMobile {
    display: flex !important;
  }
  body .showDesktop {
    display: none !important;
  }
  body .showMobileDesktop {
    display: flex !important;
  }
}
@media only screen and (max-width: 767px) {
  body:after {
    background-color: orange;
  }
  body .showMobile {
    display: flex !important;
  }
  body .showDesktop {
    display: none !important;
  }
  body .showMobileDesktop {
    display: flex !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body:after {
    background-color: yellow;
  }
  body .container__desplegable > *.mask {
    height: 78.125vw;
  }
}
@media only screen and (max-width: 400px) {
  body:after {
    background-color: black;
  }
  body .fs.fs50 {
    font-size: 2.34375vw;
    line-height: 2.34375vw;
    word-break: break-word;
  }
}
/* CSS  ********************************/
body {
  font-family: "Roboto", "sans-serif";
  font-weight: 100;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  background: #2f326a;
  background: linear-gradient(180deg, #2f326a 0%, #0f818d 100%);
  font-size: 2.0833333333vw;
  width: 100%;
}

.wrap {
  max-width: 100%;
  width: 100vw;
  height: 133.3333333333vw;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.mask {
  z-index: 0;
}
.mask__logo {
  width: 55%;
  max-width: 100%;
}

.cover__inicio {
  max-width: 100%;
  width: 60.4166666667vw;
  position: relative;
}
.cover__inicio .box__form {
  margin-top: 22.1354166667vw;
  max-width: 100%;
  width: 100%;
}
.cover__inicio .box__form.active {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0);
}
.cover__inicio .box__registro {
  transition: all 0.3s;
  margin-top: 10.4166666667vw;
  position: absolute;
  width: 132.6%;
}
.cover__inicio .box__registro > *:first-child {
  transition: all 0.3s 0.2s;
  transform: translateX(100%);
}
.cover__inicio .box__registro > *:last-child {
  transition: all 0.3s 0.3s;
  transform: translateX(100%);
}
.cover__inicio .box__registro.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: all !important;
}
.cover__inicio .box__registro.active > *:first-child {
  transform: translateX(0%);
}
.cover__inicio .box__registro.active > *:last-child {
  transform: translateX(0%);
}
.cover__inicio .box__registro .buttonImage {
  transition: all 0.3s;
  position: relative;
  border-radius: 0.5208333333vw;
  overflow: hidden;
  background-color: #049696;
  cursor: pointer;
  display: inline-block;
}
.cover__inicio .box__registro .buttonImage .borderGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cover__inicio .box__registro .buttonImage:hover {
  transform: scale(1.02);
}
.cover__inicio .box__registro .buttonImage:active {
  transform: scale(1);
}
.cover__inicio .box__registro .buttonImage img {
  width: 100%;
  mix-blend-mode: multiply;
}
.cover__inicio .box__registro .buttonImage .text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: fit-content;
  width: fit-content;
  text-shadow: 0 0 1.3020833333vw rgba(0, 0, 0, 0.5);
}

@keyframes errorPulse {
  0% {
    border-left: 2px solid red;
  }
  50% {
    border-left: none;
  }
  100% {
    border-left: 2px solid red;
  }
}
.input__field {
  position: relative;
}
.input__field input[type=text], .input__field input[type=email], .input__field input[type=password] {
  width: 100%;
  color: #ffffff;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  font-weight: 600;
}
.input__field input[type=text].error, .input__field input[type=email].error, .input__field input[type=password].error {
  animation: errorPulse 1s infinite;
}
.input__field__noBorder:after {
  display: none;
}
.input__field__slider2 .sliderRange:first-child {
  margin-top: -2.6041666667vw;
  margin-bottom: 5.2083333333vw;
}
.input__field__slider2 .sliderRange:last-child {
  margin-bottom: 2.6041666667vw;
}
.input__field__animated label {
  position: absolute;
  top: -1.3020833333vw;
  left: 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.2);
  transition: 0.2s all;
  cursor: text;
  font-size: 1.953125vw;
  line-height: 2.34375vw;
  font-weight: 600;
  pointer-events: none;
}
.input__field.ko:after {
  background-color: #d42c20;
}
.input__field:focus:after, .input__field:hover:after, .input__field.ok:after {
  background-color: #F4C547;
}
.input__field:after {
  transition: background 0.3s;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.390625vw;
  background-color: #ffffff;
  border-radius: 2.6041666667vw;
}

input:focus ~ label {
  top: -3.125vw !important;
  color: #F4C547 !important;
}

input:not([value=""]) + label {
  top: -1.4322916667vw !important;
}

.cover__buttons input {
  max-width: 18.2291666667vw;
  text-align: center;
}
.cover__buttons > label {
  position: relative;
  padding-left: 4.6875vw;
}
.cover__buttons > label input {
  transition: background 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  border-radius: 1.0416666667vw;
  background-color: rgba(255, 255, 255, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-appearance: none;
}
.cover__buttons > label input:checked {
  background-color: #8CC641;
  background-image: url("../img/check.svg");
}
.cover__buttons--horizontal > * {
  margin-right: 3.90625vw;
}
.cover__buttons--horizontal > *:last-child {
  margin-right: 0;
}
.cover__buttons--radios {
  position: relative;
  margin-top: 2.9947916667vw;
}
.cover__buttons--radios > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.cover__buttons--radios label {
  position: initial;
  color: #ffffff;
  width: auto;
}
.cover__buttons--radios input {
  transition: box-shadow 0.1s;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  border-radius: 100%;
  box-shadow: inset 0 0 0 0.5208333333vw #ffffff;
  appearance: none;
  margin: 0 1.3020833333vw 0 0;
}
.cover__buttons--radios input:checked {
  box-shadow: inset 0 0 0 1.5625vw #ffffff;
}
.cover__buttons--continue {
  margin-top: 5.2083333333vw;
  display: none;
}
.cover__buttons--continue.active {
  display: flex;
}
.cover__buttons--contact {
  transition: all 0.6s;
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
}
.cover__buttons--contact.active {
  opacity: 1;
  transform: translateY(0%);
  pointer-events: initial;
}
.cover__buttons a {
  color: #ffffff;
}

.borderGradient {
  border-style: solid;
  border-image-slice: 1;
  border-width: 0.78125vw;
  pointer-events: none;
}
.borderGradient.borderGradient__yellow {
  border-image-source: linear-gradient(to bottom, #F4C547, rgba(244, 197, 71, 0));
}
.borderGradient.borderGradient__yellow__blue {
  border-image-source: linear-gradient(to bottom, #F4C547, #049696);
}

.aside {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 0.2604166667vw solid #049696;
}
.aside__big {
  width: 20.9%;
  padding-bottom: 11.71875vw;
}
.aside__small {
  width: 10.3%;
  padding-bottom: 11.71875vw;
}

.coverContent {
  width: 79.1%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.coverContent__big {
  width: 89.7%;
}

.hide-humidity {
  display: none !important;
}

.has-humidity {
  padding-top: 19.53125vw;
}

.content__top {
  height: 22.5260416667vw;
  width: 100%;
  border-bottom: 0.2604166667vw solid #049696;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  flex-direction: column;
  overflow: hidden;
}
.content__top .general-summary {
  opacity: 1;
  overflow: hidden;
}
.content__top .box__text {
  margin-top: -2.6041666667vw;
}
.content__top .box__text .number {
  position: relative;
}
.content__top .box__text .number:after {
  /* content: ""; */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5208333333vw;
  border-radius: 6.5104166667vw;
  background-color: #ffffff;
}
.content__top .box__text .button {
  margin: 1.3020833333vw auto;
}
.content__top .hidden-summary {
  opacity: 0;
  transition: opacity linear 0.2s;
  transition-delay: 0.6s;
  display: none;
}
.content__top.show {
  height: 100%;
  background-color: transparent;
}
.content__top.show .general-summary {
  opacity: 0;
  height: 0;
}
.content__top.show .hidden-summary {
  opacity: 1;
  display: flex;
  flex-direction: column;
}
.content__full {
  height: 100%;
}
.content__full__user > * {
  width: 67.4%;
}
.content__full__user > .box__text {
  width: 100%;
}
.content__full__user .mask__logo {
  transition: all 0.2s;
  overflow: hidden;
  max-height: 39.0625vw;
  margin-bottom: 10.4166666667vw;
  transform: translateY(0);
  opacity: 1;
}
.content__full__user .mask__logo img {
  width: 130.2083333333vw;
  max-width: 100%;
  margin: auto;
}
.content__full__user .mask__logo.active {
  max-height: 0;
  margin-bottom: 0;
  transform: translateY(-600%);
  opacity: 0;
}
.content__full__user .cover__form {
  transition: all 0.3s;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.content__full__user .cover__form.active {
  opacity: 1;
  position: relative;
  pointer-events: all;
}
.content__full__user .cover__form__datos {
  padding-top: 10.4166666667vw;
  width: 64.7%;
  margin: 0 auto;
}
.content__full__user .cover__form__firma {
  padding-top: 5.2083333333vw;
}
.content__full__user .cover__form__firma .mask {
  border: 0.390625vw solid #ffffff;
  border-radius: 0.6510416667vw;
  width: 64.7%;
  margin: 0 auto;
  display: none;
}
.content__full__user .cover__form__firma .mask img {
  width: 100%;
}
.content__full__user .cover__form__firma .mask canvas {
  width: 100%;
  height: 11.71875vw;
}
.content__full__user .cover__form__firma .mask.active {
  display: block;
}
.content__full__user .cover__form__registros .properties-filters {
  display: flex;
  width: 64.7%;
  margin: 0 auto;
}
.content__full__user .cover__form__registros .properties-filters form {
  display: flex;
  flex-wrap: wrap;
}
.content__full__user .cover__form__registros .properties-filters .form-row {
  display: flex;
  width: 100%;
  margin: 1.0416666667vw 0;
  justify-content: space-between;
}
.content__full__user .cover__form__registros .properties-filters .col-full {
  width: 100%;
}
.content__full__user .cover__form__registros .properties-filters .col-2 {
  width: calc(50% - 3.2552083333vw);
}
.content__full__user .cover__form__registros .properties-list {
  display: flex;
  flex-direction: column;
  border: 0.5208333333vw solid #F4C546;
  border-radius: 0.2604166667vw;
  max-height: 50vh;
  overflow: auto;
  width: 90%;
  margin: 5.2083333333vw auto 2.6041666667vw;
}
.content__full__user .cover__form__registros .properties-list .property-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 0.2604166667vw solid #FFF;
  padding: 0.2604166667vw;
}
.content__full__user .cover__form__registros .properties-list .property-item > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0vw 1.3020833333vw 0vw 0vw;
  align-items: center;
}
.content__full__user .cover__form__registros .properties-list .property-item:last-child {
  border-bottom: 0;
}
.content__full__user .cover__form__registros .properties-list .property-item.no-items > div {
  width: 100%;
  text-align: center;
}
.content__full__user .cover__form__registros .properties-list .property-item .left,
.content__full__user .cover__form__registros .properties-list .property-item .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.content__full__user .cover__form__registros .properties-list .property-item .left h5,
.content__full__user .cover__form__registros .properties-list .property-item .right h5 {
  margin: 0 0.6510416667vw;
}
.content__full__user .cover__form__registros .properties-list .property-item .left .map {
  width: 19.53125vw;
  padding-bottom: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ccc;
}
.content__full__user .cover__form__registros .properties-list .property-item img {
  border-radius: 0.78125vw;
  margin-right: 1.3020833333vw;
}
.content__full__user .cover__form__registros .properties-list .property-item .right .inline-icon {
  display: inline;
  vertical-align: middle;
  margin-left: 1.3020833333vw;
}
.content__full__user .cover__form .cover__buttons.signature-buttons {
  display: none;
}
.content__full__user .cover__form .cover__buttons.signature-buttons.active {
  display: flex;
}
.content__full__user .cover__form .cover__buttons.filter-buttons {
  width: 100%;
  margin: 2.6041666667vw 0;
  justify-content: center;
}
.content__full__resumen {
  padding-top: 5.2083333333vw;
  top: 0;
}
.content__full__resumen.active {
  position: absolute;
  top: -500%;
}
.content__full__resumen > * {
  width: 86.6%;
}
.content__full__resumen > * .map {
  border: 0.78125vw solid #707070;
  border-radius: 0.5208333333vw;
}
.content__full__resumen > * .map iframe {
  display: block;
}
.content__full__generarPdf {
  transition: all 0.6s 0.1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
.content__full__generarPdf.active {
  opacity: 1;
  pointer-events: all;
}
.content__full__generarPdf.active .box__chek svg g g {
  stroke-dashoffset: 164;
}
.content__full__generarPdf .box__chek {
  width: 36.4583333333vw;
  height: 36.4583333333vw;
  border: 0.78125vw solid #707070;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content__full__generarPdf .box__chek svg {
  margin-bottom: 2.6041666667vw;
}
.content__full__generarPdf .box__chek svg g g {
  transition: all 0.6s 0.3s;
  stroke-width: 32;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
}
.content__bottom {
  width: 100%;
  padding-top: 22.5260416667vw;
  transition: opacity linear 0.2s;
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: red; */
}
.content__bottom--paddingTop {
  padding-top: calc(22.5260416667vw + 5vh);
  /* padding-top: 0; */
}
.content__bottom .box__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 9.1145833333vw;
}
.content__bottom .box__steps .steps {
  position: relative;
  width: 36.4583333333vw;
  height: 36.4583333333vw;
  border-radius: 100%;
  border: 0.6510416667vw solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 6.5104166667vw;
}
.content__bottom .box__steps .steps .mask {
  margin-bottom: 1.3020833333vw;
}
.content__bottom .box__steps .steps .mask__step {
  width: 22%;
}
.content__bottom .box__steps .steps .mask__step > .icoStep {
  transition: top 0.3s;
  fill: #ffffff;
  width: 100%;
  height: auto;
}
.content__bottom .box__steps .steps .mask__step__humedades {
  width: 31.3%;
}
.content__bottom .box__steps .steps .steps__number .coverNumbers {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 12.5vw;
  width: 6.5104166667vw;
}
.content__bottom .box__steps .steps .steps__number .coverNumbers.two-digits {
  width: auto;
}
.content__bottom .box__steps .steps .steps__number .number {
  transition: transform 0.3s;
  text-align: right;
}
.content__bottom .box__steps .steps .circleSteps {
  position: absolute;
  height: auto;
}
.content__bottom .box__steps .steps .circleSteps__motion {
  width: calc(100% + 7.2916666667vw);
  stroke-dasharray: 315;
  stroke-dashoffset: 263;
}
.content__bottom .box__steps .steps .circleSteps__motion__2 {
  stroke-dashoffset: 211;
}
.content__bottom .box__steps .steps .circleSteps__motion__3 {
  stroke-dashoffset: 159;
}
.content__bottom .box__steps .steps .circleSteps__motion__4 {
  stroke-dashoffset: 107;
}
.content__bottom .box__steps .steps .circleSteps__motion__5 {
  stroke-dashoffset: 55;
}
.content__bottom .box__steps .steps .circleSteps__motion__6 {
  stroke-dashoffset: 0;
}
.content__bottom .box__steps .steps .circleSteps__motion circle {
  transition: all 0.3s;
}
.content__bottom .box__steps .steps .circleSteps__motion--capilaridad {
  stroke-dashoffset: 270;
}
.content__bottom .box__steps .steps .circleSteps__motion--capilaridad__2 {
  stroke-dashoffset: 225;
}
.content__bottom .box__steps .steps .circleSteps__motion--capilaridad__3 {
  stroke-dashoffset: 180;
}
.content__bottom .box__steps .steps .circleSteps__motion--capilaridad__4 {
  stroke-dashoffset: 135;
}
.content__bottom .box__steps .steps .circleSteps__motion--capilaridad__5 {
  stroke-dashoffset: 90;
}
.content__bottom .box__steps .steps .circleSteps__motion--capilaridad__6 {
  stroke-dashoffset: 45;
}
.content__bottom .box__steps .steps .circleSteps__motion--capilaridad__7 {
  stroke-dashoffset: 0;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion {
  stroke-dashoffset: 284;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__2 {
  stroke-dashoffset: 253;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__3 {
  stroke-dashoffset: 222;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__4 {
  stroke-dashoffset: 191;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__5 {
  stroke-dashoffset: 160;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__6 {
  stroke-dashoffset: 129;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__7 {
  stroke-dashoffset: 98;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__8 {
  stroke-dashoffset: 67;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__9 {
  stroke-dashoffset: 36;
}
.content__bottom .box__steps .steps .circleSteps__motion--filtracion__10 {
  stroke-dashoffset: 0;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion {
  stroke-dashoffset: 280;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__2 {
  stroke-dashoffset: 245;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__3 {
  stroke-dashoffset: 210;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__4 {
  stroke-dashoffset: 175;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__5 {
  stroke-dashoffset: 140;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__6 {
  stroke-dashoffset: 105;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__7 {
  stroke-dashoffset: 70;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__8 {
  stroke-dashoffset: 35;
}
.content__bottom .box__steps .steps .circleSteps__motion--condensacion__9 {
  stroke-dashoffset: 0;
}
.content__bottom .box__steps .steps .circleSteps__bg {
  width: calc(100% + 6.25vw);
}
.content__bottom .box__steps .steps .circleSteps__bg g g {
  stroke: #049696;
}
.content__bottom .box__steps .dataSteps {
  width: 87.1%;
}
.content__bottom .box__steps .dataSteps .box__text {
  overflow: hidden;
  margin-bottom: 1.3020833333vw;
  height: 5.2083333333vw;
}
.content__bottom .box__steps .dataSteps .box__text .title {
  transition: transform 0.3s;
  margin-bottom: 1.3020833333vw;
}
.content__bottom .box__steps .dataSteps .box__text .title small {
  font-size: 66%;
}
.content__bottom .box__steps .dataSteps .box__inputs {
  height: 12.3697916667vw;
  overflow: hidden;
  padding-top: 3.2552083333vw;
  margin-bottom: 1.3020833333vw;
}
.content__bottom .box__steps .dataSteps .box__inputs > * {
  margin-bottom: 6.5104166667vw;
}
.content__bottom .box__steps .dataSteps .box__inputs > *.map {
  margin-bottom: 0;
}
.content__bottom .box__steps .dataSteps .inputCover {
  transition: transform 0.3s, opacity 0.3s;
}
.content__bottom .box__steps .dataSteps .inputCover__next .input__field {
  width: calc(100% - 9.1145833333vw);
}
.content__bottom .box__steps .dataSteps .inputCover__next__prev .input__field {
  width: calc(100% - 18.2291666667vw);
}
.content__bottom .box__steps .dataSteps .inputCover__map {
  justify-content: flex-end;
}
.content__bottom .box__steps .dataSteps .inputCover__prevSlider .input__field {
  width: calc(100% - 18.2291666667vw);
  margin-right: 9.1145833333vw;
}
.content__bottom .box__steps .dataSteps .inputCover__nextSlider .input__field {
  width: calc(100% - 18.2291666667vw);
  margin-left: 9.1145833333vw;
}
.content__bottom .box__steps .dataSteps .inputCover .confirm {
  transition: background 0.3s;
  width: 6.5104166667vw;
  height: 6.5104166667vw;
  border-radius: 100%;
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  top: 2.6041666667vw;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content__bottom .box__steps .dataSteps .inputCover .confirm__prev {
  transform: rotate(180deg);
}
.content__bottom .box__steps .dataSteps .inputCover .confirm:active, .content__bottom .box__steps .dataSteps .inputCover .confirm:hover {
  background-color: #F4C547;
}
.content__bottom .box__steps .dataSteps .inputCover .confirm svg g {
  fill: #049696;
}
.content__bottom .box__steps .dataSteps .inputCover select {
  width: 100%;
  height: 6.5104166667vw;
  border-radius: 0.5208333333vw;
  border: none;
  appearance: none;
  background-color: #ffffff;
  background-image: url("../img/arrowDownGreen.svg");
  background-repeat: no-repeat;
  background-size: 2.2135416667vw;
  background-position: calc(100% - 2.6041666667vw) center;
  color: #049696;
  padding: 1.3020833333vw;
  font-size: 2.6041666667vw;
  font-weight: 600;
  position: relative;
  top: 2.34375vw;
  text-indent: 30%;
}
.content__bottom .box__steps #address-map {
  width: 100%;
  height: 16.9270833333vw;
}
.content__bottom .box__steps #confirm-address.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.content__bottom.hide {
  opacity: 0;
  pointer-events: none;
}

.container-map {
  display: flex;
  width: 100%;
  height: 1vw 80;
  transition: transform ease-out 0.2s;
}
.container-map.hide {
  transform: translateY(120%);
}
.container-map #address-map {
  width: 100%;
  height: 100%;
}

.arrow {
  position: relative;
}
.arrow.arrow__back {
  height: 5.2083333333vw;
  width: 100%;
  display: block;
}
.arrow.arrow__back img {
  width: 2.8645833333vw;
  height: auto;
  position: absolute;
  right: 2.34375vw;
  bottom: 0;
}

@keyframes waitPulse {
  0% {
    opacity: 0.21;
  }
  50% {
    opacity: 0.72;
  }
  100% {
    opacity: 0.21;
  }
}
.menu li {
  transition: opacity 0.3s;
  opacity: 0.13;
  text-align: center;
}
.menu li:first-child {
  opacity: 1;
}
.menu li:hover, .menu li.active {
  opacity: 1;
}
.menu li.waitPulse {
  animation-duration: 3s;
  animation-name: waitPulse;
  animation-iteration-count: infinite;
}
.menu li.allow:not(.active) {
  animation-duration: 3s;
  animation-name: waitPulse;
  animation-iteration-count: infinite;
}
.menu li.noPulse {
  animation: none !important;
}
.menu li > * {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 2.6041666667vw 0;
}
.menu li > *.user {
  display: flex;
  justify-content: center;
  padding: 4.9479166667vw 0 3.2552083333vw 0;
}
.menu li > *.user.active .mask {
  background-color: #F4C547;
}
.menu li > *.user .mask {
  width: 5.46875vw;
  height: 5.46875vw;
  background-color: #049696;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu li > *.user .mask svg {
  fill: #2F326B;
  width: 2.8645833333vw;
  height: auto;
}
.menu li > * .mask__gradient .gradient {
  content: "";
  position: absolute;
  top: -0.5208333333vw;
  bottom: 0;
  left: -0.5208333333vw;
  right: 0;
  height: 10.6770833333vw;
  width: 10.6770833333vw;
  border-radius: 100%;
  z-index: -1;
}
.menu li > * .mask__gradient .gradient__yellow__blue {
  background: #2f326a;
  background: linear-gradient(180deg, #F4C547 0%, #049696 100%);
}
.menu li > * .mask__gradient .pseudoMask {
  width: 9.6354166667vw;
  height: 9.6354166667vw;
  border-radius: 100%;
  margin-bottom: 2.6041666667vw;
  background-color: #2F326B;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu li > * .mask__gradient .pseudoMask svg {
  width: 5.2083333333vw;
  height: auto;
}
.menu li > * .mask__gradient .pseudoMask svg path {
  fill: #ffffff;
}
.menu li.add__estancias .pseudoMask svg {
  width: 2.8645833333vw;
}
.menu.menu__user li {
  transition: all 0.1s;
  opacity: 1;
  cursor: pointer;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  width: max-content;
}
.menu.menu__user li:active .mask, .menu.menu__user li:hover .mask {
  transform: scale(1.1);
}
.menu.menu__user li.off {
  opacity: 0;
  position: absolute;
}
.menu.menu__user li * > .mask {
  transition: transform 0.3s;
}
.menu.menu__user li * > .mask__gradient .gradient {
  height: 14.1927083333vw;
  width: 14.1927083333vw;
}
.menu.menu__user li * > .mask__gradient .gradient__yellow__blue {
  background: #2f326a;
  background: linear-gradient(180deg, #F4C547 0%, #049696 100%);
}
.menu.menu__user li * > .mask__gradient .pseudoMask {
  width: 13.0208333333vw;
  height: 13.0208333333vw;
}
.menu.menu__user li * > .mask__gradient .pseudoMask img,
.menu.menu__user li * > .mask__gradient .pseudoMask svg {
  width: 7.2916666667vw;
  height: auto;
}
.menu.menu__user li * > .mask__gradient .pseudoMask img path,
.menu.menu__user li * > .mask__gradient .pseudoMask svg path {
  fill: #ffffff;
}

.logo__aside {
  position: absolute;
  bottom: 5.46875vw;
  right: 0;
  left: 0;
  margin: auto;
  width: 81%;
}

.map {
  transition: all 0.3s;
}
.map iframe {
  width: 100%;
  height: 100%;
}
.map__data {
  width: 100%;
  height: 1vw 80;
  height: calc(100% - 92.4479166667vw);
  position: absolute;
  top: 92.4479166667vw;
  left: 0;
}

.sliderRange {
  position: relative;
}
.sliderRange div.ui-slider {
  margin: 0 !important;
}
.sliderRange div.ui-slider input.ui-slider-input {
  margin: -0.390625vw auto 0 auto;
  float: none;
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: #ffffff;
  font-size: 2.34375vw;
  font-weight: 700;
  width: 9.1145833333vw;
}
.sliderRange div.ui-slider .ui-slider-track {
  position: absolute;
  top: 4.5572916667vw;
  width: calc(100% - 2.6041666667vw);
  margin: 0 0 0 1.3020833333vw;
  height: 2.34375vw;
  border: none;
  box-shadow: none;
  text-shadow: none;
  background-color: #ffffff;
  border-radius: 0.5208333333vw;
}
.sliderRange div.ui-slider .ui-slider-bg {
  background-color: #2F326B !important;
}
.sliderRange div.ui-slider .ui-slider-track .ui-btn.ui-slider-handle {
  background-color: #ffffff !important;
  border-radius: 100%;
  border: 0.6510416667vw solid #2F326B;
  width: 4.8177083333vw;
  height: 4.8177083333vw;
  margin: -2.4739583333vw 0 0 -2.2135416667vw;
}
.sliderButton {
  position: absolute;
  top: -0.6510416667vw;
  color: #ffffff;
  cursor: pointer;
  height: 3.90625vw;
  width: 3.90625vw;
  display: flex;
  justify-content: center;
  align-item: center;
  font-size: 3.90625vw;
  font-weight: 700;
  user-select: none;
}
.sliderButton__less {
  left: 15%;
}
.sliderButton__more {
  right: 15%;
}

.ui-loader {
  display: none !important;
}

.ui-select span {
  display: none;
}

.estancia__new {
  padding-top: 6.5104166667vw;
}
.estancia__new .box {
  width: 75.8%;
  margin: 0 auto;
}
.estancia__new .box .mask {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12.5vw;
  height: 12.5vw;
  border: 0.5208333333vw solid #707070;
  border-radius: 100%;
  margin-right: 3.125vw;
}
.estancia__new .box .mask img {
  height: 6.5104166667vw;
  width: auto;
}
.grid__icos {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.3020833333vw;
  width: 100%;
}
.grid__icos li {
  width: 13.9%;
  margin-right: 14.8%;
  margin-bottom: 3.90625vw;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid__icos li label {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6510416667vw;
  border: 0.390625vw solid rgba(0, 0, 0, 0);
  transition: transform 0.3s;
}
.grid__icos li:active label, .grid__icos li:hover label {
  transform: scale(1.2);
}
.grid__icos li:nth-child(4n) {
  margin-right: 0;
}
.grid__icos li img {
  width: auto;
  height: 6.5104166667vw;
  cursor: pointer;
}
.grid__icos li span {
  padding-top: 0.6510416667vw;
  text-align: center;
}
.grid__icos li input[type=radio] {
  display: none;
}
.grid__icos li input[type=radio]:checked + label {
  border: 0.390625vw solid #F4C546;
  transform: scale(1.2);
}
.grid__resumen {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-height: 29.9479166667vw;
  overflow: auto;
  margin-bottom: 1.953125vw;
}
.grid__resumen > * {
  width: 49%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3.90625vw;
}
.grid__resumen > * .box__img {
  text-align: center;
  font-weight: 700;
  position: relative;
  margin-right: 4.5572916667vw;
}
.grid__resumen > * .box__img:after {
  content: "";
  position: absolute;
  top: 0;
  right: -2.2135416667vw;
  height: 100%;
  width: 0.1302083333vw;
  background-color: #ffffff;
}
.grid__resumen > * .box__img .mask {
  width: 7.8125vw;
  height: 7.8125vw;
  border: 0.5208333333vw solid #707070;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1.3020833333vw auto;
}
.grid__resumen > * .box__img .mask img {
  width: calc(100% - 3.90625vw);
}
.grid__resumen > * .list__grid li {
  margin-bottom: 1.3020833333vw;
}
.grid__resumen > * .list__grid li:last-child {
  margin-bottom: 0;
}

.estancias__aside {
  max-height: 33.8541666667vw;
  overflow: auto;
}
.estancias__aside li {
  transition: background 0.3s;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 2.8645833333vw;
  padding: 0.78125vw 1.5625vw;
  cursor: pointer;
}
.estancias__aside li.active, .estancias__aside li:hover, .estancias__aside li:active {
  background-color: #049696;
}
.estancias__aside li .mask {
  width: 4.5572916667vw;
  height: 4.5572916667vw;
  border-radius: 100%;
  background-color: #049696;
  margin-right: 1.3020833333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.estancias__aside li .mask img {
  width: calc(100% - 2.34375vw);
}
.estancias__aside li .text {
  color: #ffffff;
  font-size: 1.953125vw;
}
.estancias__aside li .delete {
  width: 2.4739583333vw;
  height: 2.4739583333vw;
  border-radius: 100%;
  margin-right: 1.3020833333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5625vw;
  margin: auto;
}

.delete {
  cursor: pointer;
  background-color: #d42c20;
}

.box__tabs {
  max-width: 100%;
  width: 54.6875vw;
  margin: 0 auto;
}

.tabs {
  display: flex;
  justify-content: space-between;
}
.tabs li {
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  opacity: 0.2;
}
.tabs li > a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.tabs li:active, .tabs li:hover, .tabs li.active {
  opacity: 1;
}
.tabs li:not(.active) {
  animation-duration: 3s;
  animation-name: waitPulse;
  animation-iteration-count: infinite;
}
.tabs li .mask {
  width: 10.4166666667vw;
  height: 10.4166666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.5208333333vw solid #707070;
  border-radius: 100%;
  margin-bottom: 1.3020833333vw;
}
.tabs li .mask img {
  width: calc(100% - 3.90625vw);
}

.show.content__full__resumen:after {
  content: "";
  background-image: url("../img/closed.svg");
  color: #fff;
  position: absolute;
  top: 1.5625vw;
  right: 2.6041666667vw;
  font-size: 3.90625vw;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  width: 3.3854166667vw;
  height: 3.3854166667vw;
  background-repeat: no-repeat;
  background-size: contain;
}

#email-send {
  display: none;
}

.form-response {
  text-align: center;
  color: #05db05;
}
.form-response.form-error {
  color: red;
}
.form-response.form-warning {
  color: orange;
}
.form-response.form-success {
  color: green;
}

.span-transparent {
  width: 6.5104166667vw;
  height: 6.5104166667vw;
  border-radius: 100%;
  position: relative;
  top: 2.6041666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fs78 {
  font-size: 10.15625vw;
  line-height: 11.71875vw;
}

@media (min-width: 1899px) {
  .cover__inicio .box__registro .buttonImage {
    max-height: 32.5520833333vw;
  }
}

/*# sourceMappingURL=style.css.map */