/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 16px;
  line-height: 1.4;
  overflow-x: hidden;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

  body {
   overflow-x: hidden;
   font-family: 'Inter', sans-serif;
  }

  body * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  a {
    text-decoration: none;
  }

  li {
    list-style: none;
  }

  p {
    padding: 0;
    margin: 0;
  }

  ul {
    padding: 0;
    margin: 0;
  }


  @media all and (min-width:122em){
    body{
      font-size: 1vmax;
    }
  }

  :root {
    --color-blue: #005488;
    --color-grey: #767F86;
    --color-white: #FFF;
    --color-black: rgba(0, 0, 0, 0.90);;
  }

  #main-header { 
    position: absolute;
    width: 100%;
  }
  
  #main-header .inwrap { 
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    text-align: center;
    padding: 3em 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  #main-header .inwrap img { 
    width: 100%;
    max-width: 7.5em;
    z-index: 10;
    position: relative;
  }

  @media all and (min-width:23em) {
    #main-header .inwrap img { 
      max-width: 11.5em;
    }
  }
 
  .menu-toggle { 
   width: 3em;
   height: 3em;
   /* position: absolute; */
   right: 0;
   top: 2em;
   padding: 0;
   font-size: 1.5em;
   border: none;
   background-color: transparent;
   color: var(--color-white);
   z-index: 100010;
   display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
   -ms-flex-direction: column;
       flex-direction: column;
 -webkit-box-pack: center;
   -ms-flex-pack: center;
       justify-content: center;
 -webkit-box-align: center;
   -ms-flex-align: center;
       align-items: center;
   border-radius: 50%;
   margin-left: 1em;
   border: none;
   cursor: pointer;
   float: right;
   -webkit-tap-highlight-color: transparent;
   -webkit-transition: all ease .4s;
 -o-transition: all ease .4s;
 transition: all ease .4s;
 }
 
 
 .menu-toggle.opened {
   position: fixed;
   z-index: 100040;
   top: 0;
   right: 0;
 }
 
 
 .menu-toggle svg {
   height: 2em;
   width: 100%;
 }
 
 .menu-toggle .line {
   fill: none;
   stroke: var(--color-blue);
   stroke-width: 6;
   -webkit-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
     stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
   -o-transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
     stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
   transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
     stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
 }

 .white-version .menu-toggle .line {
  stroke: var(--color-white);
 }
 
 .menu-toggle.opened .line {
   stroke: var(--color-white);
 }
 
 .menu-toggle .line1 {
   stroke-dasharray: 60 207;
   stroke-width: 6;
 }
 .menu-toggle .line2 {
   stroke-dasharray: 60 60;
   stroke-width: 6;
 }
 .menu-toggle .line3 {
   stroke-dasharray: 60 207;
   stroke-width: 6;
 }
 .menu-toggle.opened .line1 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 6;
 }
 .menu-toggle.opened .line2 {
   stroke-dasharray: 1 60;
   stroke-dashoffset: -30;
   stroke-width: 6;
 }
.menu-toggle.opened .line3 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 6;
 }


 /* MOBILE MENU */

#mobile-menu {
  background-color: rgba(0, 84, 136, 0.98);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-100vw);
      -ms-transform: translateX(-100vw);
          transform: translateX(-100vw);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(.17,.67,.23,.98);
  -o-transition: all 0.6s cubic-bezier(.17,.67,.23,.98);
  transition: all 0.6s cubic-bezier(.17,.67,.23,.98);
}

#mobile-menu.open {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

#mobile-menu ul li {
  
  text-align: center;
  text-align: center;
  font-size: 6svh;
  font-family: 'Crimson Text', serif;
  padding: 2svh 0;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(-2em);
      -ms-transform: translateY(-2em);
          transform: translateY(-2em);
}

#mobile-menu.open ul li {
  -webkit-animation: slideIn 0.5s ease forwards;
          animation: slideIn 0.5s ease forwards;
  -webkit-transition: all 1.6s cubic-bezier(.17,.67,.23,.98);
  -o-transition: all 1.6s cubic-bezier(.17,.67,.23,.98);
  transition: all 1.6s cubic-bezier(.17,.67,.23,.98);
}

#mobile-menu.open li:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
#mobile-menu.open li:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
#mobile-menu.open li:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
#mobile-menu.open li:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
#mobile-menu.open li:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
#mobile-menu.open li:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
#mobile-menu.open li:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateY(-2em);
            transform: translateY(-2em);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    -webkit-transform: translateY(-2em);
            transform: translateY(-2em);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

#mobile-menu ul li a{
  color: var(--color-white);
  display: inline-block;
  -webkit-transition: all 1.6s cubic-bezier(.17,.67,.23,.98);
  -o-transition: all 1.6s cubic-bezier(.17,.67,.23,.98);
  transition: all 1.6s cubic-bezier(.17,.67,.23,.98);
}

#mobile-menu ul li a:hover{
  -webkit-transform: translateY(-0.1em);
      -ms-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
}

#mobile-menu ul li a::before {
  margin-left: auto;
}

#mobile-menu ul li a::after, #mobile-menu ul li a::before {
  content: '';
  width: 0%;
  height: 2px;
  background: var(--color-white);
  display: block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#mobile-menu ul li a:hover::after, #mobile-menu ul li a:hover::before {
  width: 100%;
}

 /* HOME HERO */
 #home-hero {
  position: relative;
  overflow: hidden;
 }

 #home-hero .hero-image { 
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
        object-fit: cover;
    -o-object-position: center;
        object-position: center;
    z-index: -1;
    -webkit-animation: scaleAnimation 30s infinite alternate ease-in-out;
            animation: scaleAnimation 30s infinite alternate ease-in-out;
 }

 @-webkit-keyframes scaleAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}

 @keyframes scaleAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}


#home-hero .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  overflow: hidden;
  z-index: -1;
}

