/* Palette: Basalto + Laguna. One accent, locked across the page. */
:root{
  --bg:#15171A;
  --surface:#1D2024;
  --surface-2:#24282D;
  --line:rgba(236,234,228,.10);
  --text:#ECEAE4;
  --muted:#A3A7A9;
  --accent:#6FD3B8;
  --accent-ink:#0E1513;
  --accent-soft:rgba(111,211,184,.12);
  --shadow:0 30px 80px -30px rgba(4,8,7,.7);
  --field:#17191C;
  --field-line:rgba(236,234,228,.18);
  --danger:#F0957F;
  --r-lg:28px; --r-md:20px; --r-sm:14px;
  --ease:cubic-bezier(.16,1,.3,1);
  --display:"Cabinet Grotesk", ui-sans-serif, system-ui, sans-serif;
  --body:"Satoshi", ui-sans-serif, system-ui, sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#E9EBEA;
    --surface:#F6F7F6;
    --surface-2:#FFFFFF;
    --line:rgba(21,23,26,.10);
    --text:#15171A;
    --muted:#4C5356;
    --accent:#17695A;
    --accent-ink:#F4F6F5;
    --accent-soft:rgba(23,105,90,.10);
    --shadow:0 30px 70px -30px rgba(23,60,52,.35);
    --field:#FFFFFF;
    --field-line:rgba(21,23,26,.20);
    --danger:#B23A22;
    color-scheme:light;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:0;text-wrap:balance}
p{margin:0}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
html{scrollbar-color:var(--surface-2) var(--bg)}

/* Film grain on a fixed layer only */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.wrap{width:min(1320px,100% - 3rem);margin-inline:auto}
section{padding-block:clamp(5rem,10vw,8.5rem)}
.eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem}
.lead{color:var(--muted);max-width:52ch;font-size:1.125rem}
.h2{font-size:clamp(2.2rem,4.6vw,3.6rem)}

/* Buttons: pill + nested icon island */
.btn{--h:52px;display:inline-flex;align-items:center;gap:.85rem;height:var(--h);padding:0 .45rem 0 1.4rem;border-radius:999px;font-weight:700;font-size:1rem;white-space:nowrap;transition:transform .5s var(--ease),background-color .4s var(--ease),color .4s var(--ease)}
.btn:active{transform:scale(.98)}
.btn .ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;transition:transform .5s var(--ease)}
.btn:hover .ico{transform:translate(2px,-1px) scale(1.05)}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary .ico{background:rgba(14,21,19,.12)}
@media (prefers-color-scheme: light){.btn-primary .ico{background:rgba(255,255,255,.16)}}
.btn-ghost{padding:0 1.4rem;border:1px solid var(--line);color:var(--text)}
.btn-ghost:hover{background:var(--surface)}
.btn-ghost.has-ico{padding:0 .45rem 0 1.4rem}
.btn-ghost .ico{background:var(--surface-2)}

/* Floating island nav */
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:80;width:min(1240px,100% - 2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px;padding:0 .5rem 0 .6rem;border-radius:999px;border:1px solid transparent;transition:background-color .5s var(--ease),border-color .5s var(--ease)}
.nav.scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);border-color:var(--line);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:-.01em}
.brand img{width:48px;height:48px;padding:5px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.nav-links{display:flex;gap:1.75rem;font-weight:500;font-size:.95rem;color:var(--muted);white-space:nowrap}
.nav-links a{position:relative;transition:color .3s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1.5px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.nav-links a.active::after{transform:scaleX(1)}
.nav-end{display:flex;align-items:center;gap:.6rem}
.nav .btn{--h:48px}
.menu-btn{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface);position:relative;cursor:pointer;color:var(--text)}
.menu-btn span{position:absolute;left:14px;right:14px;height:1.5px;background:currentColor;transition:transform .5s var(--ease)}
.menu-btn span:first-child{top:19px}.menu-btn span:last-child{top:27px}
body.menu-open .menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}
body.menu-open .menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}
.overlay{position:fixed;inset:0;z-index:70;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;justify-content:center;padding:6rem 1.5rem 3rem;gap:.5rem;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}
body.menu-open .overlay{opacity:1;visibility:visible}
.overlay a{font-family:var(--display);font-weight:800;font-size:2.4rem;letter-spacing:-.03em;transform:translateY(2.5rem);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease);transition-delay:calc(var(--i) * 70ms)}
body.menu-open .overlay a{transform:none;opacity:1}

/* Hero */
.hero{min-height:100dvh;padding-top:clamp(6.5rem,9vw,6rem);padding-bottom:3rem;display:grid;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero h1{font-size:clamp(2.7rem,4.9vw,4.1rem);line-height:1.06}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .lead{margin-top:1.6rem;max-width:42ch}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.3rem}
.hero-visual{position:relative;padding-left:clamp(0px,7vw,110px)}
.hero-photo{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;max-height:80dvh;width:100%;background:var(--surface);box-shadow:var(--shadow)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.08)}

