@import url("/assets/page-css/sv-approved-sections.css");
@import url("/assets/page-css/sv-cms-native-cards.css");

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap{
  --bf-orange:#FF9900;
  --bf-orange-dark:#E68A00;
  --bf-blue:#0D3150;
  --bf-line:#E7EAF3;
  font-family:"Open Sans",Arial,sans-serif!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap > div:first-child{
  min-height:620px!important;
  height:auto!important;
  padding:138px 20px 84px!important;
  background-image:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.66)),url("/uploads/landing-pages/hero-beachfront.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-h1{
  line-height:1.08!important;
  letter-spacing:0!important;
  text-align:center!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:14px 24px!important;
  border-radius:3px!important;
  background:var(--bf-orange)!important;
  border:1px solid var(--bf-orange)!important;
  color:#fff!important;
  font-family:Roboto,"Roboto Slab",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  box-shadow:0 1px 2px rgba(255,153,0,.25),0 12px 28px -10px rgba(255,153,0,.45)!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-cta:hover{
  background:var(--bf-orange-dark)!important;
  border-color:var(--bf-orange-dark)!important;
  color:#fff!important;
  transform:translateY(-1px);
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-nav{
  border-color:#297CBB!important;
  color:#297CBB!important;
  border-radius:20px!important;
  font-family:Roboto,"Roboto Slab",Arial,sans-serif!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-card{
  border-radius:8px!important;
  box-shadow:0 1px 2px rgba(15,17,21,.04),0 8px 24px -12px rgba(59,68,79,.18)!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-lp-beachfront-villas-card-img{
  min-height:172px!important;
  background-size:cover!important;
  background-position:center!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-row .v2-card:nth-child(1) .v2-lp-beachfront-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/58-the-royal-estate-of-luxury-villard.jpg")!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-row .v2-card:nth-child(2) .v2-lp-beachfront-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/a7c12e20-cf98-4a43-9b68-0b50ffb3e3a3.jpeg")!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-row .v2-card:nth-child(3) .v2-lp-beachfront-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/fd972238-288d-4831-bb93-f3d1a8b6b814.jpeg")!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-row .v2-card:nth-child(4) .v2-lp-beachfront-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/12-piscina-gz61302-hdr.jpg")!important;
}

body.frontend-page .bc_wrap .v2-lp-beachfront-villas-card-body strong{
  color:#fff!important;
}

@media(max-width:900px){
  body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap > div:first-child{
    min-height:560px!important;
    padding:118px 14px 62px!important;
  }

  body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-h1{
    font-size:clamp(2rem,10.5vw,2.72rem)!important;
  }

  body.frontend-page .bc_wrap .v2-lp-beachfront-villas-row{
    grid-template-columns:1fr!important;
  }

  body.frontend-page .bc_wrap .v2-lp-beachfront-villas-wrap .v2-cta{
    width:100%!important;
    max-width:320px!important;
    white-space:normal!important;
  }
}