#home-hero .video-bg video{
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
}

 #home-hero .dark {
  background-color: rgba(118, 127, 134, 0.70);
  /* background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5018382352941176) 18%, rgba(0,0,0,0.4766281512605042) 40%, rgba(0,0,0,0) 99%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5018382352941176) 18%, rgba(0,0,0,0.4766281512605042) 40%, rgba(0,0,0,0) 99%);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5018382352941176) 18%, rgba(0,0,0,0.4766281512605042) 40%, rgba(0,0,0,0) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); */
 }

 @media (min-width: 48em) {
  #home-hero .dark {
    background-color: rgba(118, 127, 134, 0.50);
    /* background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2945553221288515) 18%, rgba(0,0,0,0.37298669467787116) 40%, rgba(0,0,0,0) 71%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2945553221288515) 18%, rgba(0,0,0,0.37298669467787116) 40%, rgba(0,0,0,0) 71%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2945553221288515) 18%, rgba(0,0,0,0.37298669467787116) 40%, rgba(0,0,0,0) 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); */
  }
 }

 #home-hero .inwrap { 
  color: var(--color-white);
  text-align: center;
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding-top: 10em;
 }

 @media (min-width: 48em) {
  #home-hero .inwrap {
    padding-top: 22%;
  }
 }
 
 #home-hero .inwrap h1 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2em, 5vw, 4.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
 }
 
 #home-hero .inwrap h1 strong { 
  font-weight: 700;
 }

 #home-hero .inwrap h1 strong a {
  color: #FFF;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }

 #home-hero .inwrap h1 strong a:hover {
  text-decoration: underline;
 }
 
 #home-hero .inwrap p { 
  font-size: clamp(1em, 2vw, 1.8em);
  line-height: 130%;
  font-weight: 200;
  margin: 0.8em 0;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
 }
 
  a.button {
  font-size: 0.8em;
  color: var(--color-white);
  background-color: var(--color-blue);
  padding: 0.9em 1em;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
 }

 a.button:hover {

  padding-left: 3em;
 }

 a.button img {
  width: 1.5em;
  position: absolute;
  left: -2em;
  top: 0.7em;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }

 a.button:hover img {
  left: 0.8em;
  opacity: 1;
 }
 
 .info-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: var(--color-white);
  color: var(--color-grey);
  width: 100%;
  max-width: 70em;
  margin: 3em auto 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
  .info-section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

#servicios-list .info-section {
  margin: 1em auto 0;
} 

.stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: var(--color-white);
  color: var(--color-grey);
  width: 100%;
  padding: 1em 1em 1em 1em;
}

@media (min-width: 48em) {
  .stats{
    padding: 1em 0em 1em 2em;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}

#servicios-list .stats {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0;
}

.info-block {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 38em) {
  .info-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

.info-number {
  font-family: 'Crimson Text', serif;
  font-size: clamp(1.5em, 5vw, 5em);
  font-weight: 600;
}

.info-text {
  font-size: clamp(0.5em, 1.3vw, 1em);
  text-transform: uppercase;
  text-align: center;
  max-width: 10em;
  line-height: 114%;
  margin-left: 0.8em;
  text-wrap: balance;
  padding-right: 0.3em;
}

#servicios-list .info-number {
  font-size: clamp(2em, 5vw, 5em);
}

#servicios-list .info-text {
  font-size: clamp(0.7em, 1.3vw, 1em);
}

@media (min-width: 38em) {
  .info-text {
    text-align: left;
  }
}

.info-link{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  width: 100%;
}

.info-link a {
  background: rgba(217, 217, 217, 0.20);
  text-decoration: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(0.8em, 1vw, 1em);
  height: 4em;
  position:relative;
  overflow: hidden;
}

.info-link a span {
  color: rgba(118, 127, 134, 0.75);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
 }

@media (min-width: 48em) {
  .info-link {
    width: 19%;
  }

  .info-link a {
    height: 100%;
  }
}

.info-link a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-blue);
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 0;
 }

.info-link a:hover::before {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
 }


 .info-link a:hover span {
  color: var(--color-white);
  z-index: 10;
 }


/* HOME LINKS PROPERTIES */

#home-property-links { 

}

#home-property-links .inwrap { 
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 4em 0;
}

#home-property-links .inwrap .categories { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#home-property-links .inwrap .categories .box { 
  -webkit-box-flex: 1; 
      -ms-flex: 1 0 99%; 
          flex: 1 0 99%;
  margin: 0.5%;
  position: relative;
  padding-top: 9em;
  overflow: hidden;
}

@media (min-width: 48em) {
  #home-property-links .inwrap .categories .box{
    padding-top: 20%;
  }
}

#home-property-links .inwrap .categories .box.double {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 63%;
          flex: 1 0 63%;
}

@media (min-width: 35em) {
  #home-property-links .inwrap .categories .box, #home-property-links .inwrap .categories .box.double { 
    -webkit-box-flex: 1; 
        -ms-flex: 1 0 46%; 
            flex: 1 0 46%;
  }

}

@media (min-width: 48em) {
  #home-property-links .inwrap .categories .box { 
    -webkit-box-flex: 1; 
        -ms-flex: 1 0 30%; 
            flex: 1 0 30%;
    margin: 0.5%;
    padding-top: 20%;
  }
  
  #home-property-links .inwrap .categories .box.double {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 63%;
            flex: 1 0 63%;
  }
}


#home-property-links .inwrap .categories .box img { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#home-property-links .inwrap .categories .box:hover img{
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

#home-property-links .inwrap .categories .box a { 

}

#home-property-links .inwrap .categories .box a .overlay { 
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.33);
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

#home-property-links .inwrap .categories .box a .overlay .name { 
  color: var(--color-white);
  font-weight: 600;
  text-transform: uppercase;
  padding: 0em 0em 1.5em 2.5em;
}

/* HOME CAROUSEL */

#home-carousel { 
  margin-bottom: -28em;
}

.blue-bg {
  background-color: var(--color-blue);
  color: var(--color-white);
  position: relative;
  height: 19em;
  margin-top: -22em;
}

#home-carousel .inwrap { 
  width: 90%;
  margin: 0 auto;
}

#home-carousel .inwrap .swiper { 

}

#home-carousel .inwrap .swiper .swiper-wrapper { 

}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide { 
  padding-bottom: 4em;
}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .content {
  width: 99%;
  max-width: 79em;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
  #home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .content {
    display: block;
  }
}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .card { 
  background: rgba(255, 255, 255, 1);
  padding: 2em 1.5em 4em;
  width: 100%;
  top: unset;
  bottom: 0;
  left: 0em;
  
}

@media (min-width: 48em) {
  #home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .card{
    position: absolute;
    top: 4em;
    left: 4em;
    bottom: unset;
    z-index: 1000;
    width: 26em;
    padding: 4em 4.5em;
    background: rgba(255, 255, 255, 0.90);
  }
}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .card .title { 
  font-family: 'Crimson Text', serif;
  color: var(--color-grey);
  font-size: 2em;
  font-weight: 400;
  line-height: 114%;
  margin-bottom: 1em;
}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .card p { 
  color: #000;
  line-height: 180%;
  font-weight: 200;
  font-size: 1.1em;
}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .card span {
  text-decoration: underline;
  font-style: italic;
  color: var(--color-grey);
  font-size: 0.8em;
}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .image { 
  width: 100%;
  height: 15em;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media (min-width: 48em) {
  #home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .image {
    height: 34em;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

#home-carousel .inwrap .swiper .swiper-wrapper .swiper-slide .image img { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: -1;
}

#home-carousel .inwrap .swiper .swiper-button-prev { 
  top: var(--swiper-navigation-top-offset,14%);
}