/* Instagram card: double bezel */
.ig-shell{position:absolute;left:0;bottom:7%;width:min(340px,78%);padding:7px;border-radius:calc(var(--r-lg) + 7px);background:color-mix(in srgb,var(--text) 8%,transparent);border:1px solid var(--line);box-shadow:var(--shadow)}
.ig-core{background:var(--surface);border-radius:var(--r-lg);padding:1.15rem 1.1rem 1.1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ig-top{display:flex;align-items:center;gap:1rem}
.ring{position:relative;width:70px;height:70px;flex:none;border-radius:50%;display:grid;place-items:center;isolation:isolate}
.ring::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;background:conic-gradient(var(--accent),color-mix(in srgb,var(--accent) 25%,var(--text)),var(--accent) 60%,color-mix(in srgb,var(--accent) 30%,transparent),var(--accent))}
.ring img{width:62px;height:62px;border-radius:50%;background:#fff;border:3px solid var(--surface);object-fit:cover}
.ig-stats{display:grid;grid-template-columns:repeat(3,1fr);flex:1;text-align:center}
.ig-stats b{display:block;font-family:var(--display);font-size:1.12rem;font-weight:800;line-height:1.2}
.ig-stats span{font-size:.74rem;color:var(--muted)}
.ig-name{margin-top:.9rem;font-weight:700;font-size:.98rem}
.ig-cat{font-size:.82rem;color:var(--muted)}
.ig-bio{font-size:.86rem;line-height:1.5;margin-top:.35rem}
.ig-handle{display:inline-flex;align-items:center;gap:.3rem;font-size:.84rem;color:var(--accent);font-weight:500;margin-top:.35rem}
.ig-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:.4rem;margin-top:.85rem}
.ig-actions a{height:36px;border-radius:10px;display:grid;place-items:center;font-size:.86rem;font-weight:700;background:var(--surface-2);transition:transform .4s var(--ease)}
.ig-actions a:active{transform:scale(.97)}
.ig-actions a.follow{background:var(--accent);color:var(--accent-ink)}
.ig-actions a.sq{width:36px;font-size:1.05rem}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:.95rem;border-radius:12px;overflow:hidden}
.ig-grid a{aspect-ratio:1;overflow:hidden;background:var(--surface-2)}
.ig-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.ig-grid a:hover img{transform:scale(1.08)}

/* Community strip */
.community{padding-block:clamp(3.5rem,6vw,5rem);border-block:1px solid var(--line)}
.community .wrap{display:grid;grid-template-columns:1.1fr 2fr;gap:2.5rem;align-items:end}
.big-num{font-family:var(--display);font-weight:800;font-size:clamp(4rem,9vw,7.5rem);letter-spacing:-.05em;line-height:.9;color:var(--accent)}
.community .label{margin-top:.8rem;color:var(--muted);max-width:28ch}
.plats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.plat{padding-left:1.2rem;border-left:1px solid var(--line)}
.plat i{font-size:1.5rem;color:var(--muted)}
.plat b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em;margin-top:.5rem;line-height:1.1}
.plat > span{font-size:.88rem;color:var(--muted)}
.plat a:hover b{color:var(--accent)}

