@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');

/* =========================================================
   BLUE PALM REAL ESTATE
   EASYBROKER FRUTILLAR — V7
   CLEAN HEADER + EXISTING HERO/SEARCH/CARDS
   ========================================================= */

:root {
  --bp-ink: #121715;
  --bp-cream: #f7f4ee;
  --bp-white: #ffffff;
  --bp-grey: #6d716f;
  --bp-line: rgba(18,23,21,.12);
}

/* =========================================================
   V23 — MOBILE NAVIGATION, SWIPE, TEAM AND CLIENT REVIEWS
   ========================================================= */
.bp-mobile-nav-toggle,
.bp-mobile-nav-panel{
  display:none;
}

.bp-carousel-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:34px;
}
.bp-carousel-header h2{
  margin:8px 0 0;
  font-family:var(--bp-serif)!important;
  font-size:39px;
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.028em;
}
.bp-carousel-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.bp-carousel-actions a,
.bp-carousel-actions>span{
  margin-right:12px;
  color:#171d1b;
  font:600 12px/1.3 var(--bp-sans)!important;
  text-decoration:none;
}
.bp-carousel-actions button{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(17,29,26,.18);
  border-radius:50%;
  background:transparent;
  color:#101715;
  font:300 27px/1 var(--bp-sans)!important;
  cursor:pointer;
}
.bp-carousel-actions button:hover{
  background:#0b1513;
  color:#fff;
}
.bp-scroll-track{
  display:flex;
  gap:22px;
  overflow-x:auto;
  padding:3px 2px 18px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.bp-scroll-track::-webkit-scrollbar{display:none}

.bp-team-section{
  padding:70px 0 62px!important;
  background:#f6f5f1;
}
.bp-team-card{
  flex:0 0 calc((100% - 88px)/5);
  min-width:190px;
  text-align:center;
  scroll-snap-align:start;
}
.bp-team-card img{
  width:100%;
  aspect-ratio:1;
  display:block;
  object-fit:cover;
  border-radius:50%;
  background:#fff;
}
.bp-team-card h3{
  margin:18px 0 5px;
  font-family:var(--bp-serif)!important;
  font-size:20px;
  font-weight:700;
  line-height:1.15;
}
.bp-team-card p{
  margin:0;
  color:#5b625f;
  font:500 12px/1.35 var(--bp-sans)!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.bp-reviews-section{
  padding:72px 0 68px!important;
  background:#fff;
}
.bp-review-card{
  flex:0 0 calc((100% - 44px)/3);
  min-width:310px;
  min-height:286px;
  display:flex;
  flex-direction:column;
  padding:28px 28px 25px;
  border:1px solid rgba(18,29,26,.12);
  border-radius:4px 0 26px 0;
  background:#fbfaf7;
  scroll-snap-align:start;
}
.bp-review-stars{
  margin-bottom:21px;
  color:#c79b37;
  font-size:19px;
  line-height:1;
  letter-spacing:.12em;
}
.bp-review-card blockquote{
  flex:1;
  margin:0 0 24px;
  color:#151b19;
  font-family:var(--bp-serif)!important;
  font-size:18px;
  font-weight:700;
  line-height:1.5;
}
.bp-review-card footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding-top:17px;
  border-top:1px solid rgba(18,29,26,.11);
}
.bp-review-card footer strong{
  font:700 14px/1.2 var(--bp-sans)!important;
}
.bp-review-card footer span{
  color:#737a77;
  font:500 11px/1.2 var(--bp-sans)!important;
}

@media(max-width:991px){
  #main_menu .navbar-toggler,
  #main_menu .navbar-collapse{
    display:none!important;
  }
  .bp-mobile-nav-toggle{
    position:relative;
    z-index:72;
    flex:0 0 46px;
    width:46px;
    height:46px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin-left:auto;
    padding:0;
    border:1px solid rgba(13,26,23,.12);
    border-radius:50%;
    background:#fff;
  }
  .bp-mobile-nav-toggle span{
    width:19px;
    height:1.5px;
    display:block;
    background:#0c1714;
    transition:transform .2s ease,opacity .2s ease;
  }
  .bp-mobile-menu-open .bp-mobile-nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .bp-mobile-menu-open .bp-mobile-nav-toggle span:nth-child(2){opacity:0}
  .bp-mobile-menu-open .bp-mobile-nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .bp-mobile-nav-panel{
    position:absolute;
    top:72px;
    left:-18px;
    right:-18px;
    z-index:70;
    display:block;
    padding:10px 22px 22px;
    background:rgba(255,255,255,.985);
    box-shadow:0 20px 35px rgba(8,20,17,.14);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
  }
  .bp-mobile-menu-open .bp-mobile-nav-panel{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .bp-mobile-nav-panel a{
    min-height:49px;
    display:flex;
    align-items:center;
    padding:0 3px;
    border-bottom:1px solid rgba(18,28,25,.09);
    color:#111816;
    font:600 16px/1 var(--bp-sans)!important;
    text-decoration:none;
  }
  .bp-team-card{flex-basis:calc((100% - 66px)/4)}
  .bp-review-card{flex-basis:calc((100% - 22px)/2)}
}

@media(max-width:700px){
  #hero{
    background-position:54% center!important;
  }
  #hero::after{
    background:linear-gradient(90deg,rgba(247,243,236,.96) 0%,rgba(247,243,236,.84) 48%,rgba(247,243,236,.15) 88%),linear-gradient(0deg,rgba(247,243,236,.58),transparent 48%)!important;
  }
  .featured-properties{
    touch-action:pan-y;
  }
  .bp-carousel-header{
    display:block;
    margin-bottom:25px;
  }
  .bp-carousel-header h2{
    font-size:31px;
    line-height:1.12;
  }
  .bp-carousel-header h2 br{display:none}
  .bp-carousel-actions{
    margin-top:18px;
  }
  .bp-carousel-actions a,
  .bp-carousel-actions>span{
    flex:1;
    margin-right:4px;
    font-size:11px!important;
  }
  .bp-carousel-actions button{
    flex:0 0 40px;
    width:40px;
    height:40px;
  }
  .bp-team-section,
  .bp-reviews-section{
    padding:52px 0 46px!important;
  }
  .bp-team-track,
  .bp-review-track{
    margin-right:-22px;
    padding-right:22px;
  }
  .bp-team-card{
    flex:0 0 67vw;
    max-width:265px;
    min-width:0;
  }
  .bp-team-card h3{font-size:21px}
  .bp-team-card p{font-size:12px!important}
  .bp-review-card{
    flex:0 0 82vw;
    max-width:340px;
    min-width:0;
    min-height:310px;
    padding:26px 24px 23px;
  }
  .bp-review-card blockquote{
    font-size:17px;
    line-height:1.52;
  }
}
   GENERAL
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bp-cream) !important;
  color: var(--bp-ink) !important;
  -webkit-font-smoothing: antialiased;
  --header-height: 96px !important;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}