#home-carousel .inwrap .swiper .swiper-button-next { 
  top: var(--swiper-navigation-top-offset,14%);
}

@media (min-width: 48em) {
  #home-carousel .inwrap .swiper .swiper-button-prev { 
    top: var(--swiper-navigation-top-offset,50%);
  }
  
  #home-carousel .inwrap .swiper .swiper-button-next { 
    top: var(--swiper-navigation-top-offset,50%);
  }
}

.swiper-button-prev, .swiper-button-next {
  color: var(--color-white) !important;
}

/* EQUIPO */

#equipo { 
  
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, rgba(217, 217, 217, 0.17))); 
  
  background-image: -o-linear-gradient(top, white 50%, rgba(217, 217, 217, 0.17) 50%); 
  
  background-image: linear-gradient(to bottom, white 50%, rgba(217, 217, 217, 0.17) 50%);
}

#equipo.desarrollos { 
  
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, white)); 
  
  background-image: -o-linear-gradient(top, white 50%, white 50%); 
  
  background-image: linear-gradient(to bottom, white 50%, white 50%);
}

#equipo .content {
  background-color: var(--color-blue);
  color: var(--color-white);
  -webkit-clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
  clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
}

@media (min-width: 48em) {
  #equipo .content{ 
    background-color: var(--color-blue);
  color: var(--color-white);
  -webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
  clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
  }
}

#equipo .inwrap { 
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 10em 0 10em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
    text-align: center;
}

@media (min-width: 64em) {
  #equipo .inwrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    text-align: left;
    ;
  }
}

#equipo .inwrap.equipo-page {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#equipo.home .inwrap {
  padding: 33em 0 10em;
}

#equipo .inwrap .members { 
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 34em;
}

@media (min-width: 64em) {
  #equipo .inwrap .members{
    width: 44%;
  }
}

#equipo .inwrap .members .member { 
  width: 50%;
  text-align: center;
  margin-bottom: 2em;
  padding: 0 0.3em;
}

#equipo .inwrap .members .member .image { 
  width: 8em;
  border-radius: 100%;
  height: 8em;
  margin: 0 auto 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#equipo .inwrap .members .member .name { 
  font-weight: 200;
  font-size: 0.9em;
}

#equipo .inwrap .members .member .position { 
  font-weight: 400;
  font-size: 0.9em;
}

#equipo .inwrap .info { 
  width: 100%;
  max-width: 36em;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-bottom: 5em;
}

@media (min-width: 64em) {
  #equipo .inwrap .info{
    width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 0em;
  }
}

#equipo .inwrap .info h2 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2.7em, 5vw, 4.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#equipo .inwrap .info p { 
  font-size: 1.1em;
  font-weight: 200;
  line-height: 200%;
  margin: 1.5em 0 2em;
}

#equipo .inwrap .info a { 
  color: var(--color-blue);
  background-color: var(--color-white);
  padding: 1em 1em;
    font-size: 0.8em;
  display: inline-block;
  position: relative;
  -webkit-transition: padding 0.2s ease-in;
  -o-transition: padding 0.2s ease-in;
  transition: padding 0.2s ease-in;
}


#equipo .inwrap .info a img {
  width: 0.6em;
  position: absolute;
  top: 1.2em;
  right: 1.5em;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}


#equipo .inwrap .info a:hover {
  padding-right: 1.3em;
}

@media (min-width: 64em) {
  #equipo .inwrap .info a{
    padding: 1em 2em;
  font-size: 0.9em;
  }


  #equipo .inwrap .info a:hover {
    padding-right: 2.3em;
  }

}


#equipo .inwrap .info a:hover img {
  right: 1em;
  opacity: 1;
}

#equipo .inwrap .info a:first-of-type {
  margin-right: 1em;
}



/*PROPERTIES LIST */

#properties-list { 
  background-color: rgba(217, 217, 217, 0.17);
  
}

#properties-list .inwrap { 
  width: 90%;
  max-width: 30em;
  margin: 0 auto;
  padding: 4em 0;
  text-align: center;
}

@media (min-width: 48em) {
  #properties-list .inwrap{ 
    max-width: 80em;
  }
}

#properties-list .inwrap h2 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2.5em, 4vw, 3.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
  color: var(--color-grey);
}

#properties-list .inwrap .boxes { 
  margin-top: 5em;
  margin-bottom: 3em;
}

#properties-list .inwrap .boxes .page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5%;
}

#properties-list .inwrap .boxes .box { 
  width: 100%;
  margin-bottom: 2em;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 2.5em;
}

@media (min-width: 48em) {
  #properties-list .inwrap .boxes .box { 
    width: 47%;
  }
}

@media (min-width: 64em) {
  #properties-list .inwrap .boxes .box { 
    width: 30%;
  }
}

#properties-list .inwrap .boxes .box:hover {
  
    -webkit-box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  
            box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    -webkit-transform: translate(0, -0.5em) !important;
        -ms-transform: translate(0, -0.5em) !important;
            transform: translate(0, -0.5em) !important;
}

#properties-list .inwrap .boxes .box a {
  width: 100%;
}

#properties-list .inwrap .boxes .box .image { 
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 60%;
}

#properties-list .inwrap .boxes .box .info { 
  padding: 2em 1.9em;
  text-align: left;
  background-color: var(--color-white);
}

#properties-list .inwrap .boxes .box .info h3 { 
  font-weight: 200;
  margin: 0;
  font-size: 1.1em;
  color: var(--color-black);
}

#properties-list .inwrap .boxes .box .info .location { 
  font-weight: 500;
  margin: 0.3em 0 0.5em;
  color: var(--color-black);
}

#properties-list .inwrap .boxes .box .info .size { 
  font-weight: 200;
  font-size: 0.9em;
  color: var(--color-black);
}

#properties-list .inwrap .boxes .box .info .features { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 0.7em;
  gap: 0.7em;
  margin-bottom: 0.7em;
}

#properties-list .inwrap .boxes .box .info .features .feature { 
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0.1em solid #b1c1db;
  padding: 0.7em 1em;
  color: #243C64;
  font-size: clamp(0.6em, 1vw, 1em);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}

#properties-list .inwrap .boxes .box .info .features .feature img { 

}

#properties-list .inwrap .boxes .box .info .price { 
  font-family: 'Crimson Text', serif;
  color: var(--color-white);
  background-color: var(--color-blue);
  font-size: 1.4em;
  display: inline-block;
  padding: 0.3em 0.8em;
  position: absolute;
  bottom: 1em;
}

#properties-list .inwrap .view-more { 
  text-align: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#properties-list .inwrap .view-more[data-next=""]{
  display: none;
}

#properties-list .inwrap .view-more span { 
  font-weight: 200;
  font-size: 1.1em;
  color: var(--color-grey);
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#properties-list .inwrap .view-more img { 
  width: 2em;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#properties-list .inwrap .view-more:hover span{
  -webkit-transform: translateY(-0.2em);
      -ms-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
}

