.elementor-19411 .elementor-element.elementor-element-f636559{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-19411 .elementor-element.elementor-element-f636559:not(.elementor-motion-effects-element-type-background), .elementor-19411 .elementor-element.elementor-element-f636559 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-19411 .elementor-element.elementor-element-100378d{--display:flex;--min-height:320px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19411 .elementor-element.elementor-element-fdba75b{--display:flex;--min-height:320px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-19411 .elementor-element.elementor-element-fdba75b:not(.elementor-motion-effects-element-type-background), .elementor-19411 .elementor-element.elementor-element-fdba75b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-3206ae6 ) 100%);}.elementor-19411 .elementor-element.elementor-element-54f0421.elementor-element{--align-self:center;}.elementor-19411 .elementor-element.elementor-element-54f0421{text-align:center;}.elementor-19411 .elementor-element.elementor-element-54f0421 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:60px;font-weight:500;line-height:1em;color:var( --e-global-color-accent );}.elementor-19411 .elementor-element.elementor-element-7a67d80{--spacer-size:20px;}.elementor-19411 .elementor-element.elementor-element-a3ecaa8{width:var( --container-widget-width, 66% );max-width:66%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:66%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;line-height:1.6em;color:var( --e-global-color-aca6c11 );}.elementor-19411 .elementor-element.elementor-element-a3ecaa8.elementor-element{--align-self:center;}.elementor-19411 .elementor-element.elementor-element-c54c014{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19411 .elementor-element.elementor-element-c7defb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19411 .elementor-element.elementor-element-c7defb5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19411 .elementor-element.elementor-element-f1364de{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-19411 .elementor-element.elementor-element-f1364de.e-con{--align-self:center;}.elementor-19411 .elementor-element.elementor-element-ce323c5{--grid-columns:2;--grid-row-gap:23px;--grid-column-gap:19px;}.elementor-19411 .elementor-element.elementor-element-ce323c5 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-19411 .elementor-element.elementor-element-ce323c5 .e-loop-item > .elementor-section, .elementor-19411 .elementor-element.elementor-element-ce323c5 .e-loop-item > .elementor-section > .elementor-container, .elementor-19411 .elementor-element.elementor-element-ce323c5 .e-loop-item > .e-con, .elementor-19411 .elementor-element.elementor-element-ce323c5 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-19411 .elementor-element.elementor-element-92f0ffb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-11px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19411 .elementor-element.elementor-element-e806354{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-19411 .elementor-element.elementor-element-c35bf06{--display:flex;--min-height:760px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19411 .elementor-element.elementor-element-c35bf06:not(.elementor-motion-effects-element-type-background), .elementor-19411 .elementor-element.elementor-element-c35bf06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://baliving.com.mx/wp-content/uploads/2025/07/thompsonpuertocancun-Preventa-BA-Living-asesorias-inmobiliarias.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19411 .elementor-element.elementor-element-9f82f26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-19411 .elementor-element.elementor-element-9f82f26:not(.elementor-motion-effects-element-type-background), .elementor-19411 .elementor-element.elementor-element-9f82f26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aca6c11 );}.elementor-19411 .elementor-element.elementor-element-39881d9{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:center;}.elementor-19411 .elementor-element.elementor-element-39881d9.elementor-element{--align-self:center;}.elementor-19411 .elementor-element.elementor-element-39881d9 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:48px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-text );}.elementor-19411 .elementor-element.elementor-element-6fd4bb4{--spacer-size:50px;}.elementor-19411 .elementor-element.elementor-element-c8d6026{text-align:center;}.elementor-19411 .elementor-element.elementor-element-c8d6026 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:var( --e-global-color-55f77e1 );}.elementor-19411 .elementor-element.elementor-element-e58050e{--spacer-size:50px;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group > label, .elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-subgroup label{color:var( --e-global-color-55f77e1 );}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-text );}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group .elementor-field{color:var( --e-global-color-3206ae6 );}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group .elementor-select-wrapper select{border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-secondary );}.elementor-19411 .elementor-element.elementor-element-0603e73 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:var( --e-global-color-55f77e1 );}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:var( --e-global-color-55f77e1 );}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-55f77e1 );}.elementor-19411 .elementor-element.elementor-element-0603e73 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-19411 .elementor-element.elementor-element-0603e73 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-19411 .elementor-element.elementor-element-0603e73 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-button{border-radius:50px 50px 50px 50px;padding:15px 65px 15px 65px;}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-message.elementor-message-success{color:var( --e-global-color-text );}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-message.elementor-message-danger{color:var( --e-global-color-text );}.elementor-19411 .elementor-element.elementor-element-0603e73 .elementor-message.elementor-help-inline{color:var( --e-global-color-text );}.elementor-19411 .elementor-element.elementor-element-0603e73{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-19411 .elementor-element.elementor-element-f636559{--width:100%;}.elementor-19411 .elementor-element.elementor-element-c7defb5{--width:18.827%;}.elementor-19411 .elementor-element.elementor-element-f1364de{--width:100%;}.elementor-19411 .elementor-element.elementor-element-c35bf06{--width:40%;}.elementor-19411 .elementor-element.elementor-element-9f82f26{--width:60%;}}@media(max-width:1024px){.elementor-19411 .elementor-element.elementor-element-54f0421 .elementor-heading-title{font-size:43px;}.elementor-19411 .elementor-element.elementor-element-a3ecaa8{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;font-size:20px;}.elementor-19411 .elementor-element.elementor-element-ce323c5{--grid-columns:2;}.elementor-19411 .elementor-element.elementor-element-e806354{--margin-top:20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-19411 .elementor-element.elementor-element-c35bf06{--min-height:420px;}.elementor-19411 .elementor-element.elementor-element-9f82f26{--padding-top:6%;--padding-bottom:6%;--padding-left:6%;--padding-right:6%;}.elementor-19411 .elementor-element.elementor-element-39881d9 .elementor-heading-title{font-size:36px;}.elementor-19411 .elementor-element.elementor-element-c8d6026 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-19411 .elementor-element.elementor-element-54f0421 .elementor-heading-title{font-size:30px;}.elementor-19411 .elementor-element.elementor-element-a3ecaa8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:12px;}.elementor-19411 .elementor-element.elementor-element-ce323c5{--grid-columns:1;}.elementor-19411 .elementor-element.elementor-element-c35bf06{--min-height:610px;}.elementor-19411 .elementor-element.elementor-element-9f82f26{--padding-top:15%;--padding-bottom:15%;--padding-left:6%;--padding-right:6%;}.elementor-19411 .elementor-element.elementor-element-39881d9 .elementor-heading-title{font-size:26px;line-height:1.1em;}.elementor-19411 .elementor-element.elementor-element-6fd4bb4{--spacer-size:15px;}.elementor-19411 .elementor-element.elementor-element-c8d6026{text-align:center;}.elementor-19411 .elementor-element.elementor-element-c8d6026 .elementor-heading-title{font-size:14px;}.elementor-19411 .elementor-element.elementor-element-e58050e{--spacer-size:15px;}}/* Start custom CSS */<style id="baliving-listing-css">
/* ============================================
   CSS VARIABLES — BA LIVING BRAND
   ============================================ */
:root {
  --olive:       #5C5646;
  --coconut:     #E4DFD3;
  --slate:       #2F2D2D;
  --burleap:     #C9BDAB;
  --cinnamon:    #865F46;
  --white:       #FFFFFF;
  --off-white:   #F7F5F2;
  --text-dark:   #2F2D2D;
  --text-mid:    #6B6558;
  --text-light:  #9C9488;
  --border:      #E0D9CE;
  --shadow-sm:   0 2px 8px rgba(92,86,70,0.08);
  --shadow-md:   0 4px 20px rgba(92,86,70,0.14);
  --shadow-lg:   0 8px 40px rgba(92,86,70,0.18);
  --radius:      6px;
  --radius-lg:   12px;
  --transition:  0.25s ease;
  --font-title:  'Cormorant', Georgia, serif;
  --font-num:    'Lato', sans-serif;
  --font-body:   'Poppins', sans-serif;
}

/* ============================================
   BASE RESETS (solo para el contenido BA Living)
   ============================================ */
.bal-wrap *,
.bal-wrap *::before,
.bal-wrap *::after {
  box-sizing: border-box;
}

.bal-wrap img {
  display: block;
  max-width: 100%;
}

.bal-wrap a {
  text-decoration: none;
  color: inherit;
}

.bal-wrap button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: var(--font-body);
}

.bal-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ============================================
   FILTER BAR
   ============================================ */
.bal-filter-bar {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 14px 24px;
  position: sticky;
  top: 0;
  z-index: 90;
  box-shadow: var(--shadow-sm);
}

.bal-filter-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.bal-search {
  flex: 1;
  min-width: 200px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--off-white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 10px 14px;
}

.bal-search svg {
  width: 15px;
  height: 15px;
  color: var(--text-light);
  flex-shrink: 0;
}

.bal-search input {
  flex: 1;
  border: none;
  background: none;
  outline: none;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--text-dark);
}

.bal-search input::placeholder {
  color: var(--text-light);
}

.bal-select {
  appearance: none;
  background: var(--off-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239C9488' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 10px 32px 10px 14px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--text-mid);
  cursor: pointer;
  outline: none;
  transition: border-color var(--transition);
  white-space: nowrap;
}

.bal-select:focus {
  border-color: var(--olive);
}

.bal-btn-filter {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  background: var(--olive);
  color: var(--white);
  border-radius: var(--radius);
  font-family: var(--font-num);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background var(--transition);
  white-space: nowrap;
}

.bal-btn-filter:hover {
  background: var(--cinnamon);
}

.bal-btn-filter svg {
  width: 14px;
  height: 14px;
}

.bal-count {
  font-family: var(--font-num);
  font-size: 12px;
  color: var(--text-light);
  white-space: nowrap;
  margin-left: auto;
}

.bal-count strong {
  color: var(--olive);
  font-weight: 700;
}

/* ============================================
   MAIN LAYOUT
   ============================================ */
.bal-layout {
  max-width: 1280px;
  margin: 0 auto;
  padding: 32px 24px 64px;
  display: grid;
  grid-template-columns: 268px 1fr;
  gap: 32px;
  align-items: start;
}

/* ============================================
   SIDEBAR
   ============================================ */
.bal-sidebar {
  position: sticky;
  top: 70px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.bal-sb-header {
  background: var(--olive);
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bal-sb-title {
  font-family: var(--font-num);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--white);
}

.bal-sb-reset {
  font-family: var(--font-num);
  font-size: 10px;
  color: var(--burleap);
  letter-spacing: 0.06em;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  background: none;
  border: none;
  transition: color var(--transition);
}

.bal-sb-reset:hover {
  color: var(--white);
}

.bal-sb-section {
  padding: 18px 20px;
  border-bottom: 1px solid var(--border);
}

.bal-sb-section:last-of-type {
  border-bottom: none;
}

.bal-sb-label {
  font-family: var(--font-num);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text-mid);
  margin-bottom: 10px;
}

.bal-price-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.bal-price-row input {
  flex: 1;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 8px 10px;
  font-family: var(--font-num);
  font-size: 12px;
  color: var(--text-dark);
  outline: none;
  background: var(--off-white);
  width: 0;
  transition: border-color var(--transition);
}

.bal-price-row input:focus {
  border-color: var(--olive);
}

.bal-price-row span {
  font-size: 12px;
  color: var(--text-light);
  flex-shrink: 0;
}

.bal-checks {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bal-check {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--text-mid);
  transition: color var(--transition);
  user-select: none;
}

.bal-check:hover {
  color: var(--olive);
}

.bal-check input[type="checkbox"] {
  display: none;
}

.bal-check-box {
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--burleap);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all var(--transition);
  background: var(--white);
}

.bal-check input:checked + .bal-check-box {
  background: var(--olive);
  border-color: var(--olive);
}

.bal-check input:checked + .bal-check-box::after {
  content: '';
  width: 8px;
  height: 5px;
  border-left: 1.5px solid white;
  border-bottom: 1.5px solid white;
  transform: rotate(-45deg) translateY(-1px);
}

.bal-rooms {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 6px;
}

.bal-room-btn {
  padding: 8px 4px;
  text-align: center;
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  font-family: var(--font-num);
  font-size: 12px;
  color: var(--text-mid);
  cursor: pointer;
  transition: all var(--transition);
  background: var(--white);
}

.bal-room-btn:hover,
.bal-room-btn.bal-active {
  border-color: var(--olive);
  background: var(--olive);
  color: var(--white);
}

.bal-sb-apply {
  margin: 16px 20px;
  width: calc(100% - 40px);
  padding: 11px;
  background: var(--olive);
  color: var(--white);
  border-radius: var(--radius);
  font-family: var(--font-num);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background var(--transition);
}

.bal-sb-apply:hover {
  background: var(--cinnamon);
}

/* ============================================
   PROPERTIES HEADER
   ============================================ */
.bal-props-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}

.bal-props-title {
  font-family: var(--font-title);
  font-size: 24px;
  font-weight: 400;
  color: var(--slate);
}

.bal-props-title span {
  color: var(--text-light);
  font-size: 16px;
}

.bal-view-toggle {
  display: flex;
  gap: 4px;
}

.bal-view-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  color: var(--text-light);
  transition: all var(--transition);
  background: var(--white);
  cursor: pointer;
}