/* Experiences bento */
.sec-head{margin-bottom:clamp(2.5rem,5vw,3.75rem)}
.sec-head .lead{margin-top:1rem}
.bento{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:clamp(380px,31vw,430px);gap:1rem}
.cell.w2{grid-column:span 2}
.cell.w3{grid-column:span 3}
.cell.w4{grid-column:span 4}
.cell.w7{grid-column:1 / -1}
.cell{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);isolation:isolate}
.cell.tall{grid-row:span 2}
.cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.cell:hover img{transform:scale(1.05)}
.cell::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,13,0) 40%,rgba(10,12,13,.82) 100%)}
.cell .txt{position:absolute;left:0;right:0;bottom:0;padding:clamp(1.25rem,2.5vw,2rem);color:#F2F1EC}
.cell h3{font-size:clamp(1.5rem,2.3vw,2.1rem)}
.cell p{margin-top:.5rem;font-size:.97rem;color:rgba(242,241,236,.82);max-width:34ch}

/* Tour cards */
.tour-card .txt{display:flex;flex-direction:column}
.tour-meta{display:flex;align-items:center;gap:.4rem;font-size:.86rem;font-weight:500;color:rgba(242,241,236,.78);margin-bottom:.5rem}
.tour-meta i{font-size:1rem}
.tour-card h3{font-size:clamp(1.45rem,2.1vw,2rem)}
.tour-card .tour-tag{margin-top:.35rem;font-size:.97rem;color:rgba(242,241,236,.8)}
.tour-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(242,241,236,.16)}
.tour-price{display:flex;align-items:baseline;gap:.3rem}
.tour-price b{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.02em;color:#9BE3CE;font-variant-numeric:tabular-nums}
.tour-price span{font-size:.9rem;color:rgba(242,241,236,.75)}
/* Own transport option under the price */
.tour-prices{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.tour-self,.tour-min{display:flex;align-items:center;gap:.35rem;font-size:.84rem;font-weight:600;color:#9BE3CE}
.tour-self i,.tour-min i{font-size:1rem;flex:none}
.tour-actions{display:flex;align-items:center;gap:.45rem}
.tour-itin{height:44px;padding:0 1.05rem;border-radius:999px;border:1px solid rgba(242,241,236,.3);background:rgba(242,241,236,.1);color:#F2F1EC;font:700 .92rem/1 var(--body);cursor:pointer;transition:background-color .35s var(--ease),transform .35s var(--ease)}
.tour-itin:hover{background:rgba(242,241,236,.2)}
.tour-itin:active{transform:scale(.97)}
.btn-sm{--h:44px;font-size:.92rem;padding-left:1.05rem;gap:.6rem}
.btn-sm .ico{width:34px;height:34px;font-size:1rem}
.cell.tour-card::after{background:linear-gradient(180deg,rgba(10,12,13,0) 18%,rgba(10,12,13,.62) 52%,rgba(10,12,13,.93) 100%)}
.tour-card .txt{text-shadow:0 1px 14px rgba(0,0,0,.35)}
.tour-card .btn,.tour-card .tour-itin{text-shadow:none}

/* Santa Ana pricing ticket */
.pricing{padding-top:0}
.ticket-shell{padding:8px;border-radius:calc(var(--r-lg) + 8px);border:1px solid var(--line);background:color-mix(in srgb,var(--text) 4%,transparent)}
.ticket{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent-soft),transparent 70%),var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ticket > div{padding:clamp(1.75rem,3.5vw,3rem)}
.ticket > div + div{border-left:1.5px dashed var(--line)}
.t-intro .lead{margin-top:1rem;max-width:38ch}
.t-label{font-weight:700;color:var(--muted);font-size:.95rem;margin-bottom:1.2rem}
.t-incl ul{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}
.t-incl li{display:flex;gap:.9rem;align-items:flex-start}
.t-incl li i{font-size:1.7rem;color:var(--accent);flex:none}
.t-incl li span{color:var(--muted);font-size:.95rem;line-height:1.4}
.t-incl li b{display:block;color:var(--text);font-size:1.05rem}
.t-incl{display:flex;flex-direction:column}
.t-incl .btn{margin-top:1.8rem;align-self:flex-start}
.tiers{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.tiers li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem 0}
.tiers li + li{border-top:1px dashed var(--line)}
.tier-who{color:var(--muted);font-size:.98rem}
.tier-off{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.tier-off.full{font-size:1.05rem;letter-spacing:0;color:var(--text)}
.seg-sm{height:44px;margin-bottom:.6rem}
.seg-sm label{font-size:.88rem}
.t-note{margin-top:.8rem;font-size:.86rem;color:var(--muted);max-width:34ch}

/* Private service */

/* Recent trips: horizontal scroll-snap */
.trips-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}
.arrows{display:flex;gap:.5rem}
.arrows button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.25rem;cursor:pointer;display:grid;place-items:center;transition:background-color .3s var(--ease),transform .4s var(--ease)}
.arrows button:hover{background:var(--surface)}
.arrows button:active{transform:scale(.95)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,268px);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2.5rem max(1.5rem,(100vw - 1320px)/2) 1.5rem;scroll-padding-inline:max(1.5rem,(100vw - 1320px)/2);scrollbar-width:thin;overscroll-behavior-x:contain}
.reel{scroll-snap-align:start}
.reel .frame{position:relative;aspect-ratio:9/16;border-radius:var(--r-md);overflow:hidden;background:var(--surface)}
.reel img,.reel video{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),opacity .45s var(--ease)}
.reel video{position:absolute;inset:0;opacity:0}
.reel.previewing video{opacity:1}
.reel .play{position:absolute;z-index:1;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(10,12,13,.55);color:#fff;font-size:1rem;transition:transform .5s var(--ease),background-color .4s var(--ease)}
.reel:hover img,.reel:hover video{transform:scale(1.04)}
.reel.previewing .play{opacity:0;transform:scale(.8)}
.reel:hover .play{background:var(--accent);color:var(--accent-ink);transform:scale(1.08)}
.reel h3{font-family:var(--body);font-weight:700;font-size:1rem;letter-spacing:0;margin-top:.9rem;line-height:1.35}
.reel time{font-size:.85rem;color:var(--muted)}
.trips-foot{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.25rem 2rem;flex-wrap:wrap}
.trips-cta{display:flex;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap}
.trips-cta p{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(1.25rem,2vw,1.5rem);letter-spacing:-.02em;line-height:1.15}
.text-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--accent)}
.text-link i{transition:transform .4s var(--ease)}
.text-link:hover i{transform:translate(2px,-2px)}

/* Travelers: typographic index */
.index{margin-top:clamp(2.5rem,5vw,3.5rem)}
.row{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding-block:clamp(1.5rem,3vw,2.2rem);border-top:1px solid var(--line)}
.row:last-child{border-bottom:1px solid var(--line)}
.row .country{font-family:var(--display);font-weight:800;letter-spacing:-.04em;font-size:clamp(2.4rem,7vw,5.6rem);line-height:1;transition:color .5s var(--ease),transform .7s var(--ease)}
.row:hover .country{color:var(--accent);transform:translateX(10px)}
.row .meta{margin-top:.7rem;color:var(--muted);max-width:56ch}
.row .meta q{color:var(--text);quotes:"\201C" "\201D"}
.row .thumb{width:clamp(90px,11vw,140px);aspect-ratio:3/4;border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}
.row .thumb img{width:100%;height:100%;object-fit:cover}