.container {
  max-width: 1380px !important;
}

/* =========================================================
   HEADER
   ========================================================= */

.header {
  background: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 92px !important;
  min-height: 92px !important;
  overflow: visible !important;
}

.header .top-head {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.header .top-head .user-content,
.header .top-head .search-input,
.header .top-head .header-search,
.header .top-head h6,
.header .top-head form {
  display: none !important;
}

.header > .container {
  max-width: 1380px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}

#main_menu {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  width: 100% !important;
  height: 92px !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#main_menu > .navbar-head {
  display: flex !important;
  flex: 0 0 230px !important;
  align-items: center !important;
  width: 230px !important;
  height: 92px !important;
  min-height: 92px !important;
  margin: 0 42px 0 0 !important;
  padding: 0 !important;
}

#main_menu .navbar-brand,
#main_menu .navbar-brand .user-content,
#main_menu .navbar-brand .user-content p {
  display: flex !important;
  align-items: center !important;
  width: 230px !important;
  height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Replace the obsolete/broken source with the official Blue Palm logo. */
#main_menu .navbar-brand img {
  display: none !important;
}

#main_menu .navbar-brand .user-content p::before {
  content: "" !important;
  display: block !important;
  width: 230px !important;
  height: 72px !important;
  background-image: url("https://assets.easybroker.com/organization_files/101739/bluepalm-logo-blue-v22.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

#main_menu .navbar-collapse {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: static !important;
  width: auto !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#main_menu .navbar-nav {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#main_menu .navbar-nav .nav-item {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#main_menu .navbar-nav .nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: auto !important;
  height: 92px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 15px !important;
  color: #171918 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .015em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#main_menu .navbar-nav .nav-link:hover {
  opacity: .58 !important;
}

#main_menu .navbar-nav .nav-item.active .nav-link,
#main_menu .navbar-nav .nav-item.active .nav-link:hover,
#main_menu .navbar-nav .nav-item.active .nav-link:focus {
  color: #171918 !important;
  background: transparent !important;
}

#main_menu .navbar-nav .nav-item.active .nav-link::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 24px !important;
  width: 18px !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: #171918 !important;
}

/* =========================================================
   HERO
   ========================================================= */

#hero {
  width: calc(100% - 64px) !important;
  max-width: 1530px !important;

  min-height: 690px !important;

  margin: 12px auto 0 !important;

  position: relative !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;

  background-size: cover !important;
  background-position: center !important;

  border-radius: 42px 0 42px 0 !important;
}

#hero::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background:
    linear-gradient(
      90deg,
      rgba(8,13,11,.58) 0%,
      rgba(8,13,11,.32) 40%,
      rgba(8,13,11,.08) 75%
    ) !important;

  border-radius: 42px 0 42px 0 !important;

  pointer-events: none !important;
}

#hero .container {
  width: 100% !important;
  max-width: 1380px !important;

  padding-left: 72px !important;
  padding-right: 72px !important;

  position: relative !important;
  z-index: 2 !important;
}

/* =========================================================
   HERO TEXT
   ========================================================= */

#hero .hero-title {
  width: 56% !important;
  max-width: 720px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}

#hero .hero-title::before {
  content: "BLUE PALM REAL ESTATE" !important;

  display: block !important;

  margin-bottom: 24px !important;

  color: rgba(255,255,255,.88) !important;

  font-family: Arial, sans-serif !important;

  font-size: 12px !important;
  font-weight: 600 !important;

  letter-spacing: .19em !important;
}

#hero .hero-title h1 {
  color: #fff !important;

  font-family: Georgia, "Times New Roman", serif !important;

  font-size: clamp(56px,5.4vw,82px) !important;
  line-height: .96 !important;
  font-weight: 400 !important;

  letter-spacing: -.045em !important;

  text-align: left !important;

  max-width: 680px !important;

  margin: 0 0 28px 0 !important;
}

#hero .user-content,
#hero .user-content p {
  max-width: 570px !important;

  color: rgba(255,255,255,.91) !important;

  font-family: Arial,sans-serif !important;

  font-size: 17px !important;
  line-height: 1.6 !important;

  text-align: left !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================================
   SEARCH
   ========================================================= */

.hero-search {
  width: calc(100% - 120px) !important;
  max-width: 1040px !important;

  margin: -42px auto 78px !important;

  padding: 10px !important;

  position: relative !important;
  z-index: 10 !important;

  background: rgba(255,255,255,.98) !important;

  border: 1px solid rgba(0,0,0,.05) !important;

  border-radius: 24px 0 24px 0 !important;

  box-shadow:
    0 22px 55px rgba(0,0,0,.13) !important;
}

.hero-search form,
#new_search {
  display: flex !important;
  align-items: stretch !important;
}

.hero-search .custom-select {
  flex: 1 !important;

  min-height: 62px !important;

  display: flex !important;
  align-items: center !important;

  background: #fff !important;

  border-right:
    1px solid rgba(18,23,21,.10) !important;

  padding: 0 20px !important;
}

.hero-search .btn,
.hero-search input[type="submit"] {
  min-height: 62px !important;

  padding: 0 38px !important;

  background: var(--bp-ink) !important;
  color: #fff !important;

  border: 0 !important;

  border-radius: 5px 0 18px 0 !important;

  font-family: Arial,sans-serif !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* =========================================================
   PROPERTY CARDS
   ========================================================= */

.thumbnail {
  background: #fff !important;

  border: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border-radius:
    32px
    0
    32px
    0 !important;

  box-shadow:
    0 8px 26px rgba(0,0,0,.055) !important;

  transition:
    transform .3s ease,
    box-shadow .3s ease !important;
}

.thumbnail:hover {
  transform: translateY(-5px) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.10) !important;
}

.thumbnail .title-image {
  overflow: hidden !important;

  border-radius:
    32px
    0
    0
    0 !important;
}

.thumbnail .title-image img {
  width: 100% !important;
  height: 265px !important;

  object-fit: cover !important;

  border-radius:
    32px
    0
    0
    0 !important;

  transition: transform .5s ease !important;
}

.thumbnail:hover .title-image img {
  transform: scale(1.035) !important;
}