.bal-view-btn:hover,
.bal-view-btn.bal-active {
  background: var(--olive);
  border-color: var(--olive);
  color: var(--white);
}

.bal-view-btn svg {
  width: 15px;
  height: 15px;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
  .bal-layout {
    grid-template-columns: 1fr;
  }

  .bal-sidebar {
    display: none;
  }

  .bal-wrap {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .bal-layout {
    padding: 20px 16px 48px;
  }

  .bal-filter-bar {
    padding: 10px 16px;
  }

  .bal-filter-inner {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .bal-select {
    display: none;
  }

  .bal-count {
    display: none;
  }
}
</style>

/* ===== BA LIVING TOP FILTER BAR — FINAL RESPONSIVE FIX ===== */

.bal-filter-bar{
  background: #E4DFD3;
  border: 0;
  box-shadow: none;
  padding: 22px 26px;
  border-radius: 0;
}

.bal-filter-inner{
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: nowrap;
}

.bal-search{
  flex: 1.35;
  min-width: 260px;
  background: #F7F5F2;
  border: 1.5px solid #C9BDAB;
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: none;
}

.bal-search svg{
  width: 22px;
  height: 22px;
  color: #9C9488;
}

.bal-search input{
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #2F2D2D;
}

.bal-search input::placeholder{
  color: #9C9488;
}

.bal-select{
  min-width: 220px;
  height: 80px;
  background-color: #F7F5F2;
  border: 1.5px solid #C9BDAB;
  border-radius: 16px;
  padding: 0 54px 0 28px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #5C5646;
  line-height: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'%3E%3Cpath d='M2 2l7 7 7-7' stroke='%239C9488' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 22px center;
  background-size: 18px 12px;
}

.bal-select:focus,
.bal-search:focus-within{
  border-color: #865F46;
  box-shadow: 0 0 0 3px rgba(134,95,70,0.08);
}

.bal-btn-filter{
  display: none !important;
}

.bal-count{
  display: none !important;
}

/* ===== TABLET ===== */
@media (max-width: 1200px){
  .bal-filter-inner{
    gap: 14px;
  }

  .bal-select{
    min-width: 180px;
    height: 72px;
    font-size: 17px;
  }

  .bal-search{
    padding: 16px 18px;
  }

  .bal-search input{
    font-size: 17px;
  }
}

/* ===== TABLET / SMALL LAPTOP ===== */
@media (max-width: 1024px){
  .bal-filter-bar{
    padding: 18px 18px;
  }

  .bal-filter-inner{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
  }

  .bal-search{
    min-width: 280px;
    flex: 0 0 280px;
  }

  .bal-select{
    display: block !important;
    flex: 0 0 190px;
    min-width: 190px;
  }

  .bal-filter-inner::-webkit-scrollbar{
    height: 6px;
  }

  .bal-filter-inner::-webkit-scrollbar-thumb{
    background: #C9BDAB;
    border-radius: 99px;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 767px){
  .bal-filter-bar{
    padding: 12px 14px;
  }

  .bal-filter-inner{
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .bal-filter-inner::-webkit-scrollbar{
    display: none;
  }

  .bal-search{
    min-width: 220px;
    flex: 0 0 220px;
    border-radius: 14px;
    padding: 14px 16px;
  }

  .bal-search svg{
    width: 18px;
    height: 18px;
  }

  .bal-search input{
    font-size: 15px;
  }

  .bal-select{
    display: block !important;
    flex: 0 0 150px;
    min-width: 150px;
    height: 58px;
    border-radius: 14px;
    padding: 0 40px 0 16px;
    font-size: 15px;
    background-position: right 14px center;
    background-size: 14px 10px;
  }

  /* Mostrar solo Tipo y Zona en móvil */
  .bal-filter-inner .bal-select:nth-of-type(3),
  .bal-filter-inner .bal-select:nth-of-type(4){
    display: none !important;
  }
}
      <label class="bal-check"><input type="checkbox"><span class="bal-check-box"></span>Alberca</label>
      <label class="bal-check"><input type="checkbox"><span class="bal-check-box"></span>Vista al mar</label>
      <label class="bal-check"><input type="checkbox"><span class="bal-check-box"></span>Roof garden</label>
      <label class="bal-check"><input type="checkbox"><span class="bal-check-box"></span>Amueblado</label>
      <label class="bal-check"><input type="checkbox"><span class="bal-check-box"></span>Pet friendly</label>
    </div>
  </div>

  <!-- Botón -->
  <button class="bal-sb-apply">Ver resultados</button>

</aside>


/* ===== BA LIVING SIDEBAR — PREMIUM STYLE ===== */

.bal-sidebar{
  background: #FFFFFF;
  border: 1px solid rgba(92,86,70,0.12);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(92,86,70,0.08);
  overflow: hidden;
  position: sticky;
  top: 90px;
}

/* HEADER */
.bal-sb-header{
  background: linear-gradient(180deg, #5C5646 0%, #4F4A3E 100%);
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.bal-sb-title{
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #E4DFD3;
}

.bal-sb-reset{
  font-size: 10px;
  color: #C9BDAB;
  letter-spacing: 0.08em;
  padding: 6px 10px;
  border-radius: 6px;
  transition: all 0.25s ease;
}

.bal-sb-reset:hover{
  background: #865F46;
  color: #ffffff !important;
}

/* SECTIONS */
.bal-sb-section{
  padding: 20px 22px;
  border-bottom: 1px solid rgba(92,86,70,0.08);
  position: relative;
}

/* línea decorativa sutil */
.bal-sb-section::after{
  content: '';
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(134,95,70,0.2), transparent);
}

.bal-sb-section:last-of-type::after{
  display: none;
}

/* LABELS */
.bal-sb-label{
  font-family: 'Lato', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #865F46;
  margin-bottom: 12px;
}

/* CHECKS */
.bal-check{
  font-size: 13px;
  color: #5C5646;
  transition: all 0.25s ease;
}

.bal-check:hover{
  color: #2F2D2D;
  transform: translateX(2px);
}

/* checkbox elegante */
.bal-check-box{
  border-radius: 4px;
  border: 1.5px solid #C9BDAB;
  background: #fff;
  transition: all 0.25s ease;
}

.bal-check input:checked + .bal-check-box{
  background: #865F46;
  border-color: #865F46;
}

/* INPUT PRECIO */
.bal-price-row input{
  border-radius: 10px;
  border: 1.5px solid #E0D9CE;
  background: #F7F5F2;
  padding: 10px 12px;
  transition: all 0.25s ease;
}

.bal-price-row input:focus{
  border-color: #865F46;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(134,95,70,0.08);
}

/* ROOMS BUTTONS */
.bal-room-btn{
  border-radius: 10px;
  border: 1.5px solid #E0D9CE;
  background: #F7F5F2;
  color: #5C5646;
  font-size: 12px;
  transition: all 0.25s ease;
}

.bal-room-btn:hover{
  border-color: #865F46;
  background: #C9BDAB;
}

.bal-room-btn.bal-active{
  background: #5C5646;
  color: #fff;
  border-color: #5C5646;
}

/* BOTÓN FINAL */
.bal-sb-apply{
  margin: 18px 22px 22px;
  padding: 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, #5C5646, #865F46);
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(92,86,70,0.18);
}

.bal-sb-apply:hover{
  background: linear-gradient(135deg, #5C5646, #865F46) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(92,86,70,0.22);
}/* End custom CSS */