:root{--sand:#e78b2d;--gold:#ffb24d;--ink:#171717;--cream:#f6f0e6;--white:#fff;--muted:#a7a39d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(15,15,15,.94);position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid #ffffff18}
.brand{font-family:"Barlow Condensed",sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:.08em}
.brand span{color:var(--sand)}
.brand-logo{display:flex;align-items:center;background:#87236f;padding:.35rem .65rem;border-radius:3px}
.brand-logo img{display:block;width:190px;max-height:42px;object-fit:contain}
nav{display:flex;gap:2rem;font-size:.9rem}
nav a:hover{color:var(--gold)}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.8rem 1.4rem;background:var(--sand);color:#111;font-weight:800;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;transition:.2s}
.btn:hover{background:var(--gold);transform:translateY(-2px)}
.btn-small{min-height:40px;font-size:.78rem}
.hero{min-height:100svh;position:relative;background:url("desierto-hero-v2.png") center/cover no-repeat;display:flex;align-items:center;padding:120px 7vw 110px}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.93) 0%,rgba(7,7,7,.55) 48%,rgba(7,7,7,.06) 78%),linear-gradient(0deg,rgba(12,12,12,.7),transparent 45%)}
.hero-content{position:relative;z-index:2;max-width:700px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.trip-logo{display:block;width:min(390px,70vw);height:auto;margin:.8rem 0 1.2rem;border-radius:8px;box-shadow:0 18px 60px #0009}
.eyebrow,.section-kicker{font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.8rem}
.hero h1,.section h2,.final-cta h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.82;margin:.25em 0}
.hero h1{font-size:clamp(5rem,12vw,10rem);letter-spacing:-.035em}
.hero h1 span{color:var(--sand)}
.hero-lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:590px}
.hero-facts{display:flex;gap:.75rem;align-items:baseline;margin:1.5rem 0;font-size:1.25rem}
.hero-facts small{font-size:.85rem;color:#ddd}
.actions{display:flex;gap:1.5rem;align-items:center}
.text-link{font-weight:700}
.trust-strip{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:5vw;padding:1.3rem;background:#0b0b0bde;border-top:1px solid #ffffff24;text-transform:uppercase;font-size:.78rem;letter-spacing:.1em}
.section{padding:110px max(6vw,24px)}
.intro{background:var(--cream);color:var(--ink);text-align:center}
.section h2,.final-cta h2{font-size:clamp(3rem,7vw,6rem)}
.wide-copy{max-width:820px;margin:2rem auto;font-size:1.1rem;color:#4c4945}
.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:4rem auto 0;border-top:1px solid #d3c9ba}
.stats div{padding:2rem;border-right:1px solid #d3c9ba}
.stats div:last-child{border:0}
.stats strong{display:block;font-family:"Barlow Condensed";font-size:3.4rem;color:#bf641b;line-height:1}
.stats span{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.route{background:#151515}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;max-width:1100px;margin:auto}
.section-heading>p{color:#aaa}
.timeline{max-width:1100px;margin:3rem auto 0;border-top:1px solid #383838}
.timeline article{display:grid;grid-template-columns:110px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid #383838}
.day{font-family:"Barlow Condensed";font-weight:800;color:var(--sand);letter-spacing:.12em}
.timeline h3{margin:0;font-family:"Barlow Condensed";font-size:1.7rem;text-transform:uppercase}
.timeline p{margin:.5rem 0;color:#b9b9b9}
.timeline .highlight{background:linear-gradient(90deg,#d66f1a22,transparent);padding-left:1.5rem}
.included{background:#24211e;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:start}
.included>div>p:not(.section-kicker){color:#c4beb8}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#48423b}
.cards>div{background:#2d2925;padding:2rem}
.cards span{color:var(--sand);font-weight:800}
.cards h3{font-family:"Barlow Condensed";font-size:1.6rem;text-transform:uppercase;margin:.7rem 0}
.cards p{color:#bdb6af;font-size:.9rem}
.real-trip{background:#101010}
.photo-grid{max-width:1100px;margin:3rem auto 0;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,330px);gap:1rem}
.photo-grid figure{position:relative;margin:0;overflow:hidden;background:#222}
.photo-grid .photo-wide{grid-row:1/3}
.photo-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.photo-grid figure:hover img{transform:scale(1.025)}
.photo-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1.2rem 1.1rem;background:linear-gradient(transparent,#000d);font-size:.85rem;font-weight:600}
.price{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center}
.price-copy ul{list-style:none;padding:0;margin:2rem 0}
.price-copy li{padding:.6rem 0;border-bottom:1px solid #d7ccbd}
.price-copy li:before{content:"✓";color:#bd5e15;font-weight:bold;margin-right:.7rem}
.price-box{background:#161616;color:white;text-align:center;padding:3rem;box-shadow:14px 14px 0 var(--sand)}
.price-box p{margin:0}
.price-box strong{display:block;font-family:"Barlow Condensed";font-size:5rem;color:var(--gold);line-height:1.2}
.price-box .btn{display:flex;margin:1rem 0}
.price-box small{color:#bbb}
.agency{background:#1c1916;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}
.agency-intro>p:not(.section-kicker){color:#c5beb7;max-width:600px}
.agency-card{background:#f8f3eb;color:#171717;padding:2.5rem;box-shadow:12px 12px 0 var(--sand)}
.agency-card>img{display:block;width:280px;max-width:100%;margin:0 auto 2rem}
.agency-card dl{margin:0}
.agency-card dl>div{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.8rem 0;border-top:1px solid #d8cdbf}
.agency-card dt{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#81501f}
.agency-card dd{margin:0;font-size:.9rem;font-weight:600}
.agency-card a{text-decoration:underline;text-underline-offset:3px}
.final-cta{text-align:center;padding:120px 24px;background:linear-gradient(#0008,#000b),url("desierto-hero-v2.png") center 65%/cover fixed}
.final-cta p{max-width:570px;margin:1rem auto 2rem}
.contact-actions{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}
.secondary-btn{display:inline-flex;align-items:center;min-height:52px;padding:.8rem 1.4rem;border:1px solid #fff8;font-weight:700;text-transform:uppercase}
footer{padding:3rem 6vw;background:#0a0a0a;text-align:center;color:#aaa}
footer .brand{color:#fff}
.footer-logo{width:260px;max-width:80%;height:auto}
.legal{font-size:.72rem;max-width:900px;margin:2rem auto 0;color:#6f6f6f}
.company-line{font-size:.78rem;line-height:1.8;color:#8d8d8d}
.floating-wa{position:fixed;right:20px;bottom:20px;z-index:30;background:#25d366;color:#092814;padding:.8rem 1rem;border-radius:50px;font-weight:800;box-shadow:0 8px 30px #0006}
@media(max-width:780px){.topbar{height:64px}
.topbar nav,.topbar .btn-small{display:none}
.brand-logo img{width:155px;max-height:36px}
.hero{padding:100px 24px 125px;align-items:end;background-position:67% center}
.hero-overlay{background:linear-gradient(0deg,#080808 0%,#080808d9 35%,#08080822 80%)}
.hero h1{font-size:clamp(4.3rem,23vw,7rem)}
.trip-logo{width:min(270px,72vw);margin-bottom:1rem}
.hero-facts{flex-wrap:wrap}
.hero-facts small{width:100%}
.actions{align-items:flex-start;flex-direction:column;gap:1rem}
.trust-strip{overflow:auto;justify-content:flex-start;padding:1rem 24px;gap:2rem;white-space:nowrap}
.section{padding:78px 24px}
.stats{grid-template-columns:1fr}
.stats div{border-right:0;border-bottom:1px solid #d3c9ba}
.section-heading{display:block}
.timeline article{grid-template-columns:1fr;gap:.4rem}
.included,.price{grid-template-columns:1fr}
.agency{grid-template-columns:1fr}
.agency-card{padding:1.6rem;box-shadow:7px 7px 0 var(--sand)}
.agency-card dl>div{grid-template-columns:1fr;gap:.2rem}
.cards{grid-template-columns:1fr}
.photo-grid{grid-template-columns:1fr;grid-template-rows:300px 250px 250px}
.photo-grid .photo-wide{grid-row:auto}
.price-box{padding:2rem 1.4rem;box-shadow:8px 8px 0 var(--sand)}
.price-box strong{font-size:4.2rem}
.final-cta{background-attachment:scroll}
.floating-wa{font-size:.8rem}
}