.thumbnail .listing-type {
  background: var(--bp-ink) !important;
  color: #fff !important;

  border-radius:
    14px
    0
    14px
    0 !important;

  padding: 7px 12px !important;

  font-family: Arial,sans-serif !important;

  font-size: 10px !important;
  font-weight: 600 !important;

  letter-spacing: .08em !important;

  text-transform: uppercase !important;
}

.thumbnail .caption {
  padding: 20px 20px 23px !important;
}

.thumbnail h5 {
  color: var(--bp-ink) !important;

  font-family: Georgia,"Times New Roman",serif !important;

  font-size: 21px !important;
  font-weight: 400 !important;

  line-height: 1.2 !important;

  margin-bottom: 10px !important;
}

.thumbnail .caption,
.thumbnail .caption p,
.thumbnail .caption span {
  font-family: Arial,sans-serif !important;
}

/* =========================================================
   FOOTER
   ========================================================= */

footer,
.site-footer {
  background: var(--bp-ink) !important;
  color: rgba(255,255,255,.8) !important;
}

footer a,
.site-footer a {
  color: rgba(255,255,255,.75) !important;
}

footer a:hover,
.site-footer a:hover {
  color: #fff !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

  body {
    --header-height: 78px !important;
  }

  #main_menu,
  #main_menu > .navbar-head,
  #main_menu .navbar-head {
    min-height: 78px !important;
  }

  #main_menu .navbar-brand {
    width: 160px !important;
    min-width: 160px !important;

    height: 78px !important;

    margin-right: 20px !important;
  }

  #main_menu .navbar-brand img {
    width: 150px !important;
    max-width: 150px !important;
    max-height: 54px !important;
  }
}

@media (max-width: 767px) {

  #hero {
    width: calc(100% - 24px) !important;

    min-height: 590px !important;

    border-radius:
      26px
      0
      26px
      0 !important;
  }

  #hero::after {
    background:
      linear-gradient(
        90deg,
        rgba(8,13,11,.68),
        rgba(8,13,11,.30)
      ) !important;

    border-radius:
      26px
      0
      26px
      0 !important;
  }

  #hero .container {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  #hero .hero-title {
    width: 100% !important;
  }

  #hero .hero-title h1 {
    font-size: 48px !important;
  }

  #hero .user-content,
  #hero .user-content p {
    font-size: 15px !important;
  }

  .hero-search {
    width: calc(100% - 36px) !important;

    margin:
      -32px
      auto
      55px !important;

    border-radius:
      20px
      0
      20px
      0 !important;
  }

  .hero-search form,
  #new_search {
    flex-direction: column !important;
  }

  .hero-search .custom-select {
    width: 100% !important;

    border-right: 0 !important;

    border-bottom:
      1px solid rgba(18,23,21,.10) !important;
  }

  .hero-search .btn,
  .hero-search input[type="submit"] {
    width: 100% !important;

    border-radius:
      0
      0
      18px
      0 !important;
  }

  .thumbnail {
    border-radius:
      24px
      0
      24px
      0 !important;
  }

  .thumbnail .title-image,
  .thumbnail .title-image img {
    border-radius:
      24px
      0
      0
      0 !important;
  }
}
/* =========================================================
   V8 — COMPLETE HOMEPAGE COMPOSITION
   ========================================================= */

@media (min-width: 992px) {
  .hero-container {
    position: relative !important;
    z-index: 30 !important;
    height: 0 !important;
  }

  .header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.58) 72%, rgba(255,255,255,0)) !important;
    z-index: 30 !important;
  }

  #main_menu .navbar-nav {
    margin-left: auto !important;
  }
}

#hero {
  width: 100% !important;
  max-width: none !important;
  min-height: 680px !important;
  margin: 0 auto !important;
  padding-top: 126px !important;
  background-image: url("https://inmobiliaria-de-kevin-david-grossman-gonzalez.easybroker.com/themes/frutillar/built_in_images/main.jpg") !important;
  background-position: center center !important;
  border-radius: 0 !important;
}

#hero::after {
  background: linear-gradient(90deg, rgba(9,16,18,.58) 0%, rgba(9,16,18,.30) 38%, rgba(9,16,18,.04) 70%) !important;
  border-radius: 0 !important;
}

#hero .container {
  max-width: 1380px !important;
  padding-left: 52px !important;
  padding-right: 52px !important;
}

#hero .hero-title {
  width: 50% !important;
  max-width: 620px !important;
}

#hero .hero-title::before {
  content: "MEXICO REAL ESTATE" !important;
  margin-bottom: 16px !important;
  font-size: 11px !important;
  letter-spacing: .24em !important;
}

#hero .hero-title h1 {
  max-width: 610px !important;
  margin-bottom: 22px !important;
  font-size: clamp(54px, 5vw, 76px) !important;
  line-height: .99 !important;
}

#hero .hero-title > .user-content:last-child p {
  max-width: 555px !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.hero-search-container {
  position: relative !important;
  z-index: 12 !important;
}

.hero-search {
  max-width: 1180px !important;
  width: calc(100% - 80px) !important;
  margin: -48px auto 78px !important;
  padding: 10px !important;
  border-radius: 28px 0 28px 0 !important;
  box-shadow: 0 22px 58px rgba(10,20,18,.16) !important;
}

.hero-search .custom-select {
  min-height: 64px !important;
}

.hero-search input[type="submit"] {
  min-width: 245px !important;
  min-height: 64px !important;
  border-radius: 5px 0 20px 0 !important;
}

.bp-section {
  padding: 0 0 76px !important;
  background: var(--bp-cream) !important;
}

.bp-section-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 34px;
}

.bp-section-kicker {
  margin: 0 0 9px;
  color: #59615f;
  font: 600 11px/1.2 Arial, sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.bp-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 36px;
  margin-bottom: 28px;
}

.bp-section-head h2 {
  max-width: 610px;
  margin: 0;
  color: var(--bp-ink);
  font-size: clamp(37px, 4vw, 54px) !important;
  line-height: 1.02;
  letter-spacing: -.035em;
}

.bp-section-head p {
  max-width: 470px;
  margin: 0;
  color: #555c59;
  font: 400 15px/1.55 Arial, sans-serif;
}

.bp-destination-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.bp-destination-card {
  position: relative;
  min-height: 284px;
  overflow: hidden;
  color: #fff !important;
  background-image: url("https://cdn.kimkim.com/files/a/images/b29c298106a486563871d2d2f8e11824b48d2206/original-15ed2b8a0fa8e918e3c240142db09a01.jpg");
  background-repeat: no-repeat;
  background-size: 500% 100%;
  border-radius: 38px 0 38px 0;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(12,20,18,.08);
  transition: transform .28s ease, box-shadow .28s ease;
}

