/* Externalized from inline css in public page bloat-reduction phase. Source marker: assets/css/oloropa19-header-hero-route-finetune.css. */
/* Inlined from assets/css/oloropa19-header-hero-route-finetune.css */
/* Oloropa 19 — Header / Hero / Route Belt Stabilizer
   Purpose: lock the private concierge header to the real viewport on every page and
   repair the screenshot issue where the header drifted to the right side of the canvas.
*/
:root{
  --ol19-header-top:clamp(10px,1.5vw,18px);
  --ol19-header-width:min(1188px, calc(100vw - 32px));
  --ol19-header-height:76px;
  --ol19-forest:#06170f;
  --ol19-forest-2:#102f22;
  --ol19-gold:#d9b869;
  --ol19-ivory:#fff5dd;
  --ol19-muted:rgba(255,245,221,.72);
}
html,body{max-width:100%;overflow-x:hidden;}
.ol-cc-header[data-oloropa-concierge-header],
header.ol-cc-header{
  position:fixed!important;
  top:var(--ol19-header-top)!important;
  left:50%!important;
  right:auto!important;
  width:var(--ol19-header-width)!important;
  max-width:var(--ol19-header-width)!important;
  margin:0!important;
  transform:translate3d(-50%, var(--ol19-header-y, 0), 0)!important;
  z-index:2147483000!important;
  display:grid!important;
  grid-template-columns:minmax(245px,.92fr) minmax(420px,auto) minmax(170px,.42fr)!important;
  align-items:center!important;
  gap:clamp(10px,1.4vw,18px)!important;
  border-radius:999px!important;
  overflow:visible!important;
  backdrop-filter:blur(24px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(122%)!important;
  background:linear-gradient(135deg,rgba(8,29,20,.74),rgba(25,55,40,.62))!important;
  border:1px solid rgba(255,245,221,.18)!important;
  box-shadow:0 20px 80px rgba(0,0,0,.24)!important;
  transition:top .34s ease,width .34s ease,padding .34s ease,background .34s ease,border-color .34s ease,box-shadow .34s ease,transform .34s ease!important;
  contain:layout style;
}
body.ol-p1-command-compact .ol-cc-header[data-oloropa-concierge-header],
body.ol19-header-scrolled .ol-cc-header[data-oloropa-concierge-header],
.ol-cc-header[data-oloropa-concierge-header].is-compact,
.ol-cc-header[data-oloropa-concierge-header].is-scrolled{
  --ol19-header-top:9px;
  --ol19-header-width:min(1128px, calc(100vw - 24px));
  background:linear-gradient(135deg,rgba(8,29,20,.96),rgba(25,55,40,.94))!important;
  border-color:rgba(217,184,105,.35)!important;
  box-shadow:0 22px 72px rgba(0,0,0,.36)!important;
}
body.ol-p1-scroll-down:not(.ol-p1-drawer-open) .ol-cc-header[data-oloropa-concierge-header].ol-p1-can-hide{--ol19-header-y:-124%;}
body.ol-p1-scroll-up .ol-cc-header[data-oloropa-concierge-header],
body:not(.ol-p1-scroll-down) .ol-cc-header[data-oloropa-concierge-header]{--ol19-header-y:0;}
.ol-cc-header .ol-cc-brand{min-width:0!important;white-space:nowrap!important;}
.ol-cc-header .ol-cc-brand img{flex:0 0 auto!important;width:44px!important;height:44px!important;}
.ol-cc-header .ol-cc-brand small{max-width:220px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ol-cc-header .ol-cc-brand strong{white-space:nowrap!important;}
.ol-cc-header .ol-cc-nav{min-width:0!important;max-width:100%!important;justify-content:center!important;white-space:nowrap!important;overflow:visible!important;}
.ol-cc-header .ol-cc-nav-item{min-width:0!important;}
.ol-cc-header .ol-cc-link{white-space:nowrap!important;line-height:1!important;min-height:40px!important;}
.ol-cc-header .ol-cc-actions{min-width:0!important;display:flex!important;justify-content:flex-end!important;}
.ol-cc-header .ol-cc-cta{white-space:nowrap!important;}
.ol-cc-header .ol-cc-mega{z-index:2147483001!important;}
.ol-cc-mobile-drawer{z-index:2147482990!important;}
main[id="main-content"]{position:relative;z-index:1;}
body[data-ol-page-family="ix"] .ix-hero,
body[data-oloropa-page="index.html"] .ix-hero{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);}
body[data-ol-page-family="ix"] .ix-hero video,
body[data-oloropa-page="index.html"] .ix-hero video,
body[data-ol-page-family="ix"] .ix-bg-video,
body[data-oloropa-page="index.html"] .ix-bg-video{position:absolute!important;inset:0!important;width:100vw!important;max-width:none!important;min-width:100vw!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
body[data-ol-page-family="ix"] .ix-phase5-arrival::after,
body[data-oloropa-page="index.html"] .ix-phase5-arrival::after{background:radial-gradient(circle at 18% 30%,rgba(217,184,105,.16),transparent 28%),linear-gradient(90deg,rgba(6,18,12,.62),rgba(6,18,12,.22) 46%,rgba(6,18,12,.74) 100%),linear-gradient(180deg,rgba(6,18,12,.12),rgba(6,18,12,.78))!important;}
body[data-ol-page-family="ix"] #destination-scroll,
body[data-oloropa-page="index.html"] #destination-scroll{scroll-margin-top:calc(var(--ol19-header-height) + 28px);}
body[data-ol-page-family="ix"] .ol-p7-stage,
body[data-oloropa-page="index.html"] .ol-p7-stage{padding-top:clamp(96px,12vh,132px)!important;}
body[data-ol-page-family="ix"] .ol-p7-head,
body[data-oloropa-page="index.html"] .ol-p7-head{position:relative;z-index:3;}
@media (max-width:1180px){
  .ol-cc-header[data-oloropa-concierge-header],header.ol-cc-header{grid-template-columns:minmax(0,1fr) auto!important;width:min(100vw - 22px,980px)!important;}
  .ol-cc-header .ol-cc-nav{display:none!important;}
  .ol-cc-header .ol-cc-menu-button{display:inline-flex!important;}
}
@media (max-width:760px){
  :root{--ol19-header-top:10px;--ol19-header-width:calc(100vw - 18px);}
  .ol-cc-header[data-oloropa-concierge-header],header.ol-cc-header{border-radius:26px!important;padding:8px 9px!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .ol-cc-header .ol-cc-brand img{width:38px!important;height:38px!important;}
  .ol-cc-header .ol-cc-brand small{max-width:145px!important;font-size:9px!important;}
  .ol-cc-header .ol-cc-brand strong{font-size:15px!important;}
  .ol-cc-header .ol-cc-cta{display:none!important;}
  body[data-ol-page-family="ix"] .ol-p7-stage,body[data-oloropa-page="index.html"] .ol-p7-stage{padding-top:94px!important;}
}