#properties-list .inwrap .view-more:hover img{
  -webkit-transform: translateY(0.2em);
      -ms-transform: translateY(0.2em);
          transform: translateY(0.2em);
}

/*FILTER BOX */

#search-filters { 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(217, 217, 217, 0.17)), color-stop(50%, white)); 
  background-image: -o-linear-gradient(top, rgba(217, 217, 217, 0.17) 50%, white 50%); 
  background-image: linear-gradient(to bottom, rgba(217, 217, 217, 0.17) 50%, white 50%);
}

#search-filters .content { 
  background-color: var(--color-blue);
  color: var(--color-white);
  -webkit-clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
  clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
}

@media (min-width: 48em) {
  #search-filters .content { 
    background-color: var(--color-blue);
    color: var(--color-white);
    -webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
    clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
  }
}

#search-filters .content .inwrap { 
  width: 90%;
  max-width: 73em;
  margin: 0 auto;
  padding: 6em 0;
  text-align: center;
}

@media (min-width: 48em)  {
  #search-filters .content .inwrap {
    padding: 12em 0;
  }
}

#search-filters .content .inwrap h2 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2.5em, 4vw, 3.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
  color: var(--color-white);
}

#search-filters .content .inwrap form { 
  margin-top: 3em;
}

#search-filters .content .inwrap form .select-fields { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 35em) {
  #search-filters .content .inwrap form .select-fields{ 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-flow: row; 
            flex-flow: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 64em) {
  #search-filters .content .inwrap form .select-fields{ 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-flow: row; 
            flex-flow: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

#search-filters .content .inwrap form .select-fields select { 
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFF;
  padding: 0.3em 2em 0.4em 0;
  font-weight: 200;
  font-size: 1.1em;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  color: #FFF;
  background-image: url('./img/arrow-select.png');
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 1.5em;
  margin-bottom: 0em;
  width: 100%;
}

@media (min-width: 35em) {
  #search-filters .content .inwrap form .select-fields select  {
    width: 48%;
  }
}

@media (min-width: 48em) {
  #search-filters .content .inwrap form .select-fields select  {
    width: 30%;
  }
}

@media (min-width: 64em) {
  #search-filters .content .inwrap form .select-fields select  {
    width: auto;
  }
}

#search-filters .content .inwrap form .select-field {
  position: relative;
  padding-top: 1.5em;
}

#search-filters .content .inwrap form .select-fields .select-field:nth-child(1) select {
  width: 11.5em;
}

#search-filters .content .inwrap form .select-fields .select-field:nth-child(2) select {
  width: 11.5em;
}

#search-filters .content .inwrap form .select-fields .select-field:nth-child(3) select {
  width: 11.5em;
}

#search-filters .content .inwrap form .select-fields .select-field:nth-child(4) select {
  width: 11.5em;
}

/* #search-filters .content .inwrap form .select-field label {
  position: absolute;
  top: 1.5em;
  font-weight: 300;
  color: #FFF;
  font-size: 1.1em;
  left: 0;
} */

#search-filters .content .inwrap form .select-field select + label {
  position: absolute;
  top: 0;
  font-weight: 300;
  color: #5687b1;
  font-size: 1em;
  left: 0;
  display: none;
}

#search-filters .content .inwrap form .checkboxes { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2em;
  margin-top: 3em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 48em) {
  #search-filters .content .inwrap form .checkboxes  {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

#search-filters .content .inwrap form .checkboxes label { 
  font-weight: 200;
}

#search-filters .content .inwrap form .checkboxes label #filer-piscina { 

}

#search-filters .content .inwrap form button { 
  color: var(--color-blue);
  background-color: var(--color-white);
  padding: 1em 2em;
  font-size: 0.9em;
  display: inline-block;
  border: none;
  margin-top: 4em;
  -webkit-transition: padding-left 0.2s ease;
  -o-transition: padding-left 0.2s ease;
  transition: padding-left 0.2s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#search-filters .content .inwrap form button img {
  width: 1.5em;
  position: absolute;
  left: -2em;
  top: 0.7em;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#search-filters .content .inwrap form button:hover {

  padding-left: 3em;
 }

 #search-filters .content .inwrap form button:hover img {
  left: 0.8em;
  opacity: 1;
 }


/* BLOG */

#blog { 

}

#blog .inwrap { 
  width: 90%;
  max-width: 42em;
  margin: 0 auto;
  padding: 3em 0 3em;
}

@media (min-width: 48em) {
  #blog .inwrap { 
    padding: 7em 0 3em;
  }
}

@media (min-width: 64em) {
  #blog .inwrap { 
    padding: 7em 0 3em;
    max-width: 80em;
  }
}


#blog .inwrap h2 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2.5em, 4vw, 3.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
  color: var(--color-grey);
}

#blog .inwrap .swiper { 

}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide{ 
  height: auto;
}

#blog .inwrap .swiper .swiper-button-next, #blog .inwrap .swiper .swiper-button-prev{ 
  color: #d2d2d2 !important;
  top: var(--swiper-navigation-top-offset,75%);
}

/* @media (min-width: 48em) {
  #blog .inwrap .swiper .swiper-button-next, #blog .inwrap .swiper .swiper-button-prev{ 
    top: var(--swiper-navigation-top-offset,67%);
  }
} */

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-button-next, #blog .inwrap .swiper .swiper-button-prev{ 
    top: var(--swiper-navigation-top-offset,50%);
  }
}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide a { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide a  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    height: 100%;
  }
}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide .info { 
  width: 100%;
  padding-left: 4em;
  overflow: hidden;
  position: relative;
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .info   {
    width: 50%;
  }
}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide .info .title { 
  font-family: 'Crimson Text', serif;
    font-size: clamp(2.5em, 5vw, 5em);
    font-weight: 400;
    line-height: 91%;
    margin: 0;
    color: var(--color-grey);
    /* max-width: 5em; */
}

/* @media (min-width: 48em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .info .title { 
    font-size: 3.5em;
  }
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .info .title { 
      font-size: 5em;
  }
} */

@media (min-width:80em) {

  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .info .title { 
      /* font-size: 5.5em; */
  }
}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide .info .title span.number {
  color: rgba(204, 207, 209, 0.50);
  position: absolute;
  left: 0.2em;
  font-size: 2em;
  top: 0.2em;
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .info .title span.number { 
    left: -0.01em;
  }
}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide .info p { 
  font-size: 1em;
  font-weight: 200;
  line-height: 177%;
  margin: 1.5em 0 2em;
  color: var(--color-grey);
  padding-right: 3em;
}

