/* Hotelia Chile V1.2.0.1 — Unified Corporate Header & Navigation Shell */
:root{--hotel-launch-focus:#ff6b47;--hotel-launch-navy:#072c67}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(255,107,71,.42);outline-offset:3px}
.hotelia-menu-toggle{display:none;border:1px solid #d9e3ef;background:#fff;color:var(--hotel-launch-navy);width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;font:800 24px/1 system-ui;cursor:pointer;flex:0 0 44px}
.hc-main-left,.hrc-page,.property-main,.commercial-page,.hl-main{min-width:0}
.hc-property-media,.hc-destination-media,.hrc-featured-card img,.hrc-region-cover img,.hotel-tile-media img,.hotelia-related-thumb img{background:#e8eff7}
.hf-cookie-notice{bottom:max(12px,env(safe-area-inset-bottom));padding-bottom:max(18px,env(safe-area-inset-bottom))}

/* Prevent long labels/URLs from producing horizontal scroll. */
.hc-property-body h3,.hc-property-location,.hrc-hotel-body,.commercial-form,.hl-content,.hl-contact-copy,.hf-column,.hf-brand-column{overflow-wrap:anywhere}

/* Large tablet: preserve hierarchy before the phone breakpoint. */
@media(max-width:1100px){
  .hc-container,.hrc-shell{width:min(100vw - 36px,1480px)}
  .hc-main-grid{grid-template-columns:1fr}
  .hc-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hc-sidebar>*:first-child{grid-column:1/-1}
  .hc-property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  .hotelia-menu-toggle{display:inline-flex;position:relative;z-index:62}

  /* Corporate shell */
  .hc-topbar{position:sticky!important;top:0;z-index:90;background:#fff}
  .hc-topbar-inner{position:relative;flex-wrap:nowrap!important;min-height:70px!important;padding:10px 0!important}
  .hc-topbar .hc-brand{order:0;min-width:0!important}
  .hc-topbar .hotelia-menu-toggle{order:1;margin-left:auto}
  .hc-topbar .hc-actions{order:2;width:auto!important;margin-left:0!important}
  .hc-topbar:not(.has-mobile-nav) .hc-nav{display:flex!important;overflow-x:auto}
  .hc-topbar.has-mobile-nav .hc-nav{display:none!important;position:absolute;z-index:60;top:calc(100% + 8px);left:0;right:0;width:auto!important;margin:0!important;padding:10px;background:#fff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 18px 44px rgba(7,31,70,.18);overflow:visible!important}
  .hc-topbar.has-mobile-nav.is-menu-open .hc-nav{display:grid!important;gap:2px!important}
  .hc-topbar.has-mobile-nav .hc-nav a{display:flex;align-items:center;min-height:44px;padding:9px 11px;border-radius:10px;font-size:14px;white-space:normal}
  .hc-topbar.has-mobile-nav .hc-nav a:hover{background:#f4f8fd}
  .hc-topbar .hc-locale{display:none!important}
  .hc-topbar .hc-actions .hc-btn-ghost{display:none!important}

  /* Destination shell */
  .hotelia-destination-topbar-inner{position:relative}
  .hotelia-destination-topbar .hotelia-menu-toggle{margin-left:auto}
  .hotelia-destination-topbar:not(.has-mobile-nav) .hotelia-destination-nav{display:flex!important;overflow-x:auto}
  .hotelia-destination-topbar.has-mobile-nav .hotelia-destination-nav{display:none!important;position:absolute;z-index:60;left:0;right:0;top:calc(100% + 7px);padding:10px;background:#fff;border:1px solid #dce5ef;border-radius:15px;box-shadow:0 18px 42px rgba(7,31,70,.18)}
  .hotelia-destination-topbar.has-mobile-nav.is-menu-open .hotelia-destination-nav{display:grid!important;gap:2px}
  .hotelia-destination-topbar.has-mobile-nav .hotelia-destination-nav a{min-height:44px;display:flex;align-items:center;padding:9px 10px;border-radius:10px}

  /* Legal shell */
  .hl-topbar{position:sticky;top:0;z-index:90;background:#fff}
  .hl-topbar .hl-shell{position:relative;height:auto!important;min-height:68px;flex-direction:row!important;align-items:center!important;padding:10px 0!important}
  .hl-topbar .hotelia-menu-toggle{margin-left:auto}
  .hl-topbar:not(.has-mobile-nav) .hl-nav{display:flex!important;overflow-x:auto}
  .hl-topbar.has-mobile-nav .hl-nav{display:none!important;position:absolute;z-index:60;top:calc(100% + 7px);left:0;right:0;padding:10px;background:#fff;border:1px solid #dce5ef;border-radius:15px;box-shadow:0 18px 42px rgba(7,31,70,.18)}
  .hl-topbar.has-mobile-nav.is-menu-open .hl-nav{display:grid!important;gap:2px}
  .hl-topbar.has-mobile-nav .hl-nav a{min-height:44px;display:flex;align-items:center;padding:8px 10px;border-radius:9px}

  /* Legacy property shell, progressively hardened instead of redesigned. */
  .topbar{position:sticky!important;top:0;z-index:90;height:auto!important;min-height:66px;padding:9px 18px!important;gap:10px;background:#fff}
  .topbar .hotelia-menu-toggle{margin-left:auto}
  .topbar:not(.has-mobile-nav) .nav{display:flex!important;overflow-x:auto}
  .topbar.has-mobile-nav .nav{display:none!important;position:absolute;z-index:60;left:14px;right:14px;top:calc(100% + 7px);margin:0!important;padding:10px;background:#fff;border:1px solid #dce5ef;border-radius:15px;box-shadow:0 18px 42px rgba(7,31,70,.18)}
  .topbar.has-mobile-nav.is-menu-open .nav{display:grid!important;gap:2px}
  .topbar.has-mobile-nav .nav a{min-height:44px;display:flex;align-items:center;padding:8px 10px;border-radius:9px}
  .topbar .admin-link{margin-left:0!important;white-space:nowrap}

  .property-layout,.page-grid{grid-template-columns:1fr!important}
  .side-rail,.property-side-v114{position:static!important;max-height:none!important;overflow:visible!important}
  .commercial-form-copy{position:static!important}
}

@media(max-width:760px){
  .hc-container,.hrc-shell,.hl-shell{width:min(100vw - 24px,1480px)!important}
  .hc-topbar .hc-brand img{width:138px!important;max-height:50px!important}
  .hc-topbar .hc-actions .hc-btn-primary{display:none!important}
  .hc-hero-copy{padding:30px 20px 98px!important}
  .hc-hero-copy h1{font-size:clamp(38px,11vw,52px)!important;line-height:1.02!important}
  .hc-hero-copy p{font-size:16px!important;line-height:1.55!important}
  .hc-hero-visual{min-height:230px!important}
  .hc-hero-visual img{min-height:230px!important}
  .hc-hero-visual-label{right:14px!important;bottom:76px!important;min-width:0!important;max-width:70%}
  .hc-search-wrap{margin-top:-56px!important}
  .hc-searchbar{grid-template-columns:1fr!important;border-radius:17px!important}
  .hc-field{min-height:82px!important;padding:14px 17px!important;border-right:0!important;border-bottom:1px solid #e6edf5!important}
  .hc-field input,.hc-field select,.commercial-form input,.commercial-form select,.commercial-form textarea,.hl-form input,.hl-form select,.hl-form textarea,.search-strip input,.search-strip select,.booking-form input,.booking-form select{font-size:16px!important}
  .hc-search-btn{min-height:60px!important;border-radius:0 0 16px 16px!important;font-size:17px!important}
  .hc-trust-row{grid-template-columns:1fr!important}
  .hc-main-grid{margin-top:16px!important;gap:16px!important}
  .hc-sidebar{grid-template-columns:1fr!important}
  .hc-sidebar>*:first-child{grid-column:auto}
  .hc-property-grid,.hc-destination-cards,.hrc-region-grid,.hrc-hotel-grid,.hrc-featured-grid{grid-template-columns:1fr!important}
  .hc-property-card,.hc-destination-card{border-radius:17px!important}
  .hc-property-media{aspect-ratio:16/10!important}
  .hc-property-footer{align-items:stretch!important;flex-direction:column!important}
  .hc-availability-btn{width:100%;min-height:48px}

  .hrc-hero h1,.hrc-region-hero h1,.explorer-hero h1,.region-hero-content h1{font-size:clamp(32px,10vw,44px)!important}
  .hrc-map-shell,.chile-map-real-card{padding-left:12px!important;padding-right:12px!important}
  .real-map-stage{min-height:390px!important}
  .chile-region-map-real{height:390px!important}

  .hotelia-destination-topbar-inner{width:min(100vw - 22px,1180px)!important;gap:10px!important}
  .hotelia-destination-brand img{width:116px!important}
  .hotelia-destination-action{display:none!important}
  .hotelia-destination-hero{min-height:320px!important}
  .hotelia-destination-hero-content{padding:46px 16px 38px!important}
  .hotelia-destination-hero h1{font-size:clamp(36px,11vw,52px)!important}
  .hotelia-destination-hero p{font-size:16px!important}
  .search-strip{margin-top:-14px!important}
  .search-strip form{grid-template-columns:1fr!important;padding:12px!important}
  .hotel-grid{grid-template-columns:1fr!important}

  .content-shell{padding-left:16px!important;padding-right:16px!important}
  .breadcrumbs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-top:14px!important;padding-bottom:14px!important}
  .property-main h1,.property-title-block h1{font-size:clamp(28px,9vw,38px)!important;line-height:1.08!important}
  .property-gallery-collage{border-radius:14px!important}
  .collage-main{height:260px!important}
  .collage-side{height:120px!important}
  .google-map-frame{height:280px!important}
  .fact-grid,.fact-grid-v114,.highlight-grid,.facility-grid-v114,.nearby-grid,.nearby-grid-v114{grid-template-columns:1fr!important}
  .booking-card{position:static!important}

  .commercial-hero-grid>div:first-child{padding:26px 18px!important}
  .commercial-hero h1{font-size:clamp(34px,10vw,44px)!important}
  .commercial-form-card,.commercial-form-copy{padding:20px!important;border-radius:18px!important}
  .commercial-form-grid,.commercial-benefits{grid-template-columns:1fr!important}
  .commercial-submit,.hl-submit{min-height:50px}

  .hl-hero{padding:42px 0!important}
  .hl-hero h1{font-size:clamp(32px,10vw,42px)!important}
  .hl-content,.hl-contact-copy,.hl-form-card{padding:22px 18px!important;border-radius:18px!important}
  .hl-form-grid,.hl-card-grid{grid-template-columns:1fr!important}

  .hf-footer{margin-top:28px!important}
  .hf-footer-main{grid-template-columns:1fr!important;gap:20px!important}
  .hf-column{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
  .hf-cookie-actions{width:100%;display:grid!important;grid-template-columns:1fr auto}
  .hf-cookie-actions button{min-height:44px}
}

@media(max-width:420px){
  .hc-topbar .hc-brand img{width:126px!important}
  .hotelia-menu-toggle{width:42px;height:42px;flex-basis:42px}
  .hc-hero-copy h1{font-size:36px!important}
  .hc-hero-assurance{gap:6px!important}
  .hc-hero-assurance span{font-size:10px!important;padding:5px 8px!important}
  .hc-destination-card{min-height:205px!important}
  .hf-cookie-notice{left:8px!important;right:8px!important;border-radius:15px!important;padding:15px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.hotelia-property-brand{display:flex;align-items:center;min-width:150px}
.hotelia-property-brand img{display:block;width:142px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
@media(max-width:760px){.hotelia-property-brand{min-width:0!important}.hotelia-property-brand img{width:124px;max-height:48px}.topbar .admin-link{font-size:11px}}


/* V1.2.0.1 — one public header component for every Hotelia surface. */
.hch-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(7,44,103,.09);backdrop-filter:saturate(145%) blur(12px);-webkit-backdrop-filter:saturate(145%) blur(12px)}
.hch-shell{width:min(1480px,calc(100vw - 64px));min-height:86px;margin:0 auto;display:flex;align-items:center;gap:26px}
.hch-brand{display:flex;align-items:center;flex:0 0 auto;min-width:150px}
.hch-brand img{display:block;width:150px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.hch-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto}
.hch-nav a{position:relative;display:flex;align-items:center;min-height:46px;color:#2b3f60;font-size:15px;font-weight:650;white-space:nowrap;transition:color .18s ease}
.hch-nav a:hover,.hch-nav a.active{color:#072c67}
.hch-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;border-radius:999px;background:#ff6b47}
.hch-actions{display:flex;align-items:center;gap:10px;margin-left:8px}
.hch-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:13px;font-size:14px;font-weight:750;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.hch-btn:hover{transform:translateY(-1px)}
.hch-btn-ghost{background:#fff;border:1px solid #ced9e7;color:#15345f}
.hch-btn-ghost:hover{background:#f5f8fc;border-color:#bac9dc}
.hch-btn-primary{background:#ff6b47;border:1px solid #ff6b47;color:#fff;box-shadow:0 9px 20px rgba(255,107,71,.18)}
.hch-btn-primary:hover{background:#ff5a33;border-color:#ff5a33}
.hch-menu-toggle{display:none}

@media(max-width:1120px){
  .hch-shell{width:min(100vw - 36px,1480px);gap:18px}
  .hch-nav{gap:18px}
  .hch-actions .hch-btn-ghost{display:none}
}
@media(max-width:900px){
  .hch-header{position:sticky;top:0}
  .hch-shell{position:relative;min-height:72px;gap:10px}
  .hch-brand{min-width:0}
  .hch-brand img{width:138px;max-height:51px}
  .hch-menu-toggle{display:inline-flex;margin-left:auto;order:2}
  .hch-nav{display:none;position:absolute;z-index:120;left:0;right:0;top:calc(100% + 7px);margin:0;padding:10px;background:#fff;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 18px 44px rgba(7,31,70,.18)}
  .hch-header.is-menu-open .hch-nav{display:grid;gap:2px}
  .hch-nav a{min-height:45px;padding:9px 11px;border-radius:10px;font-size:14px;white-space:normal}
  .hch-nav a:hover,.hch-nav a.active{background:#f4f8fd}
  .hch-nav a.active::after{display:none}
  .hch-actions{order:3;margin-left:0}
  .hch-actions .hch-btn-ghost{display:none}
  .hch-actions .hch-btn-primary{min-height:44px;padding:0 14px;font-size:13px}
}
@media(max-width:620px){
  .hch-shell{width:min(100vw - 24px,1480px)}
  .hch-brand img{width:128px;max-height:48px}
  .hch-actions .hch-btn-primary{display:none}
}