/* Reviews: rating summary, featured card, masonry wall. Every card links to TripAdvisor. */
.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.rating{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .75rem;margin-top:1.1rem;color:var(--muted)}
.rating b{font-family:var(--display);font-weight:800;font-size:1.5rem;color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rating .stars{font-size:1.15rem}
.r-src{display:inline-flex;align-items:center;gap:.45rem}
.ta-logo{width:1.35em;height:1.35em;fill:currentColor;flex:none}
.stars{display:inline-flex;gap:2px;color:var(--accent);font-size:1rem}

.review-featured,.review-card{display:block;color:inherit;transition:transform .6s var(--ease),border-color .4s var(--ease),box-shadow .6s var(--ease)}
.review-featured{padding:7px;border-radius:calc(var(--r-lg) + 7px);border:1px solid var(--line);background:color-mix(in srgb,var(--text) 4%,transparent);margin-bottom:1rem}
.rf-core{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),transparent 65%),var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.rf-core.no-photo{grid-template-columns:1fr}
.rf-photos{display:grid;gap:4px;min-height:340px;overflow:hidden}
.rf-photos.multi{grid-template-columns:1fr 1fr}
.rf-photos img,.r-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.rf-core .r-body{padding:clamp(1.75rem,4vw,3.25rem);display:flex;flex-direction:column;justify-content:center}
.rf-core blockquote{margin:1.1rem 0 0;font-family:var(--display);font-weight:700;letter-spacing:-.025em;font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.22;max-width:30ch}

.wall{columns:3 280px;column-gap:1rem}
.review-card{break-inside:avoid;margin:0 0 1rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);overflow:hidden}
.r-photo{aspect-ratio:4/3;overflow:hidden}
.review-card .r-body{padding:1.5rem 1.6rem 1.4rem}
.review-card blockquote{margin:.85rem 0 0;font-size:1.02rem;line-height:1.6}
.r-who{margin-top:1.1rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;font-size:.94rem}
.r-who b{font-weight:700}
.r-who span{color:var(--muted)}
.r-tr{margin-top:.35rem;font-size:.8rem;color:var(--muted)}
.r-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem;font-weight:700;font-size:.92rem;color:var(--accent)}
.r-link i{transition:transform .45s var(--ease)}

.review-featured:hover,.review-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:var(--shadow)}
.review-featured:hover img,.review-card:hover img{transform:scale(1.04)}
.review-featured:hover .r-link i,.review-card:hover .r-link i{transform:translate(2px,-2px)}
.review-featured:active,.review-card:active{transform:translateY(-1px) scale(.995)}