@media (min-width: 48em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .info p { 
    font-size: 1.1em;
    line-height: 200%;
  }
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .info p { 
    padding-right: 0;
  }
}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide .image { 
  width: 100%;
  position: relative;
  padding: 25%;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-bottom: 2em;
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-wrapper .swiper-slide .image   {
    width: 45%;
    padding: unset;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 0;
  }
}

#blog .inwrap .swiper .swiper-wrapper .swiper-slide .image img { 
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
        object-fit: cover;
    -o-object-position: center;
        object-position: center;
    z-index: -1;
}

#blog .inwrap .swiper .swiper-pagination { 
  width: 100%;
    /* max-width: 72em; */
    text-align: left;
    left: 0;
    right: 0;
    /* margin: 0 auto; */
    bottom: 0em;
    z-index: 100;
    
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-pagination {
    width: 50%;
    margin-left: 3.4em;
  }
}

#blog .inwrap .swiper .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 0.1em;
  -webkit-transition: all ease .4s;
 -o-transition: all ease .4s;
 transition: all ease .4s;
  /* background-color: #D9D9D9; */
}

@media (min-width: 64em) {
  #blog .inwrap .swiper .swiper-pagination .swiper-pagination-bullet   {
    width: 3.5em;
  }
}

#blog .swiper-pagination-bullet-active {
  height: 0.6em !important;
  background-color: #767F86 !important;
}

#blog .inwrap .articles { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5em;
}

#blog .inwrap .articles .box { 
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-bottom: 2em;
}

@media (min-width: 64em) {
  #blog .inwrap .articles .box { 
    width: 45%;
  }
}

#blog .inwrap .articles .box:hover {
  
  -webkit-box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  
          box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  -webkit-transform: translateY(-0.5em);
      -ms-transform: translateY(-0.5em);
          transform: translateY(-0.5em);
}

#blog .inwrap .articles .box a { 

}

#blog .inwrap .articles .box .image { 
  width: 100%;
  padding-top: 44%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#blog .inwrap .articles .box .info { 
  padding: 2em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
  #blog .inwrap .articles .box .info { 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-flow: row; 
            flex-flow: row;
  }
}

#blog .inwrap .articles .box .info .content { 
  text-align: center;
  width: 100%;
}

@media (min-width: 48em) {
  #blog .inwrap .articles .box .info .content { 
    padding-right: 1em;
    text-align: left;
  }
}

#blog .inwrap .articles .box .info .content h3 { 
  color: var(--color-grey);
  font-family: 'Crimson Text', serif;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#blog .inwrap .articles .box .info .content p { 
  font-size: 1em;
  font-weight: 200;
  line-height: 200%;
  margin: 1.5em 0 2em;
  color: var(--color-grey);
}

#blog .inwrap .articles .box .info .more { 
  color: var(--color-grey);
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3em 1em;
  border-top: 0.01em solid rgba(204, 207, 209, 0.50);
  font-size: clamp(0.7em, 1vw, 1em);
}

@media (min-width: 48em) {
  #blog .inwrap .articles .box .info .more { 
    border-top: none;
    border-left: 0.01em solid rgba(204, 207, 209, 0.50);
  }
}

/* CONTACTO */

#contacto { 
  background-color: var(--color-blue);
  color: var(--color-white);
  position: relative;
  overflow: hidden;
}

#contacto .inwrap { 
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 4em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

#contacto .inwrap .col { 
  width: 100%;
  text-align: center;
}

@media (min-width: 48em) {
  #contacto .inwrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }

  #contacto .inwrap .col { 
    width: 48%;
    text-align: left;
  }
}

#contacto .inwrap .col h2 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2em, 6vw, 4.7em);
  font-weight: 300;
  line-height: 91%;
  margin: 0;
}

#contacto .inwrap .col h2 .word {
  display: inline-block; /* Permite transformaciones */
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; /* Asegura que la rotación sea sobre el centro */
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; /* Preserva el contexto 3D en las transformaciones */
}

#contacto .inwrap .col h2 strong {
  font-weight: 700;
}

#contacto .inwrap .col .links { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  margin-top: 1.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
  #contacto .inwrap .col .links { 
    -webkit-box-pack: start; 
        -ms-flex-pack: start; 
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

#contacto .inwrap .col .links li { 
  display: inline-block;
}

#contacto .inwrap .col .links li span {
  width: 0.7em;
  height: 0.7em;
  background-color: var(--color-white);
  border-radius: 100%;
  display: inline-block;
}

#contacto .inwrap .col .links li a { 
  color: var(--color-white);
  font-weight: 200;
  font-size: clamp(0.9em, 1.4vw, 1.1em);
}

@media (min-width: 48em) {
  #contacto .inwrap .col .links li a { 
    font-size: clamp(0.6em, 1.4vw, 1.1em);
  }
}

#contacto .inwrap .col .social { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  margin-top: 1em;
}

@media (min-width: 48em) {
  #contacto .inwrap .col .social { 
    -webkit-box-pack: start; 
        -ms-flex-pack: start; 
            justify-content: flex-start;
  }
  
}

#contacto .inwrap .col .social li { 

}

#contacto .inwrap .col .social li a { 

}

#contacto .inwrap .col .social li a img { 
  width: 2.5em;
}


#contacto .inwrap .col form { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 4em;
  padding-top: 1em;
  margin-top: 3em;
}

@media (min-width: 48em) {
  #contacto .inwrap .col form {
    margin-top: 0;
  }
}

#contacto .inwrap .col form .input-field { 
  width: 100%;
  margin-bottom: 1em;
  position: relative;
}

@media (min-width: 38em) {
  #contacto .inwrap .col form .input-field { 
    width: 48%;
    margin-bottom: 1.5em;
  }
}

#contacto .inwrap .col form .input-field label {
  position:absolute;
  color: #FFF;
  top: 0;
  right: 0;
}

#contacto .inwrap .col form .input-field input { 
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFF;
  padding: 0.3em 2em 0.4em 0;
  font-weight: 200;
  font-size: 1.1em;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  color: var(--color-white);
  margin-bottom: 0em;
  width: 100%;
}

#contacto .inwrap .col form .input-field input::-webkit-input-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field input::-moz-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field input:-ms-input-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field input::-ms-input-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field input::placeholder {
  color: var(--color-white);
}

/* Para asegurar la compatibilidad con todos los navegadores, puedes incluir los prefijos específicos de los navegadores: */

#contacto .inwrap .col form .input-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field input::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field input:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field input:-moz-placeholder { /* Firefox 18- */
  color: var(--color-white);
}

#contacto .inwrap .col form .input-field select{
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFF;
  padding: 0.3em 2em 0.4em 0;
  font-weight: 200;
  font-size: 1.1em;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  color: #FFF;
  background-image: url('./img/arrow-select.png');
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 1.5em;
  margin-bottom: 0em;
  width: 100%;
}

