/* 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;
  }
}