/* Booking */
.book{padding-bottom:3rem}
.book-shell{padding:8px;border-radius:calc(var(--r-lg) + 12px);border:1px solid var(--line);background:color-mix(in srgb,var(--text) 4%,transparent)}
.book-core{display:grid;grid-template-columns:5fr 7fr;border-radius:calc(var(--r-lg) + 4px);overflow:hidden;background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.book-info{position:relative;isolation:isolate;padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;color:#F2F1EC;min-height:100%}
.book-info > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.book-info::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,13,.55) 0%,rgba(10,12,13,.78) 55%,rgba(10,12,13,.92) 100%)}
.book-info .lead{color:rgba(242,241,236,.82);margin-top:1.1rem;max-width:36ch}
.recap{margin-top:auto;padding-top:2.5rem}
.recap-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1.5px dashed rgba(242,241,236,.22)}
.recap-top b{font-family:var(--display);font-size:1.25rem;letter-spacing:-.02em}
.recap-top > span{white-space:nowrap}
#recapPrice{font-family:var(--display);font-weight:800;font-size:1.6rem;color:#9BE3CE;font-variant-numeric:tabular-nums}
.recap-top small{font-size:.85rem;color:rgba(242,241,236,.7);margin-left:.25rem}
.recap ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem;font-size:.95rem;color:rgba(242,241,236,.85)}
.recap li{display:flex;align-items:center;gap:.6rem}
.recap li i{color:#9BE3CE;font-size:1.15rem}
.recap li[hidden]{display:none}
.trust{display:flex;gap:.6rem;align-items:flex-start;margin-top:1.6rem;font-size:.9rem;color:rgba(242,241,236,.75)}
.trust i{font-size:1.15rem;margin-top:.15rem;color:#9BE3CE}
.book-links{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.book-links .text-link{color:#9BE3CE}
.socials{display:flex;gap:.5rem}
.socials a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(242,241,236,.25);display:grid;place-items:center;font-size:1.2rem;transition:background-color .3s var(--ease),color .3s var(--ease),transform .4s var(--ease)}
.socials a:hover{background:#9BE3CE;color:#0E1513;transform:translateY(-2px)}

.book-panel{padding:clamp(1.75rem,4vw,3.25rem);position:relative}
.step{transition:opacity .5s var(--ease),transform .6s var(--ease)}
.step[hidden]{display:none}
.step.enter{opacity:0;transform:translateY(16px)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem 1.1rem}
.field{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.field.full{grid-column:1 / -1}
.field label,.field .lbl{font-weight:700;font-size:.92rem}
.field .opt{font-weight:500;color:var(--muted)}
.help{font-size:.85rem;color:var(--muted)}
.field[hidden]{display:none}
[data-field="arrive"] .seg label{text-align:center;line-height:1.15;padding:0 .5rem}
.err{font-size:.85rem;color:var(--danger);display:none;align-items:center;gap:.35rem}
.field.invalid .err{display:flex}
.control{width:100%;height:52px;padding:0 1rem;border-radius:var(--r-sm);border:1px solid var(--field-line);background:var(--field);color:var(--text);font:inherit;font-size:1rem;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);-webkit-appearance:none;appearance:none}
textarea.control{height:auto;min-height:96px;padding:.85rem 1rem;resize:vertical;line-height:1.5}
.control::placeholder{color:var(--muted);opacity:1}
.control:hover{border-color:color-mix(in srgb,var(--text) 32%,transparent)}
.control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.field.invalid .control{border-color:var(--danger)}
.select-wrap{position:relative}
.select-wrap .control{padding-right:2.75rem;cursor:pointer}
.select-wrap i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
input[type="date"].control{cursor:pointer}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}
@media (prefers-color-scheme: dark){input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.85)}}
.stepper{display:flex;align-items:center;gap:.5rem;height:52px}
.stepper button{width:52px;height:52px;flex:none;border-radius:50%;border:1px solid var(--field-line);background:var(--field);color:var(--text);font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:background-color .3s var(--ease),transform .3s var(--ease)}
.stepper button:hover{background:var(--surface-2)}
.stepper button:active{transform:scale(.95)}
.stepper button:disabled{opacity:.4;cursor:not-allowed}
.stepper input{width:100%;min-width:3rem;text-align:center;font-family:var(--display);font-weight:800;font-size:1.35rem;padding:0;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pickup-row{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:.6rem}
.type-row{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:.4rem 1rem;align-items:center}
.type-row .help{margin:0}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;height:52px;border-radius:999px;border:1px solid var(--field-line);background:var(--field)}
.seg label{display:grid;place-items:center;border-radius:999px;font-weight:700;font-size:.95rem;color:var(--muted);cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg input:checked + label{background:var(--surface-2);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.seg input:focus-visible + label{outline:2px solid var(--accent);outline-offset:2px}
.estimate{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.25rem;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
.estimate .k{font-weight:700}
.estimate .calc{display:block;font-size:.88rem;color:var(--muted);font-variant-numeric:tabular-nums}
.estimate .v-wrap{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.estimate .save{font-size:.85rem;font-weight:700;color:var(--accent)}
.field.flash .control,.field.flash .seg{animation:flash 1.4s var(--ease) 1}
@keyframes flash{0%,100%{box-shadow:0 0 0 0 transparent}25%{box-shadow:0 0 0 5px var(--accent-soft);border-color:var(--accent)}}
.estimate .v{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.form-foot{grid-column:1 / -1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.4rem}
.form-msg{font-size:.9rem;color:var(--danger)}
button.btn{cursor:pointer;font-family:inherit}
button.btn-primary{border:0}
button.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
button.btn-ghost:hover{background:var(--surface-2)}

.summary h3{font-size:clamp(1.7rem,3vw,2.3rem)}
.summary .lead{margin-top:.8rem;font-size:1rem}
.sum-list{margin:1.75rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:var(--r-md);border:1px solid var(--line);overflow:hidden}
.sum-list div{padding:1rem 1.2rem;background:var(--surface);min-width:0}
.sum-list div.full{grid-column:1 / -1}
.sum-list div.total{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.sum-list dt{font-size:.82rem;color:var(--muted)}
.sum-list dd{margin:.2rem 0 0;font-weight:700;overflow-wrap:anywhere}
.sum-list dd.big{font-family:var(--display);font-weight:800;font-size:1.4rem;color:var(--accent);font-variant-numeric:tabular-nums}
.sum-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.75rem}
button.btn:disabled{cursor:not-allowed}
button.btn-ghost:disabled{opacity:.5}
/* "Send on WhatsApp": the WhatsApp logo a bit larger than other button icons */
.btn-wa .ico{font-size:1.4rem}
.sum-mail{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:1.1rem;font-size:.95rem;color:var(--muted)}
.sum-mail i{font-size:1.15rem;color:var(--accent)}
.sum-mail a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Step 3: the message is open in WhatsApp (or the email), it only needs "Send" */
.done{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:clamp(1rem,4vw,2.5rem)}
.done-icon{width:84px;height:84px;margin-bottom:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:2.7rem;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 10px var(--accent-soft)}
.done h3{font-size:clamp(1.7rem,3vw,2.3rem)}
.done .lead{margin-top:.8rem;font-size:1.05rem;max-width:34rem}
.done-note{display:flex;gap:.6rem;align-items:flex-start;text-align:left;margin:1.6rem 0 1.8rem;padding:1rem 1.2rem;max-width:34rem;border-radius:var(--r-md);background:var(--surface-2);font-size:.92rem;color:var(--muted)}
.done-note i{font-size:1.2rem;color:var(--accent);margin-top:.1rem;flex:none}
.done-note p + p{margin-top:.45rem}
.done-note a{color:var(--accent);font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.done-note #doneMailto{white-space:normal;overflow-wrap:anywhere}
@media (prefers-reduced-motion: no-preference){
  .done.play .done-icon{animation:done-pop .6s var(--ease) both}
  .done.play h3,.done.play .lead,.done.play .done-note,.done.play #againBtn{animation:done-rise .6s var(--ease) both}
  .done.play h3{animation-delay:.35s}
  .done.play .lead{animation-delay:.45s}
  .done.play .done-note{animation-delay:.55s}
  .done.play #againBtn{animation-delay:.65s}
}
@keyframes done-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes done-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Language switch */
.lang{display:inline-grid;grid-auto-flow:column;padding:3px;height:40px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent)}
.lang button{min-width:38px;padding:0 .55rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font:700 .8rem/1 var(--body);letter-spacing:.04em;cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease)}
.lang button[aria-pressed="true"]{background:var(--surface-2);color:var(--text)}
.overlay .lang{margin-top:2rem;height:48px;align-self:flex-start;transform:translateY(2.5rem);opacity:0;transition:transform .7s var(--ease) .45s,opacity .7s var(--ease) .45s}
.overlay .lang button{min-width:56px;font-size:.95rem}
body.menu-open .overlay .lang{transform:none;opacity:1}

/* Floating WhatsApp */
.fab{position:fixed;right:20px;bottom:20px;z-index:75;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .5s var(--ease),transform .6s var(--ease)}
.fab.show{opacity:1;transform:none;pointer-events:auto}
.fab:hover{transform:translateY(-2px)}
.fab:active{transform:scale(.96)}
body.menu-open .fab{opacity:0;pointer-events:none}

/* Skip link */
.skip{position:fixed;left:16px;top:16px;z-index:100;padding:.75rem 1.1rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;transform:translateY(-140%);transition:transform .4s var(--ease)}
.skip:focus{transform:none}
.count,.big-num,.amount,.ig-stats b{font-variant-numeric:tabular-nums}

footer{padding-block:2.5rem 3rem;color:var(--muted);font-size:.92rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
footer nav{display:flex;gap:1.5rem;flex-wrap:wrap}
footer a:hover{color:var(--text)}

/* Itinerary panel (slide-over) */
.drawer{position:fixed;inset:0;z-index:95}
.drawer[hidden]{display:none}
.drawer-backdrop{position:absolute;inset:0;background:rgba(8,10,11,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s var(--ease)}
.drawer-panel{position:absolute;top:12px;right:12px;bottom:12px;width:min(520px,calc(100% - 24px));overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transform:translateX(104%);transition:transform .55s var(--ease)}
.drawer.open .drawer-backdrop{opacity:1}
.drawer.open .drawer-panel{transform:none}
.drawer-close{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(10,12,13,.55);color:#fff;font-size:1.15rem;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.d-photo{margin:0;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-lg) var(--r-lg) 0 0}
.d-photo img{width:100%;height:100%;object-fit:cover}
.d-photo.multi{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.d-photo.multi img{min-width:0}
.d-content{padding:1.6rem clamp(1.25rem,4vw,2rem) 1rem}
.d-content h3{font-size:clamp(1.8rem,4vw,2.3rem)}
.d-summary{margin-top:.75rem;color:var(--muted)}
.d-content h4{font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;margin:1.9rem 0 .8rem}
.d-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.4rem 0 0}
.d-facts > div{display:flex;gap:.55rem;align-items:flex-start;padding:.85rem;border-radius:var(--r-sm);background:var(--surface-2)}
.d-facts i{font-size:1.2rem;color:var(--accent);margin-top:.1rem}
.d-facts dt{font-size:.78rem;color:var(--muted)}
.d-facts dd{margin:0;font-weight:700;font-size:.92rem;line-height:1.3}
.d-prices{list-style:none;margin:0;padding:0;border-radius:var(--r-md);border:1px solid var(--line);overflow:hidden}
.d-prices li{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:baseline;padding:.75rem 1rem}
.d-prices li + li{border-top:1px solid var(--line)}
.d-prices .d-off{font-size:.88rem;color:var(--accent);font-weight:700}
.d-prices b{font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}
.d-prices.two-col li{grid-template-columns:1fr 5.5rem 5.5rem}
.d-prices.two-col li > :not(:first-child){text-align:right}
.d-prices .d-head{font-size:.8rem;font-weight:700;color:var(--muted);background:var(--surface-2)}
.d-prices .na{font-size:.8rem;color:var(--muted)}
.d-prices.fixed li{grid-template-columns:1fr auto}
.d-prices.fixed li > :last-child{text-align:right}
.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;left:3.15rem;top:.6rem;bottom:.6rem;width:1.5px;background:var(--line)}
.timeline li{display:grid;grid-template-columns:2.6rem 1fr;gap:1.4rem;padding:.55rem 0;position:relative}
.timeline li::before{content:"";position:absolute;left:2.93rem;top:1.05rem;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.timeline time{font-weight:700;font-size:.88rem;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.1rem}
.timeline b{display:block;font-size:1rem}
.timeline p{color:var(--muted);font-size:.92rem;margin-top:.15rem;white-space:pre-line}
.d-note{margin-top:.9rem;font-size:.82rem;color:var(--muted)}
.d-two{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.d-incl{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.94rem}
.d-incl li{display:flex;gap:.5rem;align-items:center}
.d-incl i{color:var(--accent);font-size:1.15rem}
.d-bring{color:var(--muted);font-size:.94rem;white-space:pre-line}
.d-bring-list{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.94rem;display:grid;gap:.3rem}
.d-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding:1rem clamp(1.25rem,4vw,2rem);background:color-mix(in srgb,var(--surface) 92%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.d-foot-price b{font-family:var(--display);font-weight:800;font-size:1.6rem;color:var(--accent);font-variant-numeric:tabular-nums}
.d-foot-price span{color:var(--muted);font-size:.9rem;margin-left:.25rem}
/* Itinerary panel: hotel pickup / own transport switch */
.d-mode{height:auto;min-height:52px;margin:1rem 0 0}
.d-mode label{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.15rem .4rem;padding:.45rem .7rem;text-align:center;line-height:1.2}
.d-mode label b{font-variant-numeric:tabular-nums;color:var(--accent)}
.d-selfprice b{font-family:var(--display);font-weight:800;font-size:1.6rem;color:var(--accent);font-variant-numeric:tabular-nums}
.d-selfprice span{color:var(--muted);font-size:.9rem;margin-left:.25rem}
.d-selfnote{display:flex;gap:.6rem;align-items:flex-start;margin-top:1.1rem;padding:.8rem 1rem;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:.9rem}
.d-selfnote i{font-size:1.25rem;color:var(--accent);flex:none;margin-top:.05rem}


.credits{font-size:.8rem;margin:0;width:100%;order:3}
.credits a{text-decoration:underline;text-underline-offset:2px}

/* ===== Private experiences carousel (#private). Scoped to the section, site tokens only. ===== */
#private .pg-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem 2rem;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3rem)}
#private .pg-intro .lead{margin-top:1rem;max-width:46ch}
#private .pg-filters{display:flex;flex-wrap:wrap;gap:.25rem;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
#private .pg-filter{height:40px;padding:0 1.05rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font:700 .9rem/1 var(--body);cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
#private .pg-filter:hover{color:var(--text)}
#private .pg-filter:active{transform:scale(.97)}
#private .pg-filter[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
#private .pg-filter:focus-visible,#private .pg-arrow:focus-visible,#private .pg-thumb:focus-visible,#private .pg-seg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

#private .pg-shell{padding:8px;border-radius:calc(var(--r-lg) + 8px);border:1px solid var(--line);background:color-mix(in srgb,var(--text) 4%,transparent)}
#private .pg-core{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
#private .pg-info{display:flex;flex-direction:column;min-width:0;padding:clamp(1.75rem,3vw,2.75rem)}
#private .pg-text{transition:opacity .25s var(--ease),transform .35s var(--ease)}
#private .pg-text.pg-out{opacity:0;transform:translateY(8px)}
#private .pg-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
#private .pg-tag{padding:.32rem .75rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700}
#private .pg-name{margin-top:1rem;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.04;letter-spacing:-.035em}
#private .pg-fact{margin-top:.85rem;color:var(--muted);font-size:1.08rem;max-width:34ch}
#private .pg-explore{margin-top:1.6rem}
#private .pg-nav{margin-top:auto;padding-top:2.25rem}
#private .pg-upnext{font-size:.88rem;font-weight:700;color:var(--muted);margin-bottom:.7rem}
#private .pg-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
#private .pg-thumb{position:relative;aspect-ratio:3/4;padding:0;border:0;border-radius:var(--r-sm);overflow:hidden;cursor:pointer;background:var(--surface-2);box-shadow:0 1px 2px rgba(10,14,13,.08);transition:transform .55s var(--ease),opacity .45s var(--ease),box-shadow .45s var(--ease)}
#private .pg-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
#private .pg-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,13,0) 45%,rgba(10,12,13,.78) 100%)}
#private .pg-thumb span{position:absolute;left:.6rem;right:.6rem;bottom:.55rem;z-index:1;color:#F2F1EC;font-weight:700;font-size:.82rem;line-height:1.2;text-align:left}
#private .pg-thumb.pg-thumb-in{opacity:0;transform:translateX(16px)}
#private .pg-controls{display:flex;align-items:center;gap:.5rem;margin-top:1.1rem}
#private .pg-arrow{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);display:grid;place-items:center;font-size:1.1rem;cursor:pointer;transition:background-color .3s var(--ease),transform .3s var(--ease)}
#private .pg-arrow:hover{background:var(--surface-2)}
#private .pg-arrow:active{transform:scale(.95)}
#private .pg-progress{flex:1;display:flex;gap:.35rem;margin-left:.6rem}
#private .pg-seg{position:relative;flex:1;height:24px;padding:0;border:0;background:transparent;cursor:pointer}
#private .pg-seg::before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;background:var(--line);transition:background-color .45s var(--ease)}
#private .pg-fill{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;background:var(--accent);transform:scaleX(0);transform-origin:left center}
#private .pg-seg[aria-current="true"] .pg-fill{animation:pg-timer var(--pg-dur,5000ms) linear forwards}
#private .pg-car.pg-paused .pg-seg[aria-current="true"] .pg-fill{animation-play-state:paused}
#private .pg-car.pg-static .pg-seg[aria-current="true"] .pg-fill{animation:none;transform:none}
@keyframes pg-timer{to{transform:scaleX(1)}}
#private .pg-play{margin-left:.25rem}

#private .pg-stage{position:relative;margin:8px;border-radius:calc(var(--r-lg) - 8px);overflow:hidden;aspect-ratio:1/1;max-height:700px;background:var(--surface-2);touch-action:pan-y;isolation:isolate}
#private .pg-stage img,.pg-fly img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
#private .pg-stage img{transition:opacity .6s var(--ease),transform 1.2s var(--ease)}
#private .pg-stage img.pg-enter{opacity:0;transform:scale(1.06)}
.pg-fly{position:fixed;z-index:60;overflow:hidden;transform-origin:0 0;pointer-events:none;will-change:transform;background:var(--surface-2)}
.pg-fly img{transform-origin:50% 50%}
#private .pg-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (hover:hover) and (pointer:fine){
  #private .pg-thumb:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
  #private .pg-thumb:hover img{transform:scale(1.05)}
}

#private .pg-service{margin-top:1rem;padding:7px;border-radius:calc(var(--r-lg) + 7px);border:1px solid var(--line);background:color-mix(in srgb,var(--text) 4%,transparent)}
#private .pg-service-core{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head cta" "roles roles";gap:1.75rem 2rem;align-items:center;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent-soft),transparent 70%),var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#private .pg-service-head{grid-area:head}
#private .pg-service-head h3{font-size:clamp(1.45rem,2.4vw,1.9rem);letter-spacing:-.025em}
#private .pg-service-head p{color:var(--muted);margin-top:.45rem;max-width:52ch}
#private .pg-cta{grid-area:cta}
#private .pg-roles{grid-area:roles;list-style:none;margin:0;padding:1.5rem 0 0;border-top:1.5px dashed var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem}
#private .pg-roles li{display:flex;gap:.7rem;align-items:flex-start}
#private .pg-roles i{font-size:1.55rem;color:var(--accent);flex:none}
#private .pg-roles b{display:block;font-size:.98rem}
#private .pg-roles span{display:block;margin-top:.15rem;font-size:.86rem;line-height:1.4;color:var(--muted)}

@media (max-width:1024px){
  #private .pg-core{grid-template-columns:1fr}
  #private .pg-stage{order:-1;max-height:none}
  #private .pg-service-core{grid-template-columns:1fr;grid-template-areas:"head" "roles" "cta"}
  #private .pg-cta{justify-self:start}
  #private .pg-roles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  #private .pg-filters{width:100%;justify-content:space-between}
  #private .pg-filter{padding:0 .8rem;font-size:.86rem}
  #private .pg-stage{aspect-ratio:4/5}
  #private .pg-stage img,.pg-fly img{object-position:var(--pos-m)}
  #private .pg-info{padding:1.4rem 1.25rem 1.5rem}
  #private .pg-explore{width:100%;justify-content:space-between}
  #private .pg-thumbs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:112px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem}
  #private .pg-thumbs::-webkit-scrollbar{display:none}
  #private .pg-thumb{scroll-snap-align:start}
  #private .pg-thumb span{font-size:.78rem}
  #private .pg-roles{grid-template-columns:1fr}
  #private .pg-cta{justify-self:stretch;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
  #private .pg-stage img,#private .pg-text,#private .pg-thumb{transition:none}
}

/* Reveal */
.js .rv{opacity:0;transform:translateY(36px);filter:blur(6px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.js .rv.in{opacity:1;transform:none;filter:none}

@media (prefers-reduced-motion: no-preference){
  .ring::before{animation:spin 6s linear infinite}
  @supports (animation-timeline: view()){
    .hero-photo img{animation:drift linear both;animation-timeline:view();animation-range:cover 50% cover 100%}
  }
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drift{from{transform:scale(1.08) translateY(0)}to{transform:scale(1.08) translateY(5%)}}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;filter:none;transition:none}
  *{transition-duration:.01ms!important;transition-delay:0s!important}
}

/* Tablet */
/* Nav collapses before the links get tight (Spanish labels are longer) */
@media (max-width:1180px){
  .nav-links{display:none}
  .menu-btn{display:block}
}
@media (max-width:1024px){
  .nav .btn{display:none}
  .book-core{grid-template-columns:1fr}
  .book-info{min-height:0}
  .recap{margin-top:2rem}
  .hero{padding-top:7rem}
  .hero-grid{grid-template-columns:1fr;gap:3rem}
  .hero-visual{padding-left:0;width:100%;max-width:560px;margin-inline:auto}
  .hero-photo{max-height:none}
  .ig-shell{position:relative;left:auto;bottom:auto;width:min(380px,100% - 1.5rem);margin:-7rem auto 0}
  .community .wrap{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:340px}
  .cell.tall{grid-row:span 1}
  .bento{grid-auto-rows:420px}
  .cell.first,.cell.w2,.cell.w3,.cell.w4{grid-column:auto;grid-row:auto}
  .rf-core{grid-template-columns:1fr}
  .rf-photos{min-height:0;aspect-ratio:2/1}
  .ticket{grid-template-columns:1fr 1fr}
  .t-intro{grid-column:span 2}
  .ticket > div + div{border-left:0;border-top:1.5px dashed var(--line)}
  .t-incl{border-left:1.5px dashed var(--line)!important}
}
/* Mobile */
@media (max-width:767px){
  .wrap{width:calc(100% - 2rem)}
  .nav{top:10px;height:60px}
  .brand span{font-size:.95rem}
  .brand img{width:44px;height:44px;padding:4px}
  .hero{padding-top:6rem}
  .hero-grid{gap:2.5rem}
  .plats{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}
  .bento{grid-template-columns:1fr;grid-auto-rows:380px}
  .bento{grid-auto-rows:440px}
  .cell.first{grid-column:auto}
  .pickup-row,.type-row{grid-template-columns:1fr}
  .rf-photos{aspect-ratio:auto;height:260px}
  .reviews-head .btn{width:100%;justify-content:space-between}
  .trips-cta,.trips-cta .btn{width:100%}
  .trips-cta .btn{justify-content:space-between}
  .ticket{grid-template-columns:1fr}
  .t-intro{grid-column:auto}
  .t-incl{border-left:0!important}
  .rail{padding-inline:1rem;scroll-padding-inline:1rem}
  .row{grid-template-columns:1fr}
  .row .thumb{display:none}
  .form-grid{grid-template-columns:1fr}
  .sum-list{grid-template-columns:1fr}
  .sum-actions .btn{width:100%;justify-content:space-between}
  .nav .lang{display:none}
  .fab{right:16px;bottom:16px}
  .tour-foot{flex-direction:column;align-items:stretch}
  .tour-actions .btn-sm{flex:1;justify-content:space-between}
  .tour-itin{flex:none}
  .drawer-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:92dvh;border-radius:var(--r-lg) var(--r-lg) 0 0;transform:translateY(104%)}
  .d-facts{grid-template-columns:1fr}
  .d-two{grid-template-columns:1fr}
}