#contacto .inwrap .col form textarea { 
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #FFF;
  padding: 0.3em 2em 0.4em 0;
  font-weight: 200;
  font-size: 1.1em;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  color: #FFF;
  margin-top: 3em;
  width: 100%;
  height: 2em;
}

#contacto .inwrap .col form textarea::-webkit-input-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form textarea::-moz-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form textarea:-ms-input-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form textarea::-ms-input-placeholder {
  color: var(--color-white);
}

#contacto .inwrap .col form textarea::placeholder {
  color: var(--color-white);
}

/* Para asegurar la compatibilidad con todos los navegadores, puedes incluir los prefijos específicos de los navegadores: */

#contacto .inwrap .col form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-white);
}

#contacto .inwrap .col form textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-white);
}

#contacto .inwrap .col form textarea:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-white);
}

#contacto .inwrap .col form textarea:-moz-placeholder { /* Firefox 18- */
  color: var(--color-white);
}

#contacto .inwrap .col form button { 
  color: var(--color-blue);
  background-color: var(--color-white);
  padding: 1em 2em;
  font-size: 0.9em;
  display: inline-block;
  border: none;
  margin-top: 2em;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#contacto .inwrap .col form button img {
  width: 0.6em;
  position: absolute;
  top: 1.05em;
  right: 1.5em;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
}


#contacto .inwrap .col form button:hover {
  padding-right: 1.3em;
}

@media (min-width: 64em) {
  #contacto .inwrap .col form button{
    padding: 1em 2em;
  font-size: 0.9em;
  }


  #contacto .inwrap .col form button:hover {
    padding-right: 2.3em;
  }

}


#contacto .inwrap .col form button:hover img {
  right: 1em;
  opacity: 1;
}

#contacto .inwrap .col .logo { 
  float: right;
  width: 100%;
  max-width: 14em;
}


#contacto .inwrap .col .form-msg {
  display: none;
  color: var(--color-white);
  text-align: left;
  margin-bottom: 2em;
  margin-top: 3em;
  font-weight: 200;
}

@media (min-width: 48em) {
  #contacto .inwrap .col .form-msg {
    text-align: left;
    margin-top: 0em;
  }
}

/* FOOTER */

#main-footer { 

}

#main-footer .inwrap { 
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 3em 0 4.5em;
}

#main-footer .inwrap ul { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}


#main-footer .inwrap ul li { 
  color: var(--color-grey);
  font-weight: 200;
}

#main-footer .inwrap ul li:nth-child(2) {
  display: none;
}

@media (min-width: 48em) {
  #main-footer .inwrap ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }

  #main-footer .inwrap ul li:nth-child(2) {
    display: inline-block;
  }
}


#main-footer .inwrap ul li a{ 
  color: var(--color-grey);
}


/* SERVICIOS PAGE */

#servicios-hero { 
  position: relative;
}

#servicios-hero .hero-image { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
      object-fit: cover;
  -o-object-position: center;
      object-position: center;
  z-index: -1;
}

#servicios-hero .dark { 
  background-color: rgba(118, 127, 134, 0.70);
}

@media (min-width: 48em) {
  #servicios-hero .dark {
    background-color: rgba(118, 127, 134, 0.60);
  }
 }

#servicios-hero .dark .inwrap { 
  color: var(--color-white);
  text-align: center;
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 12em 0 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
  
  #servicios-hero .dark .inwrap {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    text-align: left;
    padding: 12em 0 8em;
  }
 }

#servicios-hero .dark .inwrap .col { 
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
 
  #servicios-hero .dark .inwrap .col { 
    width: 47%;
  } 
}

#servicios-hero .dark .inwrap .col:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.90);
  padding: 3em 3em;

}

#servicios-hero .dark .inwrap .col:nth-child(2) p {
  color: var(--color-black);
  font-weight: 200;
  line-height: 180%;
}

#servicios-hero .dark .inwrap .col:nth-child(2) img {
  width: 90%;
  max-width: 22rem;
  margin: 0 auto;
}

#servicios-hero .dark .inwrap .col h1 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2em, 5vw, 4.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#servicios-hero .dark .inwrap .col h1 strong { 
  font-weight: 700;
}

#servicios-hero .dark .inwrap .col .button { 
  margin: 3em auto;
}

@media (min-width: 48em) {
  #servicios-hero .dark .inwrap .col .button {
    margin: 3em 0 0;
  }
}


/* SERVICIOS LIST */

#servicios-list { 

}

#servicios-list .inwrap { 
  width: 90%;
  max-width: 72em;
  margin: 0 auto;
  padding: 4em 0;
  text-align: center;
}

#servicios-list .inwrap h2 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2.5em, 4vw, 3.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
  color: var(--color-grey);
}

#servicios-list .inwrap .boxes { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5em;
}

#servicios-list .inwrap .boxes .box { 
  width: 100%;
  text-align: center;
  border-bottom: 0.1em solid #ebebeb;
  margin-bottom: 2em;
}

@media (min-width: 35em) {
  #servicios-list .inwrap .boxes .box { 
    width: 48%;
    text-align: left;
    border-right: 0.1em solid #ebebeb;
    border-bottom: none;
    padding-right: 2em;
  }
}

@media (min-width: 64em) {
  #servicios-list .inwrap .boxes .box { 
    width: 30%;
  }
}

#servicios-list .inwrap .boxes .box img { 
  height: 4em;
  width: auto;
  margin-bottom: 1em;
}

#servicios-list .inwrap .boxes .box h3 { 
  color: var(--color-blue);
    font-family: 'Crimson Text', serif;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 91%;
    margin: 0;
}

#servicios-list .inwrap .boxes .box p { 
  font-size: 1em;
  font-weight: 200;
  line-height: 160%;
  margin: 1.5em 0 2em;
  color: var(--color-grey);
}


/* BLOG */

#blog-hero { 
  position: relative;
}

#blog-hero .hero-image { 
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
        object-fit: cover;
    -o-object-position: center;
        object-position: center;
    z-index: -1;
}

#blog-hero .dark { 
  background-color: rgba(118, 127, 134, 0.70);
}

@media (min-width: 48em) {
  #blog-hero .dark {
    background-color: rgba(118, 127, 134, 0.50);
  }
 }

#blog-hero .dark .inwrap { 
  color: var(--color-white);
  text-align: center;
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 12em 0 6em;
}


#blog-hero .dark .inwrap h1 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2em, 5vw, 4.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#blog-hero .dark .inwrap p { 
  font-size: clamp(1em, 2vw, 1.6em);
  line-height: 130%;
  font-weight: 200;
  margin: 0.8em 0;
}

#blog-hero .dark .inwrap select { 
  background-color: var(--color-white);
  border: none;
  border-bottom: 1px solid #FFF;
  padding: 0.7em 2.3em 0.7em 1em;
  font-weight: 200;
  font-size: 1.1em;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  color: var(--color-blue);
  background-image: url('./img/arrow-select-blue.png');
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 1.5em;
  margin-bottom: 0em;

}