.bp-destination-card { background-size: cover; background-position: center; }
.bp-destination-card:nth-child(1) { background-image: url("https://cdn.kimkim.com/files/a/images/b29c298106a486563871d2d2f8e11824b48d2206/original-15ed2b8a0fa8e918e3c240142db09a01.jpg"); }
.bp-destination-card:nth-child(2) { background-image: url("https://thecancunsun.com/wp-content/uploads/2023/05/Akumal-And-Playacar-Are-Officially-Among-The-Most-Popular-Destination-In-Mexico-Heres-Why-1200x800-1.jpg"); }
.bp-destination-card:nth-child(3) { background-image: url("https://touristjourney.com/wp-content/uploads/2021/04/Join-our-6-Day-Secrets-of-Los-Cabos-Tour-Package.jpg"); }
.bp-destination-card:nth-child(4) { background-image: url("https://cdn.durable.co/getty/exE5fwqkcSNaPfdsWH3JGWKEDxOx8x3iwZrvYpYMxLE09EPf5D1jyHeHFGPn5Ev8.jpeg"); }
.bp-destination-card:nth-child(5) { background-image: url("https://cache.marriott.com/content/dam/marriott-renditions/MEXIS/mexis-attraction-glorieta-4390-hor-clsc.jpg?downsize=1336px:*&interpolation=progressive-bilinear&output-quality=70"); }

.bp-destination-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5,12,13,0) 35%, rgba(5,12,13,.76) 100%);
}

.bp-destination-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(12,20,18,.14);
}

.bp-destination-card span {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 2;
  padding-bottom: 10px;
  color: #fff;
  font: 400 24px/1.1 Georgia, "Times New Roman", serif;
  border-bottom: 1px solid rgba(255,255,255,.7);
}

.featured-grid {
  padding: 74px 0 80px !important;
  background: #fff !important;
}

.featured-grid > .container {
  max-width: 1240px !important;
  padding: 0 34px !important;
}

.featured-grid h4 {
  margin-bottom: 26px !important;
  color: var(--bp-ink) !important;
  font-size: clamp(36px, 4vw, 50px) !important;
  line-height: 1.04 !important;
  text-transform: none !important;
}

.featured-properties > .container {
  max-width: none !important;
  padding: 0 !important;
}

.featured-properties > .container > .row {
  margin-right: -8px !important;
  margin-left: -8px !important;
}

.featured-properties > .container > .row > [class*="col-"] {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  padding: 8px !important;
}

.thumbnail {
  height: 100% !important;
  border-radius: 30px 0 30px 0 !important;
}

.thumbnail .title-image,
.thumbnail .title-image img {
  height: 224px !important;
  border-radius: 30px 0 0 0 !important;
}

.thumbnail .title-image h5 {
  padding: 12px 16px !important;
  background: linear-gradient(0deg, rgba(5,12,13,.78), rgba(5,12,13,0)) !important;
}

.thumbnail .caption {
  min-height: 112px !important;
  padding: 17px 17px 20px !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.thumbnail .main-features {
  margin-top: 15px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--bp-line) !important;
  color: #626966 !important;
  font-size: 12px !important;
}

.welcome-message {
  display: none !important;
}

.bp-value-section {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.bp-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 28px;
  margin-top: 34px;
}

.bp-value-item {
  padding-top: 20px;
  border-top: 1px solid var(--bp-line);
}

.bp-value-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 17px;
  border: 1px solid #17201e;
  border-radius: 16px 0 16px 0;
  font: 500 15px/1 Arial, sans-serif;
}

.bp-value-item h3 {
  margin: 0 0 8px;
  font: 600 15px/1.25 Arial, sans-serif !important;
}

.bp-value-item p {
  margin: 0;
  color: #606764;
  font: 400 13px/1.5 Arial, sans-serif;
}

.bp-cta {
  position: relative;
  overflow: hidden;
  padding: 64px 0;
  color: #fff;
  background-image: linear-gradient(90deg, rgba(8,18,22,.82), rgba(8,18,22,.34)), url("https://inmobiliaria-de-kevin-david-grossman-gonzalez.easybroker.com/themes/frutillar/built_in_images/main.jpg");
  background-size: cover;
  background-position: center 62%;
}

.bp-cta h2 {
  max-width: 570px;
  margin: 0 0 15px;
  color: #fff;
  font-size: clamp(38px,4vw,54px) !important;
  line-height: 1.02;
}

.bp-cta p {
  max-width: 520px;
  margin-bottom: 24px;
  font: 400 15px/1.5 Arial,sans-serif;
}

