/* Termas Chile: marca, navegación y portada fotográfica. */
:root{--clay:#994629;--header-height:88px}
.site-header{background:#fffdf8;border-bottom:1px solid #e7e1d6;backdrop-filter:none}
.header-inner{height:var(--header-height);gap:24px}
.brand{gap:10px;color:var(--forest)}
.brand{flex-shrink:0}
.brand img{width:184px;height:auto}
.site-header .main-nav{gap:7px}
.main-nav>a,.main-nav summary{display:flex;align-items:center;gap:5px;padding:10px 11px;border-radius:7px;font-size:.86rem;font-weight:650;white-space:nowrap}
.main-nav>a:hover,.main-nav summary:hover,.main-nav>a[aria-current],.main-nav details[open]>summary{background:#f1ece2;color:var(--clay)}
.main-nav summary .icon{width:13px;height:13px;transform:rotate(90deg);transition:transform .15s}
.main-nav details[open] summary .icon{transform:rotate(-90deg)}
.site-header .nav-popover{width:520px;max-height:70vh;overflow-y:auto;top:calc(100% + 15px);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-color:#e7e1d6;border-radius:12px;box-shadow:0 18px 40px #17352e1a}
.nav-caption{grid-column:1/-1;padding:0 10px 10px;font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--clay)}
.nav-popover a{padding:9px 10px;font-size:.8rem;border-radius:6px;line-height:1.5}
.nav-popover a[aria-current]{background:var(--sand);font-weight:750;color:var(--clay)}
.main-nav summary.is-current{color:var(--clay);background:#f1ece2}
.site-header .nav-grouped{width:560px;gap:12px 24px;padding:22px 20px 12px}
.nav-destinations .nav-popover{left:0;transform:none}
.nav-guides .nav-popover{left:auto;right:0;transform:none}
.nav-group{min-width:0}
.nav-group .nav-caption{display:block;padding:0 12px 10px}
.nav-group a{min-height:44px;display:flex;align-items:center;padding:10px 12px;font-size:.86rem}
.nav-panel-footer{grid-column:1/-1;position:relative;border-top:1px solid var(--line);margin-top:8px;padding-top:8px;color:var(--forest)}
.nav-panel-footer a{padding:12px;font-weight:700;font-size:.85rem;padding-right:40px}
.nav-panel-footer>.icon{position:absolute;right:12px;top:22px;pointer-events:none;width:18px}
.site-header .nav-type-list{left:auto;right:0;transform:none;width:360px;grid-template-columns:1fr;gap:8px;padding:12px}
.nav-type-list a.nav-feature{display:flex;align-items:flex-start;gap:14px;padding:16px}
.nav-feature>.icon{width:24px;height:24px;margin-top:2px;color:var(--water)}
.nav-feature span{min-width:0}
.nav-feature strong{display:block;font-size:.9rem;font-weight:700}
.nav-feature small{display:block;margin-top:4px;color:var(--muted);font-size:.79rem;line-height:1.6}
.site-header .nav-region-list{width:560px}
.nav-region-list a{min-height:44px;display:flex;align-items:center;font-size:.84rem}
.header-actions{gap:10px}
.header-actions .icon-link{width:42px;height:42px;border:1px solid #dfdfd5}
.header-search{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border-radius:7px;background:var(--forest);color:#fff;text-decoration:none;font-size:.8rem;font-weight:750;white-space:nowrap}
.header-search:hover{background:var(--clay)}
.header-actions .menu-button{border:1px solid #dfdfd5;border-radius:7px;width:44px;height:44px}
.menu-button[aria-expanded="true"]{color:var(--clay);background:var(--sand)}
.brand.footer-logo{color:#fff8ea}
.breadcrumb-band{background:#f6f3ec;border-bottom:1px solid #e9e5dc}
.breadcrumb-band .breadcrumbs{padding-block:12px;overflow:visible;white-space:normal}
.breadcrumbs ol{align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:.78rem;line-height:1.5;color:#58655e}
.breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0}
.breadcrumbs li+li:before{display:none}
.breadcrumbs li>.icon{width:12px;height:12px;color:#899089}
.breadcrumbs a{display:inline-flex;align-items:center;gap:7px;padding-block:5px;border-radius:3px}
.breadcrumbs a:hover{color:var(--clay);text-decoration:underline}
.breadcrumbs .breadcrumb-home .icon{width:15px;height:15px}
.breadcrumbs [aria-current]{padding:5px 10px;border-radius:5px;background:#e9e6dd;color:var(--forest);font-weight:650;overflow-wrap:anywhere}
.home-hero{isolation:isolate;background:#172d25}
.home-hero .hero-photo{position:absolute;inset:0;margin:0;z-index:-2}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.home-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,30,23,.89),rgba(13,30,23,.64) 38%,rgba(13,30,23,.05) 78%),linear-gradient(0deg,rgba(13,30,23,.72),transparent 45%)}
.hero-stage{position:relative;min-height:500px;padding-block:48px 64px;display:flex;align-items:center}
.home-hero .hero-copy{width:650px;max-width:100%;padding:0}
.home-hero .hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;color:#f2d7ac;letter-spacing:.15em;font-size:.7rem;margin-bottom:24px}
.home-hero .hero-copy>.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}
.home-hero .hero-copy h1{font:700 clamp(2.6rem,4.6vw,4.2rem)/1.12 "Roboto",Arial,sans-serif;letter-spacing:-.025em;max-width:700px}
.home-hero .hero-copy h1 em{font-style:normal;font-weight:700;color:#f4d4a5}
.home-hero .hero-copy>p{max-width:475px;margin:25px 0 28px;color:#fff8ea;font-size:1.02rem;line-height:1.8}
.home-hero .home-search{max-width:540px;min-height:66px;border-radius:9px;padding:7px 7px 7px 20px;box-shadow:0 8px 30px #0002;gap:12px}
.home-hero .home-search button{background:var(--clay);border-radius:5px;font-size:.9rem;padding-inline:24px}
.home-hero .home-search button:hover{background:#74331d}
.home-search:focus-within{outline:3px solid #e1b87e;outline-offset:4px}
.home-hero .hero-links{gap:25px;margin-top:20px;font-size:.83rem}
.home-hero .hero-links a{font-weight:550;text-decoration:none}
.home-hero .hero-links a:hover{text-decoration:underline}
.hero-photo-credit{position:absolute;right:0;bottom:30px;display:flex;align-items:center;gap:10px;max-width:280px;padding:10px 14px;background:#142b24c9;border:1px solid #ffffff40;border-radius:7px;text-decoration:none;color:#fff;backdrop-filter:blur(6px)}
.hero-photo-credit span{display:flex;flex-direction:column;line-height:1.5;font-size:.85rem;font-weight:650}
.hero-photo-credit small{font-size:.7rem;font-weight:450;color:#eceadf}
.hero-photo-credit:hover{background:#142b24}
.home-directions{border-bottom:1px solid #e5dfd4;background:#f6f1e7}
.directions-inner{display:grid;grid-template-columns:1.15fr repeat(3,1fr);align-items:center;padding-block:22px;gap:24px}
.directions-label{font:600 1rem "Roboto",Arial,sans-serif;color:var(--forest)}
.directions-inner>a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:1px solid #d6d3c7;padding-left:24px;text-decoration:none}
.directions-inner>a span{display:flex;flex-direction:column}
.directions-inner strong{font-size:.88rem;font-weight:750}
.directions-inner small{color:var(--muted);font-size:.73rem;margin-top:2px}
.directions-inner>a>.icon{width:18px;color:var(--clay)}
.directions-inner>a:hover strong{color:var(--clay);text-decoration:underline}
.site-header a:focus-visible,.site-header summary:focus-visible,.breadcrumbs a:focus-visible,.hero-photo-credit:focus-visible,.directions-inner a:focus-visible{outline:2px solid var(--clay);outline-offset:4px}
@media(max-width:1120px){
 .header-inner{gap:16px}.site-header .main-nav{gap:1px}.main-nav>a,.main-nav summary{padding-inline:8px}.header-search span{display:none}.header-search{width:44px;padding:10px}
}
@media(max-width:1020px){
 :root{--header-height:80px}
 .header-actions{margin-left:auto}
 .site-header .main-nav{inset:var(--header-height) 0 auto;padding:20px;gap:6px;max-height:calc(100dvh - var(--header-height));overflow-y:auto;background:#fffdf8}
 .main-nav>a,.main-nav summary{padding:12px 15px;font-size:1rem}
 .site-header .nav-popover{position:static;width:100%;max-height:none;transform:none;margin:8px 0;padding:12px;box-shadow:none}
 .main-nav summary{justify-content:space-between;min-height:48px}
 .main-nav .nav-dropdown{border-bottom:1px solid #e7e1d6;padding-bottom:5px}
 .site-header .nav-grouped{gap:18px;background:#fff}
 .nav-type-list a.nav-feature{padding:14px 10px}
 .nav-group .nav-caption{padding-top:6px}
 .hero-stage{min-height:0;padding-block:36px 28px;flex-direction:column;align-items:flex-start;gap:24px}
 .hero-photo-credit{position:static;align-self:flex-end}
 .directions-inner{gap:14px;grid-template-columns:repeat(3,1fr)}
 .directions-label{grid-column:1/-1;font-size:1rem}
 .directions-inner>a{padding-left:14px}.directions-inner>a:nth-child(2){border-left:0;padding-left:0}
}
@media(max-width:600px){
 :root{--header-height:74px}
 .header-inner{gap:10px}.brand{gap:8px}.brand img{width:clamp(128px,38vw,150px);height:auto}
 .header-actions{gap:6px}.header-actions .icon-link{width:36px;height:40px;border:0}.header-search{width:38px;min-height:40px;padding:8px;background:transparent;color:var(--forest)}.header-search:hover{background:var(--sand)}
 .header-actions .menu-button{width:40px;height:40px}.header-actions .icon{width:19px;height:19px}
 .site-header .nav-popover{grid-template-columns:1fr}.nav-caption{padding-top:6px}
 .breadcrumb-band .breadcrumbs{padding-block:9px}.breadcrumbs ol{font-size:.72rem;gap:3px 6px}.breadcrumbs li{gap:5px}.breadcrumbs [aria-current]{padding:4px 7px}
 .hero-stage{min-height:0;padding-block:28px 24px;flex-direction:column;align-items:flex-start;gap:22px}
 .hero-photo img{object-position:61% center}
 .home-hero:after{background:linear-gradient(90deg,#0d1e17c9,#0d1e174d),linear-gradient(0deg,#0d1e17a6,transparent 35%,#0d1e174d)}
 .home-hero .hero-copy>.eyebrow{font-size:.6rem;letter-spacing:.11em;margin-bottom:16px;gap:9px}
 .home-hero .hero-copy h1{font-size:clamp(2.1rem,9vw,3.2rem);line-height:1.15;letter-spacing:-.025em}
 .home-hero .hero-copy>p{font-size:.92rem;line-height:1.75;max-width:340px;margin-block:18px}
 .home-hero .home-search{min-height:61px;padding-left:12px;gap:8px}.home-hero .home-search input{font-size:.83rem}.home-hero .home-search>.icon{width:18px}.home-hero .home-search button{padding-inline:15px;font-size:.82rem}
 .home-hero .hero-links{font-size:.78rem;gap:14px;margin-top:16px}
 .hero-photo-credit{position:static;align-self:flex-end;padding:8px 11px}.hero-photo-credit span{font-size:.76rem}
 .directions-inner{gap:13px;padding-block:19px}.directions-inner>a{padding-left:10px;gap:4px;align-items:start}.directions-inner strong{font-size:.76rem}.directions-inner small{font-size:.66rem;line-height:1.5}.directions-inner>a>.icon{width:12px;margin-top:4px}
}