#blog-single-hero { 
  position: relative;
}

#blog-single-hero .hero-image { 
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
        object-fit: cover;
    -o-object-position: center;
        object-position: center;
    z-index: -1;
}

#blog-single-hero .dark { 
  background-color: rgba(118, 127, 134, 0.80);
}

@media (min-width: 48em) {
  #blog-single-hero .dark {
    background-color: rgba(118, 127, 134, 0.80);
  }
 }

#blog-single-hero .dark .inwrap { 
  color: var(--color-white);
  text-align: center;
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 14em 0 4em;
}

@media (min-width: 48em) {
  #blog-single-hero .dark .inwrap{
    padding: 14em 0 10em;
  }
 }

#blog-single-hero .dark .inwrap h1 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2em, 5vw, 4em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#blog-single-detail { 

}

#blog-single-detail .inwrap { 
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 3em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#blog-single-detail .inwrap .jssocials-share { 
  display: block;
  padding-right: 1em;
}

@media (min-width: 48em) {
  #blog-single-detail .inwrap .jssocials-share {
    padding-right: 6em;
  }
 }

#blog-single-detail .inwrap .content { 

}

#blog-single-detail .inwrap .content p { 
  font-size: 1.1em;
  font-weight: 200;
  line-height: 177%;
  margin: 0.5em 0;
  color: var(--color-grey);
}

#blog-single-detail .inwrap .content li {
  font-size: 1.1em;
  font-weight: 200;
  line-height: 177%;
  margin: 0.5em 0;
  color: var(--color-grey);
  list-style: inside;
  padding-left: 1.5em;
}

#blog-single-detail .inwrap .content h2 { 
  color: var(--color-grey);
  margin: 1.5em 0;
  font-size: 1.4em;
}

#blog-single-detail .inwrap .content h3 { 
  color: var(--color-grey);
  margin: 1.5em 0 0.5em;
  font-size: 1.2em;
}

#map-location { 
  width: 100%;
  position: relative;
  padding-top: 20em;
  margin-top: 10em;
}

@media (min-width: 48em) {
  #map-location {
    padding-top: 30%;
  }
 }

#map-location iframe { 
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
}

#faq-page { 
  margin-top: 10em;
}


#faq-page .inwrap { 
  width: 95%;
  max-width: 64em;
  margin: 0 auto;
  padding: 2em 0;
  text-align: center;
}

#faq-page .inwrap h1 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2.5em, 4vw, 3.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0 0 1.5em;
  color: var(--color-blue);
  opacity: 0;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}

#faq-page .inwrap h1 br { 

}

#faq-page .inwrap .bloque { 
  text-align: left;
  margin-bottom: 1.5em;
  opacity: 0;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}

#faq-page .inwrap .bloque .title { 
  width: 100%;
  background-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.01em solid #d0d0d0;
  padding-bottom: 1.5em;
  /* margin-bottom: 1.5em; */
  cursor: pointer;
  
}

#faq-page .inwrap .bloque .title span { 
  font-weight: 600;
  margin-right: 0.5em;
  font-size: 1.2em;
  color: #767F86;
  text-align: left;
}

#faq-page .inwrap .bloque .title img { 
  width: 0.7em;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all ease .4s;
 -o-transition: all ease .4s;
 transition: all ease .4s;
}

#faq-page .inwrap .bloque.active .title img { 
  -webkit-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
          transform: rotate(90deg);
}

#faq-page .inwrap .bloque .preguntas { 
  padding-left: 0.5em;
  display: none;
  padding-bottom: 1em;
}
/* 
#faq-page .inwrap .bloque.active .preguntas {
  display: block;
} */

#faq-page .inwrap .bloque .preguntas .pregunta { 

}

#faq-page .inwrap .bloque .preguntas .pregunta h2 { 
  font-weight: 600;
  margin: 1.5em 0 0.5em;
  font-size: 1.2em;
  color: #767F86;
}

#faq-page .inwrap .bloque .preguntas .pregunta .respuesta { 
  padding-left: 1.4em;
  margin: 1.5em 0;
}

#faq-page .inwrap .bloque .preguntas .pregunta .respuesta p { 
  line-height: 177%;
  font-size: 1.1em;
  color: #767F86;
  font-weight: 300;
  margin-bottom: 0.5em;
}


#faq-page .inwrap .bloque .preguntas .pregunta .respuesta p span { 
  line-height: 177% !important;
  font-size: 1em !important;
  color: #767F86 !important;
  font-weight: 300 !important;
}

#faq-page .inwrap .bloque .preguntas .pregunta .respuesta ul {
  margin: 1em 0em 1em 2.5em;
}

#faq-page .inwrap .bloque .preguntas .pregunta .respuesta ul li { 
  list-style: outside;
  line-height: 177%;
  font-size: 1.1em;
  color: #767F86;
  font-weight: 300;
}


#faq-page .inwrap .bloque .preguntas .pregunta .respuesta ol li { 
  list-style:decimal;
  line-height: 177%;
  font-size: 1.1em;
  color: #767F86;
  font-weight: 300;
}


/* SERVICIOS PAGE */

#desarrollos-hero { 
  position: relative;
}

#desarrollos-hero .hero-image { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
      object-fit: cover;
  -o-object-position: center;
      object-position: center;
  z-index: -1;
}

#desarrollos-hero .dark { 
  /* background-color: rgba(118, 127, 134, 0.70); */
  background-color:rgba(0, 84, 136, 0.7);
}

@media (min-width: 48em) {
  #desarrollos-hero .dark {
    /* background-color: rgba(118, 127, 134, 0.60); */
    background-color:rgba(0, 84, 136, 0.7);
  }
 }

#desarrollos-hero .dark .inwrap { 
  color: var(--color-white);
  text-align: center;
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 12em 0 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
  
  #desarrollos-hero .dark .inwrap {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    text-align: left;
    padding: 12em 0 8em;
  }
 }

#desarrollos-hero .dark .inwrap .col { 
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
 
  #desarrollos-hero .dark .inwrap .col { 
    width: 47%;
  } 
}

#desarrollos-hero .dark .inwrap .col:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.90);
  padding: 3em 3em;

}

#desarrollos-hero .dark .inwrap .col:nth-child(2) p {
  color: var(--color-black);
  font-weight: 200;
  line-height: 180%;
}

#desarrollos-hero .dark .inwrap .col:nth-child(2) img {
  width: 90%;
    max-width: 22rem;
    margin: 0 auto;
}

#desarrollos-hero .dark .inwrap .col h1 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2em, 5vw, 4.5em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#desarrollos-hero .dark .inwrap .col h1 strong { 
  font-weight: 700;
}