.bp-cta-button {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 20px;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 16px 0 16px 0;
  font: 600 12px/1 Arial,sans-serif;
  letter-spacing: .06em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.footer {
  padding-top: 36px !important;
  background: #0d171a !important;
}

@media (max-width: 1100px) {
  .featured-properties > .container > .row > [class*="col-"] {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .bp-destination-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .bp-destination-card { min-height: 310px; }
}

@media (max-width: 767px) {
  .hero-container { height: auto !important; }
  .header { position: relative !important; height: 78px !important; }
  #hero { min-height: 610px !important; padding-top: 70px !important; }
  #hero .hero-title { width: 100% !important; }
  #hero .hero-title h1 { font-size: 46px !important; }
  .hero-search { width: calc(100% - 28px) !important; }
  .bp-section-inner { padding: 0 20px; }
  .bp-section-head { display: block; }
  .bp-section-head p { margin-top: 18px; }
  .bp-destination-grid { grid-template-columns: 1fr 1fr; }
  .bp-destination-card { min-height: 245px; }
  .featured-properties > .container > .row > [class*="col-"] {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .bp-value-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .bp-destination-grid,
  .bp-value-grid { grid-template-columns: 1fr; }
  .bp-destination-card { min-height: 270px; }
}

/* =========================================================
   V16 — CLEAN AUTHORITATIVE OVERRIDES
   ========================================================= */
:root { --bp-serif:'Libre Baskerville',Georgia,'Times New Roman',serif; --bp-sans:'DM Sans',Arial,sans-serif; }
body,p,a,button,select,input { font-family:var(--bp-sans) !important; }
h1,h2,h3,h4,h5,.bp-destination-card span { font-family:var(--bp-serif) !important; }

@media(min-width:992px){
  #main_menu>.navbar-head{flex-basis:250px!important;width:250px!important;margin-right:28px!important}
  #main_menu .navbar-brand,#main_menu .navbar-brand .user-content,#main_menu .navbar-brand .user-content p{width:238px!important}
  #main_menu .navbar-brand .user-content p::before{width:238px!important}
  #main_menu .navbar-nav .nav-link{padding:0 17px!important;font:500 15px/1 var(--bp-sans)!important;letter-spacing:0!important}
}

#hero{min-height:650px!important;padding-top:104px!important;background-image:url('https://assets.easybroker.com/organization_files/101739/bluepalm-hero-reference-v2.jpg')!important;background-position:center 56%!important;border-radius:0!important}
#hero::after{background:linear-gradient(90deg,rgba(246,242,235,.82) 0%,rgba(246,242,235,.54) 30%,rgba(246,242,235,.03) 62%)!important;border-radius:0!important}
#hero .hero-title{width:47%!important;max-width:600px!important}
#hero .hero-title::before{color:#222a29!important;font:500 11px/1 var(--bp-sans)!important;letter-spacing:.24em!important}
#hero .hero-title h1{max-width:590px!important;color:#121715!important;font-family:var(--bp-serif)!important;font-size:clamp(52px,4.35vw,65px)!important;font-weight:500!important;line-height:1.085!important;letter-spacing:-.038em!important}
#hero .hero-title>.user-content:last-child p{display:flex;flex-wrap:wrap;gap:5px 12px;color:#1e2524!important;font:600 11px/1.35 var(--bp-sans)!important;letter-spacing:.15em!important;text-transform:uppercase}
#hero .hero-title>.user-content:last-child i{font-style:normal;opacity:.45}
.bp-hero-signature{position:absolute;right:54px;bottom:154px;z-index:3;display:grid;grid-template-columns:auto 38px;gap:8px 13px;align-items:center;color:#fff;font:600 10px/1 var(--bp-sans);letter-spacing:.19em}
.bp-hero-signature span{grid-row:1/3}.bp-hero-signature i{display:block;width:38px;height:1px;background:rgba(255,255,255,.85)}

.hero-search{max-width:1320px!important;width:calc(100% - 108px)!important;margin:-31px auto 44px!important;padding:0 18px 16px!important;overflow:visible!important;border-radius:28px!important;box-shadow:0 22px 58px rgba(10,20,18,.16)!important}
#new_search.bp-search-form{position:relative;display:grid!important;grid-template-columns:1.05fr 1fr 1fr 188px!important;align-items:end!important;gap:16px!important;padding-top:38px}
.bp-search-tabs{position:absolute;top:-32px;left:4px;display:flex;align-items:flex-end;height:50px}
.bp-search-tabs button{min-width:132px;height:50px;padding:0 24px;border:0;border-radius:14px 14px 0 0;background:#eeeae4;color:#656967;font-size:14px}
.bp-search-tabs button.is-active{background:#fff;color:#121715;font-weight:600}
.bp-field{min-width:0;padding:0!important;background:transparent!important;border:0!important}.bp-field label{display:block;margin:0 0 8px 2px;color:#606563;font-size:12px;font-weight:500}.bp-field select{width:100%;height:54px;padding:0 14px;color:#323735;background:#fff;border:1px solid #dfe1de;border-radius:5px;font-size:13px;appearance:auto}
#new_search.bp-search-form .bp-search-button{width:100%!important;min-width:188px!important;height:54px!important;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 24px!important;border:0;border-radius:7px 0 15px 0;color:#fff;background:#101817;font-size:14px;font-weight:600}
.bp-search-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}

.bp-section-inner,.featured-grid>.container{max-width:1370px!important;padding-left:54px!important;padding-right:54px!important}
.bp-destinations{padding-top:0!important;padding-bottom:56px!important}.bp-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.bp-topline a{color:#171d1b;font-size:12px;font-weight:500;text-decoration:none}.bp-section-kicker{font:600 10px/1.2 var(--bp-sans)!important;letter-spacing:.24em!important}.bp-section-head{margin-bottom:25px!important;align-items:center!important}.bp-section-head h2{max-width:700px!important;font-family:var(--bp-serif)!important;font-size:42px!important;font-weight:600!important;line-height:1!important;letter-spacing:-.035em!important}.bp-section-head p{max-width:455px!important;font-size:13px!important;line-height:1.45!important}
.bp-destination-grid{gap:14px!important}.bp-destination-card{min-height:250px!important;border-radius:38px 0 38px 0!important}.bp-destination-card span{right:auto!important;width:40px!important;min-width:40px;padding-right:0!important;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.82)!important;font-family:var(--bp-serif)!important;font-size:27px!important;font-weight:500!important;text-shadow:0 1px 8px rgba(0,0,0,.32)}

.featured-grid{padding:40px 0 58px!important}.bp-featured-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.featured-grid h4{margin:0!important;text-align:left!important;font-family:var(--bp-serif)!important;font-size:38px!important;font-weight:600!important;line-height:1.05!important;letter-spacing:-.025em!important}.featured-grid h4::before,.featured-grid h4::after{display:none!important;content:none!important}.bp-featured-actions{display:flex;align-items:center;gap:10px}.bp-featured-actions a{margin-right:8px;color:#151b19;font:500 11px/1 var(--bp-sans)!important;text-decoration:none}.bp-featured-actions button{width:43px;height:43px;display:grid;place-items:center;padding:0 0 4px;border:1px solid #d6d8d4;border-radius:50%;color:#171d1b;background:#fff;font:400 29px/1 var(--bp-serif);transition:.2s ease}.bp-featured-actions button:hover{color:#fff;background:#121918;border-color:#121918}
.featured-properties>.container>.row>[class*='col-']{flex:0 0 25%!important;max-width:25%!important;padding:7px!important}.featured-properties>.container>.row>[class*='col-']{display:none!important}.featured-properties>.container>.row>.bp-card-active{display:block!important}.featured-properties>.container>.row>.bp-card-hidden{display:none!important}
.bp-property-card{height:100%!important;border:1px solid rgba(18,23,21,.07)!important;border-radius:28px 0 28px 0!important;box-shadow:0 7px 18px rgba(18,23,21,.06)!important}.bp-property-card .title-image,.bp-property-card .title-image img{height:190px!important;border-radius:28px 0 0 0!important}.bp-property-card .title-image{position:relative}.bp-property-card .listing-type{display:none!important}.bp-card-tag{position:absolute;z-index:3;top:12px;left:12px;display:inline-flex!important;padding:6px 11px;color:#18201e;background:rgba(255,255,255,.94);border-radius:15px;font:600 10px/1 var(--bp-sans);letter-spacing:.04em}
.bp-property-card .caption{display:flex!important;flex-direction:column;min-height:195px!important;padding:14px 16px 16px!important;color:#1c2220!important;font-family:var(--bp-serif)!important;font-size:17px!important;font-weight:600!important;line-height:1.18!important;letter-spacing:-.012em!important}.bp-property-card .bp-card-price,.bp-property-card .bp-card-price .listing-type-price{display:block!important;position:static!important;margin:12px 0 8px!important;color:#171d1b!important;font-family:var(--bp-sans)!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important}.bp-card-location{order:3;display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid #dedfdb;border-bottom:1px solid #dedfdb;color:#606562;font:600 10px/1 var(--bp-sans);letter-spacing:.11em}.bp-card-location svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.bp-property-card .main-features{order:4!important;display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start;gap:15px;padding-top:9px!important;border-top:0!important}.bp-property-card .main-features>div{display:flex;align-items:center;gap:5px;padding:0!important;color:#4d5350;font:500 13px/1 var(--bp-sans)!important;white-space:nowrap}.bp-property-card .main-features svg{width:19px;height:19px;fill:none;stroke:#4e5552;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

.bp-value-section{padding:8px 0 42px!important}.bp-value-section .bp-section-head{margin-bottom:30px!important}.bp-value-section .bp-section-head h2{font-family:var(--bp-serif)!important;font-size:37px!important;font-weight:600!important}.bp-value-grid{gap:28px!important}.bp-value-item{display:flex!important;align-items:flex-start;gap:17px!important}.bp-value-icon,.bp-value-icon::before,.bp-value-icon::after{flex:0 0 48px!important;width:48px;height:48px;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.bp-value-icon svg{display:block;width:48px!important;height:48px!important;fill:none;stroke:#0c1311!important;stroke-width:1.85!important;stroke-linecap:round;stroke-linejoin:round}.bp-value-item h3{margin-top:2px!important;font-family:var(--bp-sans)!important;font-size:13px!important;font-weight:600!important}.bp-value-item p{font-size:11.5px!important;line-height:1.4!important}

.bp-cta{position:relative;min-height:255px!important;padding:34px 0!important;background-image:linear-gradient(90deg,rgba(9,25,32,.82),rgba(9,25,32,.22)),url('https://assets.easybroker.com/organization_files/101739/bluepalm-hero-reference-v2.jpg')!important;background-position:center 66%!important}.bp-cta h2{margin-bottom:10px!important;font-family:var(--bp-serif)!important;font-size:37px!important;font-weight:500!important;line-height:1.02!important}.bp-cta p{margin-bottom:16px!important;font-size:13px!important}.bp-cta-button{display:inline-flex!important;align-items:center;gap:9px;padding:12px 19px!important;border-radius:6px 0 12px 0!important;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase}.bp-cta-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.bp-cta-note{position:absolute;right:60px;bottom:45px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.5}

.footer{min-height:86px!important;padding:0!important;background:#081315!important;color:#fff!important}.bp-footer-inner{min-height:86px;max-width:1370px;margin:0 auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between;gap:34px}.bp-footer-brand{width:190px;height:52px;display:flex;align-items:center;overflow:hidden}.bp-footer-brand img{width:190px;height:72px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.bp-footer-inner nav{display:flex;align-items:center;gap:29px}.bp-footer-inner nav a,.bp-footer-side a{color:rgba(255,255,255,.78)!important;font:400 10px/1 var(--bp-sans)!important;text-decoration:none!important}.bp-footer-side{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.86);font-size:10px}.bp-footer-side>a[aria-label]{width:24px;height:24px;display:grid;place-items:center;color:#fff!important;border-radius:50%;font:600 10px/1 var(--bp-sans)!important}.bp-footer-side>a[aria-label]:hover{background:rgba(255,255,255,.14)}.bp-footer-side i{width:1px;height:18px;margin:0 9px;background:rgba(255,255,255,.35)}.bp-footer-side b{font-weight:400;opacity:.45}

@media(max-width:991px){#hero{min-height:590px!important;background-position:63% center!important}#new_search.bp-search-form{grid-template-columns:1fr 1fr!important}.bp-hero-signature{display:none!important}.bp-section-inner,.featured-grid>.container{padding-left:24px!important;padding-right:24px!important}.bp-cta-note{display:none}.featured-properties>.container>.row>[class*='col-']{flex:0 0 50%!important;max-width:50%!important}.bp-footer-inner{padding:28px 24px;flex-direction:column;align-items:flex-start}.bp-footer-inner nav{flex-wrap:wrap;gap:14px 22px}}
@media(max-width:600px){.hero-search{width:calc(100% - 28px)!important;padding:0 14px 14px!important}#new_search.bp-search-form{display:flex!important;flex-direction:column!important;gap:12px!important;padding-top:40px}.bp-search-form>*{width:100%}.bp-search-tabs{width:auto}.bp-search-tabs button{min-width:112px}.bp-search-button{min-width:0!important}.bp-section-head h2{font-size:36px!important}.bp-destination-grid{grid-template-columns:1fr 1fr}.bp-destination-card{min-height:220px!important}.featured-properties>.container>.row>[class*='col-']{flex:0 0 100%!important;max-width:100%!important}.bp-featured-header{display:block}.bp-featured-actions{margin-top:18px}.bp-featured-actions a{margin-right:auto}}

/* V17 — align featured heading with content grid */
.featured-grid>.bp-featured-header{max-width:1370px!important;margin:0 auto 26px!important;padding-left:54px!important;padding-right:54px!important}
@media(max-width:991px){.featured-grid>.bp-featured-header{padding-left:24px!important;padding-right:24px!important}}

/* =========================================================
   V18 — EDITORIAL TYPE, BRANDED SOCIALS & MOBILE REBUILD
   ========================================================= */
.bp-property-card .caption{
  font-family:var(--bp-serif)!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.bp-property-card .bp-card-price,
.bp-property-card .bp-card-price .listing-type-price{
  font-family:var(--bp-sans)!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
.bp-section-head h2,.featured-grid h4,.bp-value-section .bp-section-head h2{
  font-family:var(--bp-serif)!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
}
.bp-destination-card span{font-family:var(--bp-serif)!important;font-weight:700!important;letter-spacing:-.04em!important}

#hero .hero-title h1{
  font-family:var(--bp-serif)!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
}
.bp-cta h2{font-family:var(--bp-serif)!important;font-weight:700!important;letter-spacing:-.035em!important}

.bp-socials{gap:11px!important}
.bp-footer-side>a.bp-social{
  width:30px!important;
  height:30px!important;
  overflow:hidden;
  border-radius:8px!important;
  transition:transform .2s ease,filter .2s ease!important;
}
.bp-footer-side>a.bp-social:hover{transform:translateY(-2px);filter:brightness(1.08)}
.bp-social svg{display:block;width:20px;height:20px}
.bp-instagram{background:radial-gradient(circle at 31% 107%,#ffd600 0 18%,#ff7a00 30%,#ff0169 54%,#d300c5 72%,#7638fa 100%)!important}
.bp-instagram svg{fill:none;stroke:#fff;stroke-width:1.75}.bp-instagram .bp-social-dot{fill:#fff;stroke:none}
.bp-facebook{background:#1877f2!important}.bp-facebook svg{fill:#fff}
.bp-youtube{background:#ff0033!important}.bp-youtube svg>path:first-child{fill:#fff}.bp-youtube .bp-youtube-play{fill:#ff0033}
.bp-tiktok{background:#050505!important;box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55}.bp-tiktok svg{fill:#fff}

@media(max-width:991px){
  html,body{max-width:100%;overflow-x:hidden}
  body{--header-height:72px!important}
  .header{position:relative!important;height:72px!important;min-height:72px!important;background:#fff!important;box-shadow:0 1px 0 rgba(18,23,21,.08)!important;z-index:50!important}
  .header>.container{padding:0 18px!important}
  #main_menu{position:relative!important;height:72px!important;min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  #main_menu>.navbar-head,#main_menu .navbar-head{flex:1 1 auto!important;width:auto!important;height:72px!important;min-height:72px!important;margin:0!important}
  #main_menu .navbar-brand,#main_menu .navbar-brand .user-content,#main_menu .navbar-brand .user-content p{width:178px!important;height:62px!important;margin:0!important}
  #main_menu .navbar-brand .user-content p::before{width:178px!important;height:62px!important;background-position:left center!important}
  #main_menu .navbar-toggler{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin-left:auto!important;padding:8px!important;border:0!important;background:transparent!important}
  #main_menu .navbar-collapse{position:absolute!important;top:72px!important;left:-18px!important;right:-18px!important;width:auto!important;height:auto!important;min-height:0!important;padding:12px 20px 20px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 18px 35px rgba(9,20,18,.12)!important;z-index:60!important}
  #main_menu .navbar-collapse:not(.show){display:none!important}
  #main_menu .navbar-collapse.show{display:block!important}
  #main_menu .navbar-nav{display:block!important;width:100%!important;margin:0!important}
  #main_menu .navbar-nav .nav-item{width:100%!important;height:auto!important}
  #main_menu .navbar-nav .nav-link{justify-content:flex-start!important;width:100%!important;height:48px!important;padding:0 4px!important;font:600 16px/1 var(--bp-sans)!important;border-bottom:1px solid rgba(18,23,21,.08)!important}
  #main_menu .navbar-nav .nav-item.active .nav-link::after{display:none!important}

  #hero{min-height:580px!important;padding:70px 0 84px!important;background-position:66% center!important;align-items:flex-end!important}
  #hero::after{background:linear-gradient(90deg,rgba(247,243,236,.9) 0%,rgba(247,243,236,.72) 45%,rgba(247,243,236,.05) 86%),linear-gradient(0deg,rgba(247,243,236,.55),transparent 45%)!important}
  #hero .container{padding:0 24px!important}
  #hero .hero-title{width:100%!important;max-width:520px!important}
  #hero .hero-title::before{margin-bottom:14px!important;font-size:10px!important}
  #hero .hero-title h1{max-width:470px!important;margin-bottom:20px!important;font-size:clamp(43px,8.2vw,58px)!important;line-height:1.08!important;letter-spacing:-.045em!important}
  #hero .hero-title>.user-content:last-child p{max-width:440px!important;font-size:10.5px!important;gap:5px 9px!important;line-height:1.4!important}
  .bp-hero-signature{display:none!important}

  .hero-search-container{z-index:20!important}
  .hero-search{width:calc(100% - 28px)!important;max-width:720px!important;margin:-42px auto 58px!important;padding:0 16px 18px!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(10,20,18,.16)!important}
  #new_search.bp-search-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding-top:38px!important}
  .bp-search-tabs{top:-30px!important;left:2px!important;height:48px!important}
  .bp-search-tabs button{height:48px!important;min-width:122px!important;padding:0 18px!important;font-size:13px!important}
  .bp-field label{font-size:12px!important}
  .bp-field select{height:52px!important;font-size:14px!important}
  #new_search.bp-search-form .bp-search-button{grid-column:1/-1;min-width:0!important;height:54px!important;border-radius:7px 0 15px 0!important;font-size:15px!important}

  .bp-section-inner,.featured-grid>.container,.featured-grid>.bp-featured-header{padding-left:22px!important;padding-right:22px!important}
  .bp-section-head{display:block!important;margin-bottom:24px!important}
  .bp-section-head h2{max-width:720px!important;font-size:40px!important;line-height:1.02!important}
  .bp-section-head p{margin-top:16px!important;font-size:14px!important}
  .bp-destination-grid{display:flex!important;gap:14px!important;overflow-x:auto!important;padding:2px 22px 18px!important;margin-left:-22px!important;margin-right:-22px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .bp-destination-grid::-webkit-scrollbar{display:none}
  .bp-destination-card{flex:0 0 44vw!important;min-height:290px!important;scroll-snap-align:start}
  .bp-destination-card span{font-size:26px!important}

  .featured-grid{padding:48px 0 58px!important}
  .bp-featured-header{align-items:center!important}
  .featured-grid h4{font-size:39px!important}
  .featured-properties>.container>.row>[class*='col-']{flex:0 0 50%!important;max-width:50%!important}
  .bp-property-card .title-image,.bp-property-card .title-image img{height:220px!important}
  .bp-property-card .caption{min-height:204px!important;font-size:19px!important;padding:16px 17px 18px!important}
  .bp-property-card .bp-card-price,.bp-property-card .bp-card-price .listing-type-price{font-size:16.5px!important}
  .bp-property-card .main-features>div{font-size:13px!important}

  .bp-value-grid{grid-template-columns:1fr 1fr!important;gap:24px 30px!important}
  .bp-value-item{border-top:0!important;padding-top:0!important}
  .bp-value-icon svg{width:44px!important;height:44px!important}
  .bp-value-item h3{font-size:14px!important}.bp-value-item p{font-size:13px!important}

  .bp-cta{min-height:310px!important;padding:48px 0!important;background-position:68% center!important}
  .bp-cta .bp-section-inner{position:relative;z-index:2}
  .bp-cta h2{max-width:520px!important;font-size:39px!important;line-height:1.04!important}
  .bp-cta p{font-size:14px!important}
  .bp-cta-note{display:none!important}
  .bp-footer-inner{padding:28px 24px 32px!important;gap:23px!important;align-items:flex-start!important}
  .bp-footer-inner nav{gap:15px 24px!important}
  .bp-footer-inner nav a{font-size:12px!important}
  .bp-footer-side>a.bp-social{width:32px!important;height:32px!important}
}

@media(max-width:700px){
  #hero{min-height:540px!important;padding:56px 0 88px!important;background-position:67% center!important}
  #hero .container{padding:0 20px!important}
  #hero .hero-title h1{font-size:42px!important;line-height:1.075!important}
  .hero-search{margin-top:-34px!important}
  #new_search.bp-search-form{display:flex!important;flex-direction:column!important;gap:12px!important;padding-top:40px!important}
  .bp-search-form>*{width:100%!important}
  .bp-search-tabs{width:auto!important}
  .bp-search-tabs button{min-width:110px!important}
  #new_search.bp-search-form .bp-search-button{width:100%!important;min-width:0!important}
  .bp-topline{align-items:flex-start!important;gap:18px!important}.bp-topline a{max-width:150px;text-align:right;line-height:1.3!important}
  .bp-section-head h2{font-size:35px!important;line-height:1.04!important}
  .bp-section-head h2 br{display:none}
  .bp-destination-card{flex-basis:76vw!important;min-height:300px!important}
  .bp-featured-header{display:flex!important;align-items:flex-end!important;gap:16px!important}
  .featured-grid h4{font-size:34px!important;line-height:1.02!important}
  .bp-featured-actions{flex:0 0 auto!important;margin:0!important}.bp-featured-actions a{display:none!important}
  .bp-featured-actions button{width:40px!important;height:40px!important}
  .featured-properties>.container>.row{margin:0!important}
  .featured-properties>.container>.row>[class*='col-']{flex:0 0 100%!important;max-width:100%!important;padding:0!important}
  .bp-property-card{max-width:430px!important;margin:0 auto!important}
  .bp-property-card .title-image,.bp-property-card .title-image img{height:255px!important}
  .bp-property-card .caption{min-height:205px!important;font-size:20px!important}
  .bp-property-card .main-features{gap:12px!important;justify-content:space-between!important}
  .bp-property-card .main-features>div{font-size:13px!important}
  .bp-value-section{padding-top:18px!important}.bp-value-grid{grid-template-columns:1fr!important;gap:24px!important}
  .bp-value-item{gap:18px!important}.bp-value-item h3{font-size:15px!important}.bp-value-item p{font-size:13px!important}
  .bp-cta{min-height:350px!important;padding:54px 0!important;background-position:70% center!important}
  .bp-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,24,.9),rgba(7,19,24,.42))}
  .bp-cta h2{font-size:34px!important}.bp-cta p br{display:none}
  .bp-cta-button{min-height:50px!important;font-size:12px!important}
  .bp-footer-inner{align-items:center!important;text-align:center!important}
  .bp-footer-brand{width:210px!important}.bp-footer-brand img{width:210px!important;filter:none!important}
  .bp-footer-inner nav{justify-content:center!important}
  .bp-socials{justify-content:center!important}
}

@media(max-width:380px){
  #hero .hero-title h1{font-size:37px!important}
  .bp-section-head h2,.featured-grid h4{font-size:31px!important}
  .bp-search-tabs button{min-width:102px!important;padding:0 12px!important}
  .bp-property-card .main-features>div{font-size:12px!important}
}

/* =========================================================
   V20 — TARGETED POLISH
   ========================================================= */
#hero .hero-title h1{
  line-height:1.145!important;
}
.bp-destination-card:nth-child(5) span{
  max-width:calc(100% - 28px)!important;
  font-size:21px!important;
  letter-spacing:-.045em!important;
}
.bp-property-card-link{
  cursor:pointer!important;
}
.bp-property-card-link:focus-visible{
  outline:2px solid #18201e!important;
  outline-offset:4px!important;
}
.bp-diamond-icon svg{
  width:51px!important;
  height:51px!important;
  stroke-width:2.05!important;
}
@media(max-width:700px){
  #hero .hero-title h1{line-height:1.13!important}
  .bp-destination-card:nth-child(5) span{font-size:20px!important}
}

/* =========================================================
   V21 — MOBILE RHYTHM, READABILITY AND DESTINATION CAROUSEL
   ========================================================= */
@media(max-width:700px){
  /* Keep the search close to the following section. */
  .hero-search{
    margin-bottom:28px!important;
  }
  .bp-destinations{
    padding-top:0!important;
  }

  /* Prevent tight display tracking from visually joining words. */
  .bp-section-head h2,
  .featured-grid h4,
  .bp-value-section .bp-section-head h2,
  .bp-cta h2{
    letter-spacing:-.018em!important;
    word-spacing:.11em!important;
  }
  .bp-section-head p,
  .bp-cta p{
    letter-spacing:0!important;
    word-spacing:.09em!important;
  }

  /* Begin inside the page gutter and reveal part of the next destination. */
  .bp-destination-grid{
    margin-left:0!important;
    margin-right:-22px!important;
    padding:2px 22px 18px 0!important;
    scroll-padding-left:0!important;
  }
  .bp-destination-card{
    flex:0 0 67vw!important;
    max-width:280px!important;
    min-height:270px!important;
  }

  /* Render the same official logo cleanly at mobile scale. */
  #main_menu .navbar-brand,
  #main_menu .navbar-brand .user-content,
  #main_menu .navbar-brand .user-content p{
    width:168px!important;
  }
  #main_menu .navbar-brand .user-content p::before{
    width:168px!important;
    filter:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  .bp-footer-brand{
    width:210px!important;
    height:58px!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .bp-footer-brand img{
    width:210px!important;
    height:58px!important;
    object-fit:contain!important;
    filter:none!important;
    box-shadow:none!important;
  }

  /* Supply a real, protected space when the desktop line break is hidden. */
  .bp-mobile-word-space::before{
    content:"\00a0"!important;
  }

  /* Keep the long destination heading readable without crowding. */
  .bp-destinations .bp-section-head h2{
    font-size:32px!important;
    line-height:1.12!important;
  }
}

/* V23 final mobile hero override */
@media(max-width:700px){
  #hero{background-position:54% center!important}
  #hero::after{background:linear-gradient(90deg,rgba(247,243,236,.96) 0%,rgba(247,243,236,.84) 48%,rgba(247,243,236,.15) 88%),linear-gradient(0deg,rgba(247,243,236,.58),transparent 48%)!important}
}