/* APD 328 — user-approved canonical iPhone search reference (screens 5–10). */
@media (max-width: 767px) {
  html body.apd328-mobile-search-reference.apd186-search-modal-open,
  html body.apd328-mobile-search-reference.apd186-search-modal-open button,
  html body.apd328-mobile-search-reference.apd186-search-modal-open input,
  html body.apd328-mobile-search-reference.apd186-search-modal-open output {
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,Arial,sans-serif !important;
  }

  /* Header/tabs: compact, centered and visually matched to the approved reference. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-topbar {
    height:112px !important;
    padding:12px 64px 0 64px !important;
    align-items:flex-end !important;
    background:#f7f7f7 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tabs {
    height:94px !important;
    justify-content:center !important;
    gap:13px !important;
    overflow:visible !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab {
    height:80px !important;
    padding:0 0 9px !important;
    gap:5px !important;
    border-bottom-width:3px !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab > span,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab > span svg,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab > span img,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab > span .apd5-icon {
    width:25px !important;height:25px !important;max-width:25px !important;max-height:25px !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab strong {
    font-size:15.5px !important;line-height:1.05 !important;font-weight:500 !important;letter-spacing:-.015em !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab.is-active strong,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-tab[aria-current="page"] strong {font-weight:650 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-close {
    top:17px !important;right:18px !important;width:48px !important;height:48px !important;
    border:1px solid #dedede !important;background:#fff !important;box-shadow:0 5px 17px rgba(0,0,0,.10) !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-close span {font-size:31px !important;font-weight:300 !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal {
    padding-top:112px !important;background:#f7f7f7 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search.apd176-ready {
    height:calc(var(--apd186-shell-height,100dvh) - 112px) !important;
    padding:12px 12px calc(112px + env(safe-area-inset-bottom,0px)) !important;
    gap:12px !important;
    background:#f7f7f7 !important;
  }

  /* Approved collapsed summary geometry. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search > .apd5-search-field {
    border:0 !important;border-radius:25px !important;background:#fff !important;
    box-shadow:0 2px 9px rgba(0,0,0,.055) !important;overflow:hidden !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search > .apd5-search-field > button:first-child {
    width:100% !important;height:64px !important;min-height:64px !important;padding:0 22px !important;
    display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;
    border:0 !important;background:#fff !important;text-align:left !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search > .apd5-search-field > button:first-child > span:first-child {
    display:block !important;flex:0 0 auto !important;color:#6b6b6b !important;font-size:16px !important;font-weight:500 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > #apd5-location-summary,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd223-location-value,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd26-compact-summary,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd327-location-value,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd26-search-leading-icon {display:none !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd328-location-summary,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > .apd328-date-summary {
    display:block !important;flex:0 1 auto !important;min-width:0 !important;max-width:74% !important;margin-left:auto !important;
    color:#171717 !important;font-size:16px !important;line-height:1.16 !important;font-weight:650 !important;
    letter-spacing:-.02em !important;text-align:right !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd328-location-summary:empty {display:none !important;}

  /* Active location step contains only the large ¿Dónde? card, not a duplicate Lugar row. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="location"] > [data-search-field="location"] {
    display:none !important;visibility:hidden !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;
  }

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search > [data-search-panel] {
    border:0 !important;border-radius:29px !important;background:#fff !important;box-shadow:0 8px 24px rgba(0,0,0,.075) !important;
  }

  /* WHERE ---------------------------------------------------------------- */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel {
    padding:24px 24px 24px !important;max-height:min(63dvh,560px) !important;
    overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel::-webkit-scrollbar {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel > .apd5-panel-title {
    display:flex !important;align-items:center !important;justify-content:space-between !important;margin:0 0 22px !important;padding:0 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel > .apd5-panel-title > strong {
    display:block !important;color:#171717 !important;font-size:30px !important;line-height:1.04 !important;font-weight:700 !important;letter-spacing:-.045em !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-location-panel > .apd5-panel-title > button {display:none !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-panel-filter {
    position:relative !important;display:flex !important;align-items:center !important;width:100% !important;height:60px !important;min-height:60px !important;
    margin:0 0 16px !important;padding:0 48px 0 52px !important;border:1.45px solid #2b2b2b !important;border-radius:15px !important;
    background:#fff !important;box-shadow:none !important;overflow:visible !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-panel-filter > svg,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-panel-filter > .apd5-icon {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open:not(.apd328-location-focus) .apd186-search-portal #apd5-search .apd5-panel-filter::before {
    content:"" !important;position:absolute !important;left:20px !important;top:50% !important;width:18px !important;height:18px !important;
    transform:translateY(-58%) !important;border:2px solid #222 !important;border-radius:50% !important;pointer-events:none !important;z-index:2 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open:not(.apd328-location-focus) .apd186-search-portal #apd5-search .apd5-panel-filter::after {
    content:"" !important;position:absolute !important;left:35px !important;top:calc(50% + 7px) !important;width:8px !important;height:2px !important;
    background:#222 !important;transform:rotate(45deg) !important;transform-origin:left center !important;border-radius:2px !important;pointer-events:none !important;z-index:2 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search #apd5-destination-filter {
    width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;outline:0 !important;background:transparent !important;
    color:#222 !important;font-size:17px !important;line-height:1.2 !important;font-weight:450 !important;letter-spacing:-.018em !important;
    -webkit-appearance:none !important;appearance:none !important;
  }
  html body.apd328-mobile-search-reference #apd5-destination-filter::-webkit-search-cancel-button {display:none !important;-webkit-appearance:none !important;}

  .apd328-location-back,.apd328-location-clear {
    position:absolute !important;z-index:7 !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important;padding:0 !important;
    display:grid !important;place-items:center !important;border:0 !important;box-shadow:none !important;-webkit-tap-highlight-color:transparent !important;
  }
  .apd328-location-back {left:12px !important;width:32px !important;height:32px !important;background:transparent !important;color:#222 !important;}
  .apd328-location-back svg {width:24px !important;height:24px !important;}
  html body.apd328-mobile-search-reference:not(.apd328-location-focus) .apd328-location-back {display:none !important;}
  .apd328-location-clear {right:9px !important;width:34px !important;height:34px !important;border-radius:999px !important;background:#f0f0f0 !important;color:#222 !important;font-size:22px !important;line-height:1 !important;font-weight:300 !important;}
  .apd328-location-clear[hidden] {display:none !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd26-destination-section-title,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd26-recent-destinations > strong {
    display:block !important;margin:0 0 8px !important;color:#4b4b4b !important;font-size:16px !important;line-height:1.2 !important;font-weight:500 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search #apd26-recent-destinations {margin:0 0 14px !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search #apd26-recent-destination-list {display:grid !important;gap:8px !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results,
  html body.apd328-mobile-search-reference.apd186-search-modal-open #apd5-destination-list {width:100% !important;margin:0 !important;padding:0 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results .apd219-smart-option,
  html body.apd328-mobile-search-reference.apd186-search-modal-open #apd5-destination-list .apd5-destination-option,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination {
    width:100% !important;min-height:72px !important;margin:0 !important;padding:7px 3px !important;display:flex !important;align-items:center !important;
    justify-content:flex-start !important;gap:14px !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#222 !important;text-align:left !important;box-shadow:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination.apd328-recent-search {
    min-height:76px !important;padding:8px 10px !important;border-radius:15px !important;background:#f7f7f7 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results .apd219-smart-option.is-first {
    border-radius:15px !important;background:#f7f7f7 !important;padding:8px 10px !important;
  }

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results .apd219-smart-icon,
  html body.apd328-mobile-search-reference.apd186-search-modal-open #apd5-destination-list .apd5-destination-option > span,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination > span {
    flex:0 0 58px !important;width:58px !important;height:58px !important;display:grid !important;place-items:center !important;border-radius:16px !important;
    background:#f5f5f5 !important;color:#222 !important;box-shadow:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination.apd328-recent-search > span {
    background:#fff0f3 !important;color:#ff385c !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open [data-nearby] > span {background:#eef4ff !important;color:#5a86d5 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results .apd219-smart-icon svg,
  html body.apd328-mobile-search-reference.apd186-search-modal-open #apd5-destination-list .apd5-destination-option > span svg,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination > span svg {width:29px !important;height:29px !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results .apd219-smart-copy,
  html body.apd328-mobile-search-reference.apd186-search-modal-open #apd5-destination-list .apd5-destination-option > div,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination > div {
    flex:1 1 auto !important;min-width:0 !important;display:block !important;color:#222 !important;font-size:16.5px !important;line-height:1.28 !important;letter-spacing:-.017em !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results strong,
  html body.apd328-mobile-search-reference.apd186-search-modal-open #apd5-destination-list .apd5-destination-option strong,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination strong {display:inline !important;color:#222 !important;font:inherit !important;font-weight:650 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd226-smart-results small,
  html body.apd328-mobile-search-reference.apd186-search-modal-open #apd5-destination-list .apd5-destination-option small,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination small {display:inline !important;margin-left:.26em !important;color:#5f5f5f !important;font:inherit !important;font-weight:400 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd26-recent-destination.apd328-recent-search small {display:block !important;margin:4px 0 0 !important;color:#6b6b6b !important;font-size:15px !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd5-location-panel.apd226-location-typing .apd26-destination-section-title,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd5-location-panel.apd226-location-typing [data-nearby],
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd5-location-panel.apd226-location-typing #apd5-destination-list,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd5-location-panel.apd226-location-typing #apd26-recent-destinations {display:none !important;}

  /* Focused keyboard state: exactly one large location editor, no tabs/footer. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-topbar {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-portal {
    padding-top:16px !important;background:#f7f7f7 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search {
    height:calc(var(--apd186-shell-height,100dvh) - 16px) !important;padding:0 0 20px !important;gap:0 !important;background:#f7f7f7 !important;overflow:hidden !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search > [data-search-field],
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search > [data-search-panel]:not([data-search-panel="location"]) {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search .apd5-location-panel {
    display:block !important;width:100% !important;height:100% !important;max-height:none !important;margin:0 !important;padding:16px 24px 28px !important;
    border-radius:28px 28px 0 0 !important;background:#fff !important;box-shadow:none !important;overflow-y:auto !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search .apd5-location-panel > .apd5-panel-title {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd186-search-portal #apd5-search .apd5-panel-filter {
    height:60px !important;min-height:60px !important;margin:0 0 17px !important;padding-left:56px !important;border-radius:14px !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open.apd328-location-focus .apd176-mobile-footer {display:none !important;visibility:hidden !important;pointer-events:none !important;}

  /* DATES ---------------------------------------------------------------- */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"] {
    display:block !important;visibility:visible !important;opacity:1 !important;height:64px !important;min-height:64px !important;max-height:64px !important;flex:0 0 64px !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="dates"] {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel {
    padding:24px 20px 15px !important;max-height:min(62dvh,570px) !important;overflow:hidden !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel .apd5-panel-title {margin:0 0 17px !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel .apd5-panel-title strong {
    font-size:29px !important;line-height:1.06 !important;font-weight:690 !important;letter-spacing:-.035em !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel .apd5-panel-title small,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel [data-panel-close] {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-mode {
    width:100% !important;height:56px !important;min-height:56px !important;margin:0 0 16px !important;padding:4px !important;display:flex !important;gap:0 !important;
    border-radius:999px !important;background:#ededed !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-mode button {
    flex:1 1 0 !important;height:48px !important;min-height:48px !important;border:0 !important;border-radius:999px !important;background:transparent !important;
    color:#4c4c4c !important;font-size:16px !important;font-weight:600 !important;box-shadow:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-mode button.is-active {
    background:#fff !important;color:#171717 !important;box-shadow:0 2px 8px rgba(0,0,0,.09) !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-nav {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search #apd5-calendar-months {
    max-height:330px !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search #apd5-calendar-months::-webkit-scrollbar {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month {
    display:flex !important;flex-direction:column !important;width:100% !important;overflow:visible !important;padding-bottom:14px !important;
  }
  /* Airbnb mobile reference shows weekday initials before the month title. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month .apd5-calendar-weekdays {order:1 !important;margin-bottom:15px !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month h3 {
    order:2 !important;margin:0 0 13px !important;color:#171717 !important;font-size:19px !important;line-height:1.2 !important;font-weight:650 !important;letter-spacing:-.025em !important;text-align:left !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-month .apd5-calendar-days {order:3 !important;column-gap:0 !important;row-gap:4px !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-weekdays > * {
    color:#6e6e6e !important;font-size:12.5px !important;font-weight:550 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button {
    position:relative !important;z-index:0 !important;height:40px !important;min-height:40px !important;line-height:40px !important;border:0 !important;border-radius:999px !important;
    color:#222 !important;font-size:15.5px !important;font-weight:520 !important;overflow:visible !important;box-shadow:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button:disabled {
    color:#c3c3c3 !important;opacity:1 !important;text-decoration:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-in-range {
    background:#ededed !important;border-radius:0 !important;color:#222 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-selected:not(.is-in-range) {
    background:#222 !important;color:#fff !important;border-radius:999px !important;z-index:2 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start::before,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end::before {
    content:"" !important;position:absolute !important;z-index:-1 !important;top:0 !important;bottom:0 !important;background:#ededed !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start::before {left:50% !important;right:-1px !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-end::before {left:-1px !important;right:50% !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-calendar-days button.is-start.is-end::before {display:none !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility {
    display:flex !important;width:calc(100% + 4px) !important;min-height:49px !important;margin:8px -2px 0 !important;padding:9px 2px 0 !important;gap:9px !important;
    border-top:1px solid #ececec !important;background:#fff !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;scrollbar-width:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility::-webkit-scrollbar {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility button {
    flex:0 0 auto !important;height:40px !important;min-height:40px !important;padding:0 14px !important;border:1.25px solid #d0d0d0 !important;border-radius:999px !important;
    background:#fff !important;color:#222 !important;font-size:14.5px !important;font-weight:520 !important;box-shadow:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility button.is-active {border-color:#222 !important;box-shadow:inset 0 0 0 1px #222 !important;}

  /* Flexible reference. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-view[data-apd-date-view="flexible"] {
    max-height:none !important;overflow:visible !important;padding-bottom:4px !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-section {
    padding:14px 0 !important;border-top:1px solid #ececec !important;overflow:visible !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-section h3 {
    margin:0 0 13px !important;font-size:19px !important;line-height:1.2 !important;font-weight:650 !important;color:#111 !important;letter-spacing:-.025em !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration {
    display:grid !important;grid-template-columns:1.45fr 1fr .75fr !important;gap:9px !important;width:100% !important;overflow:visible !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration button {
    width:100% !important;min-width:0 !important;height:44px !important;padding:0 10px !important;border:1.4px solid #d6d6d6 !important;border-radius:999px !important;
    background:#fff !important;color:#222 !important;font-size:15px !important;font-weight:500 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-duration button.is-active {border-color:#111 !important;box-shadow:inset 0 0 0 1px #111 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months {
    display:flex !important;align-items:stretch !important;gap:10px !important;width:100% !important;min-height:132px !important;overflow-x:auto !important;overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;scrollbar-width:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months::-webkit-scrollbar {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month] {
    flex:0 0 calc(33.333% - 7px) !important;min-width:108px !important;height:132px !important;padding:12px 7px !important;border:1.5px solid #d8d8d8 !important;
    border-radius:20px !important;background:#fff !important;color:#222 !important;text-align:center !important;scroll-snap-align:start !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month].is-active,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-flexible-months [data-apd-flex-month][aria-pressed="true"] {
    border-color:#111 !important;box-shadow:inset 0 0 0 1px #111 !important;
  }

  /* GUESTS --------------------------------------------------------------- */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"],
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] {display:block !important;visibility:visible !important;opacity:1 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="guests"] {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] > button:first-child > #apd5-date-summary,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] > button:first-child > .apd26-compact-summary {display:none !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guests-panel {
    padding:25px 20px 16px !important;max-height:min(57dvh,515px) !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guests-panel::-webkit-scrollbar {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guests-panel .apd5-panel-title {margin:0 0 17px !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guests-panel .apd5-panel-title strong {
    font-size:29px !important;line-height:1.06 !important;font-weight:690 !important;letter-spacing:-.035em !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guests-panel .apd5-panel-title > div {display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row {
    min-height:84px !important;padding:14px 0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;border-bottom:1px solid #ededed !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row:last-of-type {border-bottom:0 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row strong {font-size:17px !important;line-height:1.18 !important;font-weight:650 !important;color:#171717 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row span {display:block !important;margin-top:4px !important;color:#6b6b6b !important;font-size:14px !important;line-height:1.32 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row[data-guest-row="pets"] span {color:#a2a2a2 !important;text-decoration:underline !important;text-underline-offset:2px !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row > div:last-child {display:flex !important;align-items:center !important;gap:13px !important;flex:0 0 auto !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row [data-counter] {
    width:42px !important;height:42px !important;flex:0 0 42px !important;padding:0 !important;display:grid !important;place-items:center !important;border:1.3px solid #b7b7b7 !important;
    border-radius:999px !important;background:#fff !important;color:#222 !important;font-size:29px !important;line-height:1 !important;font-weight:300 !important;box-shadow:none !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row [data-counter]:disabled {border-color:transparent !important;background:#f4f4f4 !important;color:#bdbdbd !important;opacity:1 !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-guest-row output {min-width:22px !important;width:22px !important;color:#222 !important;font-size:18px !important;font-weight:500 !important;text-align:center !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-panel-footer,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd16-guests-reset {display:none !important;}

  /* One final footer only. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer:not([hidden]) {
    display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;min-height:86px !important;
    padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px)) !important;background:linear-gradient(180deg,rgba(247,247,247,0) 0%,#f7f7f7 22%) !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-reset {
    flex:0 0 auto !important;padding:12px 4px !important;border:0 !important;background:transparent !important;color:#171717 !important;font-size:17px !important;line-height:1 !important;
    font-weight:650 !important;text-decoration:none !important;white-space:nowrap !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-reset::before,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-reset::after,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary::before,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary::after {content:none !important;display:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary {
    flex:0 0 136px !important;width:136px !important;min-width:136px !important;max-width:136px !important;height:58px !important;min-height:58px !important;margin:0 !important;padding:0 17px !important;
    border:0 !important;border-radius:18px !important;background:#222 !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;
    font-size:0 !important;box-shadow:none !important;opacity:1 !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary.apd328-final {
    background:#e31c5f !important;box-shadow:0 8px 20px rgba(227,28,95,.18) !important;
  }
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary:disabled {background:#222 !important;opacity:.42 !important;box-shadow:none !important;}
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary > *:not(.apd328-footer-icon):not(.apd328-footer-label) {display:none !important;}
  .apd328-footer-icon {display:flex !important;align-items:center !important;justify-content:center !important;width:19px !important;height:19px !important;flex:0 0 19px !important;color:#fff !important;}
  .apd328-footer-icon:empty {display:none !important;width:0 !important;flex-basis:0 !important;}
  .apd328-footer-icon svg {display:block !important;width:19px !important;height:19px !important;}
  .apd328-footer-label {display:block !important;color:#fff !important;font-size:17px !important;line-height:1 !important;font-weight:650 !important;white-space:nowrap !important;}

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search {
    padding-bottom:calc(128px + env(safe-area-inset-bottom,0px)) !important;scroll-padding-bottom:calc(128px + env(safe-area-inset-bottom,0px)) !important;
  }
}

/* APD 329 — freeze-safe final overrides. */
@media (max-width: 767px) {
  /* Exactly one visible right-side summary per collapsed row. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > #apd5-date-summary,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > .apd26-compact-summary {
    display:none !important;
    visibility:hidden !important;
  }

  /* Safari touch must stay live inside the date card; no invisible overlay may eat taps. */
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel *,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-mode,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility,
  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd186-search-portal #apd5-search #apd5-calendar-months {
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  html body.apd328-mobile-search-reference.apd186-search-modal-open .apd176-mobile-footer {
    pointer-events:auto !important;
  }
}

/* APD 330 — durable summaries + hard closed-state cleanup. */
@media (max-width: 767px) {
  /* The visible Lugar/Fechas values no longer depend on DOM nodes that older
     engines can rewrite. APD 330 paints them from durable button data attrs. */
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > #apd5-location-summary,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd26-compact-summary,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd223-location-value,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd327-location-value,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd328-location-summary,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > #apd5-date-summary,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > .apd26-compact-summary,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > .apd328-date-summary {
    display:none !important;
    visibility:hidden !important;
  }

  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child::after,
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child::after {
    display:block !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:74% !important;
    margin-left:auto !important;
    color:#171717 !important;
    font-size:16px !important;
    line-height:1.16 !important;
    font-weight:650 !important;
    letter-spacing:-.02em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child::after {
    content:attr(data-apd330-location) !important;
  }
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child::after {
    content:attr(data-apd330-date) !important;
  }

  /* The active ¿Dónde? panel already carries the full location editor. */
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="location"] > [data-search-field="location"] {
    display:none !important;
  }

  /* Preserve the reference layout in ¿Quién?: Lugar + Fechas stay visible. */
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"],
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* A closed modal can never leave the grey lock/footer behind on the page. */
  html body.apd330-mobile-search-single-owner:not(.apd186-search-modal-open) .apd176-mobile-footer,
  html body.apd330-mobile-search-single-owner:not(.apd186-search-modal-open) .apd186-search-portal,
  html body.apd330-mobile-search-single-owner:not(.apd186-search-modal-open) .apd186-search-topbar,
  html body.apd330-mobile-search-single-owner:not(.apd186-search-modal-open) #apd5-search-backdrop {
    display:none !important;
  }

  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd176-mobile-footer:not([hidden]) {
    display:flex !important;
  }

  /* Keep the footer above Safari chrome but outside the date/month cards. */
  html body.apd330-mobile-search-single-owner.apd186-search-modal-open .apd186-search-portal #apd5-search {
    padding-bottom:calc(132px + env(safe-area-inset-bottom,0px)) !important;
    scroll-padding-bottom:calc(132px + env(safe-area-inset-bottom,0px)) !important;
  }
}


/* APD 331 — explicit, durable Lugar summary. Programmatic autocomplete cleanup
   cannot erase the selected destination while Fechas / ¿Quién? are open. */
@media (max-width: 767px) {
  html body.apd331-mobile-search-location-persistence.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child::after {
    content:none !important;
    display:none !important;
  }
  html body.apd331-mobile-search-location-persistence.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd331-location-summary {
    display:block !important;
    visibility:visible !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:74% !important;
    margin-left:auto !important;
    color:#171717 !important;
    font-size:16px !important;
    line-height:1.16 !important;
    font-weight:650 !important;
    letter-spacing:-.02em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  html body.apd331-mobile-search-location-persistence.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"],
  html body.apd331-mobile-search-location-persistence.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


/* APD 334 — native destination/date hand-off + durable visible summaries. */
@media (max-width: 767px) {
  /* One visible Lugar value only. APD 330's pseudo summary is disabled here and
     the explicit APD 334 node is the final source of truth. */
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child::after {
    content:none !important;
    display:none !important;
  }
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd334-location-summary {
    display:block !important;
    visibility:visible !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:74% !important;
    margin-left:auto !important;
    color:#171717 !important;
    font-size:16px !important;
    line-height:1.16 !important;
    font-weight:650 !important;
    letter-spacing:-.02em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"],
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* Exact dates must never open as an empty white card. The native marketplace
     renderer owns the month nodes; these rules keep those nodes visible once built. */
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-date-view[data-apd-date-view="exact"]:not([hidden]) {
    display:block !important;
    visibility:visible !important;
    min-height:345px !important;
    overflow:visible !important;
  }
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] #apd5-calendar-months {
    display:block !important;
    visibility:visible !important;
    min-height:270px !important;
    max-height:342px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] #apd5-calendar-months > .apd5-calendar-month {
    display:flex !important;
    visibility:visible !important;
  }

  /* Preserve the approved reference spacing above the fixed iPhone footer. */
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal #apd5-search .apd5-date-panel {
    max-height:min(64dvh,590px) !important;
    padding-bottom:20px !important;
  }
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-flexibility {
    margin-bottom:4px !important;
  }
  html body.apd334-mobile-search-reference-final.apd186-search-modal-open .apd186-search-portal #apd5-search .apd15-date-view[data-apd-date-view="flexible"] {
    padding-bottom:10px !important;
  }
}


/* APD 334 — final Airbnb-reference corrections requested on iPhone. */
@media (max-width: 767px) {
  /* LUGAR: the native semantic summary is the visible source of truth. It is
     shown only after a destination is really committed, and survives Fechas/Quién. */
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd334-location-summary,
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child::after {
    display:none !important;
    content:none !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"].apd334-has-location > button:first-child > #apd5-location-summary {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 68px) !important;
    margin-left:auto !important;
    color:#171717 !important;
    font-size:15.5px !important;
    line-height:1.16 !important;
    font-weight:650 !important;
    letter-spacing:-.025em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"]:not(.apd334-has-location) > button:first-child > #apd5-location-summary {
    display:none !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"],
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* FECHAS EXACTAS: match the approved Airbnb capture: only the two endpoints
     are black circles. Intermediate days stay white (no grey connecting bar). */
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-in-range:not(.is-start):not(.is-end) {
    background:transparent !important;
    color:#222 !important;
    border-radius:999px !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-start,
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-end {
    width:40px !important;
    max-width:40px !important;
    justify-self:center !important;
    background:#222 !important;
    color:#fff !important;
    border-radius:50% !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-start::before,
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-end::before {
    display:none !important;
    content:none !important;
  }

  /* FLEXIBLE: never abbreviate "Fin de semana" and keep all month card text
     fully inside the white date card above the fixed footer. */
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-duration {
    grid-template-columns:minmax(142px,1.5fr) minmax(92px,1fr) minmax(72px,.76fr) !important;
    gap:8px !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-duration button {
    min-width:0 !important;
    padding:0 8px !important;
    font-size:14.5px !important;
    letter-spacing:-.02em !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months {
    min-height:118px !important;
    height:118px !important;
    padding-bottom:0 !important;
    overflow-y:visible !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months [data-apd-flex-month] {
    height:116px !important;
    min-height:116px !important;
    padding:10px 6px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months [data-apd-flex-month] strong {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    color:#222 !important;
    font-size:14.5px !important;
    line-height:1.12 !important;
    font-weight:650 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months [data-apd-flex-month] small {
    display:block !important;
    margin-top:5px !important;
    color:#222 !important;
    font-size:13.5px !important;
    line-height:1.1 !important;
    font-weight:450 !important;
    white-space:nowrap !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months .apd15-month-calendar {
    position:relative !important;
    display:block !important;
    width:28px !important;
    min-width:28px !important;
    height:27px !important;
    min-height:27px !important;
    margin:0 auto 8px !important;
    border:2px solid #707070 !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#707070 !important;
    box-sizing:border-box !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months .apd15-month-calendar::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:6px !important;
    height:2px !important;
    background:currentColor !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months .apd15-month-calendar > i {
    position:absolute !important;
    top:-5px !important;
    width:2px !important;
    height:8px !important;
    border-radius:2px !important;
    background:currentColor !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months .apd15-month-calendar > i:first-child {left:6px !important;}
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months .apd15-month-calendar > i:nth-child(2) {right:6px !important;}
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months .apd15-month-calendar > b {display:none !important;}
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months [data-apd-flex-month].is-active .apd15-month-calendar,
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months [data-apd-flex-month][aria-pressed="true"] .apd15-month-calendar {
    color:#222 !important;
    border-color:#222 !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months [data-apd-flex-month].is-active .apd15-month-calendar::after,
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-months [data-apd-flex-month][aria-pressed="true"] .apd15-month-calendar::after {
    content:"" !important;
    position:absolute !important;
    right:-2px !important;
    bottom:-2px !important;
    width:10px !important;
    height:10px !important;
    background:linear-gradient(135deg,#fff 0 46%,#222 47% 57%,transparent 58% 100%) !important;
    border-radius:0 0 3px 0 !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-date-view[data-apd-date-view="flexible"] {
    padding-bottom:0 !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-section {
    padding:11px 0 !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd15-flexible-section h3 {
    margin-bottom:10px !important;
    font-size:18px !important;
  }

  /* QUIÉN: one-screen layout like the approved reference. No internal scrolling
     is needed for the four rows, and Mascotas stays fully above Buscar. */
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guests-panel {
    padding:18px 20px 10px !important;
    max-height:none !important;
    height:auto !important;
    overflow:hidden !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guests-panel .apd5-panel-title {
    margin:0 0 10px !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guests-panel .apd5-panel-title strong {
    font-size:28px !important;
    line-height:1.04 !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guest-row {
    min-height:70px !important;
    height:70px !important;
    padding:9px 0 !important;
    gap:10px !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guest-row strong {
    font-size:16.5px !important;
    line-height:1.12 !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guest-row span {
    margin-top:3px !important;
    font-size:13.5px !important;
    line-height:1.2 !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guest-row > div:last-child {
    gap:11px !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guest-row [data-counter] {
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    font-size:27px !important;
  }
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-guest-row output {
    width:20px !important;
    min-width:20px !important;
    font-size:17px !important;
  }

  /* Give the white cards a little air above the fixed footer without clipping. */
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-date-panel,
  html body.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guests-panel {
    margin-bottom:6px !important;
  }
}

/* APD 335 — authoritative iPhone reference lock.
   This block intentionally has higher specificity than all historical mobile
   search layers. It is the final visual contract for the approved Airbnb
   reference supplied by the user. */
@media (max-width: 767px) {
  /* ---------------------------------------------------------------------
     COLLAPSED SUMMARIES: one real Lugar + one real Fechas value only.
     --------------------------------------------------------------------- */
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > #apd5-location-summary,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd223-location-value,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd26-compact-summary,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd328-location-summary,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd334-location-summary,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child::after {
    display:none !important;
    visibility:hidden !important;
    content:none !important;
  }

  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd335-location-summary {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:72% !important;
    margin:0 0 0 auto !important;
    color:#171717 !important;
    font-size:16px !important;
    line-height:1.16 !important;
    font-weight:650 !important;
    letter-spacing:-.025em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="location"] > button:first-child > .apd335-location-summary:empty {
    display:none !important;
  }

  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > #apd5-date-summary,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > .apd26-compact-summary,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > .apd328-date-summary,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child::after {
    display:none !important;
    visibility:hidden !important;
    content:none !important;
  }

  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search > [data-search-field="dates"] > button:first-child > .apd335-date-summary {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:72% !important;
    margin:0 0 0 auto !important;
    color:#171717 !important;
    font-size:16px !important;
    line-height:1.16 !important;
    font-weight:650 !important;
    letter-spacing:-.025em !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* Keep the approved Lugar/Fechas rows visible while moving forward. */
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] > [data-search-field="location"],
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"],
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* ---------------------------------------------------------------------
     EXACT DATES: black endpoints + light grey connected middle, like reference.
     Also compact the month just enough to keep flexibility chips visible.
     --------------------------------------------------------------------- */
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-date-panel {
    padding:20px 20px 12px !important;
    max-height:min(56dvh,500px) !important;
    overflow:hidden !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-date-panel .apd5-panel-title {
    margin:0 0 14px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-date-mode {
    height:52px !important;
    min-height:52px !important;
    margin:0 0 12px !important;
    padding:4px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-date-mode button {
    height:44px !important;
    min-height:44px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] #apd5-calendar-months {
    display:block !important;
    visibility:visible !important;
    min-height:0 !important;
    max-height:284px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] #apd5-calendar-months::-webkit-scrollbar {display:none !important;}

  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-calendar-month {
    padding-bottom:8px !important;
  }
  /* Airbnb reference order: month title, weekdays, dates. */
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-calendar-month h3 {
    order:1 !important;
    margin:0 0 10px !important;
    font-size:19px !important;
    line-height:1.18 !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-calendar-month .apd5-calendar-weekdays {
    order:2 !important;
    margin:0 0 7px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-calendar-month .apd5-calendar-days {
    order:3 !important;
    row-gap:1px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd5-calendar-days button {
    height:36px !important;
    min-height:36px !important;
    line-height:36px !important;
    font-size:15px !important;
  }

  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-in-range:not(.is-start):not(.is-end) {
    background:#ededed !important;
    color:#222 !important;
    border-radius:0 !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-start,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-end {
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    justify-self:center !important;
    background:#222 !important;
    color:#fff !important;
    border-radius:50% !important;
    overflow:visible !important;
    z-index:2 !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-start::before,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-end::before {
    display:block !important;
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    top:0 !important;
    bottom:0 !important;
    background:#ededed !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-start::before {left:50% !important;right:-7px !important;}
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-end::before {left:-7px !important;right:50% !important;}
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search .apd5-calendar-days button.is-start.is-end::before {display:none !important;}

  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-date-flexibility {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    min-height:44px !important;
    margin:5px -2px 0 !important;
    padding:7px 2px 0 !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-date-flexibility button {
    height:36px !important;
    min-height:36px !important;
    padding:0 13px !important;
    font-size:14.5px !important;
    line-height:34px !important;
  }

  /* ---------------------------------------------------------------------
     FLEXIBLE: full labels, fully visible month/year, selected folded calendar.
     --------------------------------------------------------------------- */
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-date-view[data-apd-date-view="flexible"] {
    padding-bottom:0 !important;
    overflow:visible !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-section {
    padding:8px 0 !important;
    margin:0 !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-section h3 {
    margin:4px 0 10px !important;
    font-size:18.5px !important;
    line-height:1.16 !important;
    letter-spacing:-.025em !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-duration {
    display:grid !important;
    grid-template-columns:minmax(0,1.48fr) minmax(0,.98fr) minmax(0,.72fr) !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-duration > button {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 7px !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:42px !important;
    letter-spacing:-.025em !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-months {
    display:flex !important;
    align-items:stretch !important;
    gap:9px !important;
    width:100% !important;
    min-height:112px !important;
    height:112px !important;
    margin:0 !important;
    padding:0 0 1px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-months::-webkit-scrollbar {display:none !important;}
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-months [data-apd-flex-month] {
    flex:0 0 calc(33.333% - 6px) !important;
    width:calc(33.333% - 6px) !important;
    min-width:calc(33.333% - 6px) !important;
    height:110px !important;
    min-height:110px !important;
    padding:9px 5px 7px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-months [data-apd-flex-month] strong {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    font-size:14.5px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-months [data-apd-flex-month] small {
    display:block !important;
    margin:4px 0 0 !important;
    font-size:13.5px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="dates"] .apd15-flexible-months .apd15-month-calendar {
    width:27px !important;
    min-width:27px !important;
    height:26px !important;
    min-height:26px !important;
    margin:0 auto 7px !important;
  }

  /* ---------------------------------------------------------------------
     QUIÉN: compact one-screen card; Mascotas must stay above Buscar.
     --------------------------------------------------------------------- */
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"],
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] {
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    flex:0 0 60px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="location"] > button:first-child,
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] > [data-search-field="dates"] > button:first-child {
    height:60px !important;
    min-height:60px !important;
    padding:0 20px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guests-panel {
    padding:15px 20px 8px !important;
    min-height:0 !important;
    max-height:350px !important;
    height:auto !important;
    overflow:hidden !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guests-panel .apd5-panel-title {
    margin:0 0 7px !important;
    min-height:34px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guests-panel .apd5-panel-title strong {
    font-size:27px !important;
    line-height:1.02 !important;
    font-weight:690 !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guest-row {
    min-height:61px !important;
    height:61px !important;
    padding:7px 0 !important;
    gap:9px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guest-row[data-guest-row="pets"] {
    min-height:69px !important;
    height:69px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guest-row strong {
    font-size:16px !important;
    line-height:1.08 !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guest-row span {
    margin-top:2px !important;
    max-width:215px !important;
    font-size:13px !important;
    line-height:1.15 !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guest-row > div:last-child {
    gap:9px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guest-row [data-counter] {
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    flex:0 0 36px !important;
    font-size:25px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal
  #apd5-search[data-active-panel="guests"] .apd5-guest-row output {
    width:18px !important;
    min-width:18px !important;
    font-size:17px !important;
  }

  /* Slightly smaller final footer = more usable vertical room without changing
     the approved button hierarchy. */
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd176-mobile-footer:not([hidden]) {
    min-height:78px !important;
    padding:9px 16px calc(11px + env(safe-area-inset-bottom,0px)) !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd176-mobile-footer .apd176-footer-primary {
    height:54px !important;
    min-height:54px !important;
    border-radius:17px !important;
  }
  html body.apd328-mobile-search-reference.apd334-mobile-search-reference-final.apd335-mobile-search-reference-lock.apd186-search-modal-open .apd186-search-portal #apd5-search {
    padding-bottom:calc(108px + env(safe-area-inset-bottom,0px)) !important;
    scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom,0px)) !important;
  }
}