#desarrollos-hero .dark .inwrap .col .button {
  margin: 3em auto;
}

@media (min-width: 48em) {
  #desarrollos-hero .dark .inwrap .col .button {
    margin: 3em 0 0;
  }
}

#desarrollos-hero .dark .inwrap .col .button:hover {

  padding-left: 1em;
 }

 #desarrollos-hero .dark .inwrap .col .button:hover img {
  left: -2em;
  opacity: 0;
 }

#desarrollo-content .inwrap {
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 5em 0 0;
}

#desarrollo-content .inwrap .col {
  width: 100%;
}

@media (min-width: 48em) {

  #desarrollo-content .inwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  #desarrollo-content .inwrap .col {
    width: 50%;
  }
}

#desarrollo-content .inwrap .col h2{
  color: var(--color-blue);
  font-family: 'Crimson Text', serif;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#desarrollo-content .inwrap .col h3{
  color: var(--color-blue);
  font-family: 'Crimson Text', serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#desarrollo-content .inwrap .col h4{
  color: var(--color-blue);
  font-family: 'Crimson Text', serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#desarrollo-content .inwrap .col p{
  font-size: 1em;
    font-weight: 200;
    line-height: 160%;
    margin: 1.5em 0 2em;
    color: var(--color-grey);
}

#desarrollo-content .inwrap .col .button {
  margin-top: 1em;
}

#desarrollo-content .inwrap .col .button:hover {
  padding-left: 1em;
}

#desarrollo-content .inwrap .col .button:hover img{
  left: -2em;
  opacity: 0;
}


#desarrollo-content .inwrap .sidebar {
  width: 100%;
}

@media (min-width: 48em) {
  #desarrollo-content .inwrap .sidebar {
    width: 43%;
  }
}

#desarrollo-content .inwrap .sidebar img {
  width: 100%;
}


#desarrollos-page-hero { 
  position: relative;
}

#desarrollos-page-hero .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: top;
  -o-object-position: top;
  z-index: -1;
}

#desarrollos-page-hero .dark { 
  background-color:rgba(0, 84, 136, 0.7);
}

@media (min-width: 48em) {
  #desarrollos-page-hero .dark {
    background-color:rgba(0, 84, 136, 0.4);
  }
 }

#desarrollos-page-hero .dark .inwrap { 
  color: var(--color-white);
  text-align: center;
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
  padding: 14em 0 4em;
}

@media (min-width: 48em) {
  #desarrollos-page-hero .dark .inwrap{
    padding: 14em 0 10em;
  }
 }

#desarrollos-page-hero .dark .inwrap h1 { 
  font-family: 'Crimson Text', serif;
  font-size: clamp(2em, 5vw, 4em);
  font-weight: 400;
  line-height: 91%;
  margin: 0;
}

#desarrollo-list { 

}

#desarrollo-list .inwrap { 
  width: 90%;
  max-width: 42em;
  margin: 0 auto;
  padding: 3em 0 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 48em) {
  #desarrollo-list .inwrap { 
    padding: 7em 0 3em;
  }
}

@media (min-width: 64em) {
  #desarrollo-list .inwrap { 
    padding: 7em 0 3em;
    max-width: 80em;
  }
}

#desarrollo-list .inwrap .box { 
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-bottom: 2em;
}

@media (min-width: 64em) {
  #desarrollo-list .inwrap .box { 
    width: 45%;
  }
}

#desarrollo-list .inwrap .box:hover {
  
  -webkit-box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  
          box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  -webkit-transform: translateY(-0.5em);
      -ms-transform: translateY(-0.5em);
          transform: translateY(-0.5em);
}

#desarrollo-list .inwrap .box .image { 
  width: 100%;
  aspect-ratio: 16/9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#desarrollo-list .inwrap .box .info { 
  padding: 2em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (min-width: 48em) {
  #desarrollo-list .inwrap .box .info { 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-flow: row; 
            flex-flow: row;
  }
}

#desarrollo-list .inwrap .box .info .content { 
  text-align: center;
  width: 100%;
}

@media (min-width: 48em) {
  #desarrollo-list .inwrap .box .info .content { 
    padding-right: 1em;
    text-align: left;
  }
}
#desarrollo-list .inwrap .box .info .content h3 { 
  color: var(--color-black);
  /* font-family: 'Crimson Text', serif; */
  font-size: 1.3em;
    font-weight: 600;
    line-height: 131%;
  margin: 0;
}

#desarrollo-list .inwrap .box .info .content p { 
  font-size: 1em;
  font-weight: 200;
  line-height: 200%;
  margin: 1.5em 0 2em;
  color: var(--color-black);
}

#desarrollo-list .inwrap .box .info .more { 
  color: var(--color-grey);
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3em 1em;
  border-top: 0.01em solid rgba(204, 207, 209, 0.50);
  font-size: clamp(0.7em, 1vw, 1em);
}

@media (min-width: 48em) {
  #desarrollo-list .inwrap .box .info .more { 
    border-top: none;
    border-left: 0.01em solid rgba(204, 207, 209, 0.50);
  }
}

.whatsapp-link {
  position: fixed;
  width: 2em;
  height: 2em;
  bottom: 1.5em;
  right: 1em;
  background-color: #25D366;
  color: white;
  border-radius: 50%;
  text-align: center;
  font-size: 2em;
  -webkit-box-shadow: 0.1em 0.1em 0.2em #999;
          box-shadow: 0.1em 0.1em 0.2em #999;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
}

.whatsapp-link i {
  line-height: 3em;
}

.whatsapp-link:hover {
  -webkit-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
          transform: translateY(-5%);
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (-o-min-device-pixel-ratio: 5/4),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}


/*Joel Batista*/
.ae-wrapper {
    width: 100%;
}

.ae-container {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 30px;
    max-width: 1300px;
    margin: auto;
    padding: 40px;
}

/* SIDEBAR */
.ae-sidebar {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    height: fit-content;
}

.ae-sidebar h3 {
    margin-bottom: 15px;
}

.ae-sidebar input,
.ae-sidebar select {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
}

.ae-sidebar button {
    width: 100%;
    background: #0a2540;
    color: #fff;
    padding: 10px;
    border: none;
}

/* GRID */
.ae-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* CARD */
.ae-card {
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.ae-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

.ae-card:hover {
    transform: translateY(-5px);
}

/* IMAGE */
.ae-img {
    position: relative;
}

.ae-img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}

/* BADGE */
.ae-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #1a7f37;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
}

/* INFO */
.ae-info {
    padding: 15px;
}

.precio {
    color: #1a7f37;
    font-weight: bold;
    font-size: 18px;
}

.codigo {
    font-size: 12px;
    color: #999;
}

.ubicacion {
    font-size: 13px;
    color: #666;
}

.ae-info h4 {
    font-size: 15px;
    margin: 10px 0;
}