/* Rota Cerrado Pantanal — protótipo navegável */
:root{
  --night:#0D1411; --night2:#15201B; --black:#080C0A; --ink:#1E1710;
  --ivory:#F5EDE0; --cream:#FFF6E8; --sand:#EFE3CD; --paper:#FBF6EC;
  --ember:#E8703A; --gold:#F2B544; --rust:#A64A1C;
  --teal:#1F4C49; --teal2:#173B3A; --plum:#3B1834; --moss:#5F6B3A; --ochre:#D08A3E;
  --muted:#C4BAAA; --muted2:#9DA79F; --line:#2A352F; --sandline:#D2BF9C; --sandmuted:#5E5140;
  --serif:'Fraunces',Georgia,serif; --sans:'Manrope',system-ui,sans-serif;
  --pad:clamp(16px,5.5vw,80px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);background:var(--night);color:var(--ivory);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--gold)} a:hover{color:#FFD27A}
button{font-family:inherit}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}
.serif{font-family:var(--serif)}
.it{font-style:italic}
.gold{color:var(--gold)}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--ember)}
.eyebrow.rust{color:var(--rust)}
.h2{font-family:var(--serif);font-size:clamp(42px,5.2vw,76px);line-height:1;letter-spacing:-.03em}
.lead{font-size:clamp(16px,1.35vw,19px);line-height:1.65;color:var(--muted)}
.section{padding:clamp(64px,9vw,140px) var(--pad)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,4vw,56px);flex-wrap:wrap}
.section-head .stack{display:flex;flex-direction:column;gap:20px}
.section-head p{max-width:420px;font-size:18px;line-height:1.6}
.sand{background:var(--sand);color:var(--ink)}
.sand .section-head p{color:var(--sandmuted)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:30px;font-weight:800;font-size:16px;text-decoration:none;white-space:nowrap;transition:transform .2s,filter .2s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn-ember{background:var(--ember);color:#1A0F08} .btn-ember:hover{color:#1A0F08}
.btn-light{background:var(--ivory);color:#140C24} .btn-light:hover{color:#140C24}
.btn-dark{background:var(--ink);color:var(--ivory)} .btn-dark:hover{color:var(--ivory)}
.btn-ghost{border:1px solid rgba(255,246,232,.5);color:var(--cream);background:transparent} .btn-ghost:hover{color:var(--cream)}
.btn-line{border:1px solid #3A4740;color:var(--ivory);background:transparent;font-weight:700} .btn-line:hover{color:var(--ivory)}
.btn-outline-dark{border:1.5px solid #1A0F08;color:#1A0F08;background:transparent} .btn-outline-dark:hover{color:#1A0F08}
.btn svg{flex-shrink:0}

/* ===== NAV ===== */
.nav{position:absolute;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--pad)}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ivory)}
.logo:hover{color:var(--ivory)}
.logo-txt{display:flex;flex-direction:column;line-height:1;font-family:var(--serif);font-size:22px}
.logo-txt b{font-weight:600}
.logo-txt i{color:var(--gold);font-weight:400}
.nav-links{display:flex;gap:34px;font-size:15px;font-weight:600}
.nav-links a{color:var(--ivory);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a.active{color:var(--gold);border-color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:18px}
.lang{font-size:13px;font-weight:700;letter-spacing:.08em}
.lang span{opacity:.5}
.menu-btn{display:none;width:48px;height:48px;border-radius:24px;border:1px solid rgba(245,237,224,.4);background:transparent;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu{position:fixed;inset:0;z-index:50;background:var(--night);display:flex;flex-direction:column;padding:24px var(--pad);gap:8px;transform:translateY(-100%);transition:transform .4s cubic-bezier(.7,0,.2,1)}
.mobile-menu.open{transform:none}
.mobile-menu .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.mobile-menu a.big{font-family:var(--serif);font-size:40px;color:var(--ivory);text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line)}
.mobile-menu a.big:hover{color:var(--gold)}
.mobile-menu .btn{margin-top:24px}

/* ===== HERO ===== */
.hero{position:relative;min-height:max(760px,100svh);display:flex;flex-direction:column;overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:100%}
.hero-body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:150px var(--pad) 40px;max-width:980px}
.hero-kicker{text-transform:uppercase;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.22em;color:#FFD9A0}
.hero-kicker::before{content:"";width:40px;height:2px;background:#FFD9A0;flex-shrink:0}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(54px,7.8vw,116px);line-height:.94;letter-spacing:-.035em;color:var(--cream)}
.hero h1 em{font-weight:300;color:#FFD58A}
.hero-sub{text-shadow:0 1px 12px rgba(20,12,36,.6);max-width:600px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#FBE9D6}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.play{width:40px;height:40px;border-radius:20px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-left:-16px}
.hero-stats{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 var(--pad) 44px}
.stats{display:flex;gap:clamp(24px,4.5vw,64px)}
.stat{display:flex;flex-direction:column;gap:4px}
.stat b{font-family:var(--serif);font-size:clamp(40px,4vw,56px);font-weight:500;line-height:1;color:var(--cream)}
.stat span{font-size:12px;font-weight:700;letter-spacing:.14em;color:#C9BBA6}
.scroll-hint{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.14em;color:#C9BBA6}
.mouse{width:28px;height:44px;border-radius:14px;border:1.5px solid #C9BBA6;display:flex;justify-content:center;padding-top:8px}
.mouse::after{content:"";width:3px;height:9px;border-radius:2px;background:#C9BBA6;animation:wheel 1.8s infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}}

/* ===== MARQUEE ===== */
.marquee{height:84px;background:var(--ember);overflow:hidden;display:flex;align-items:center}
.marquee-track{display:flex;align-items:center;gap:36px;white-space:nowrap;font-family:var(--serif);font-size:30px;font-style:italic;color:#1A0F08;padding-left:36px;animation:mq 40s linear infinite}
.marquee-track svg{width:18px;height:18px;flex-shrink:0}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== MANIFESTO ===== */
.manifesto{display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:80px;align-items:center}
.manifesto .text{display:flex;flex-direction:column;gap:32px}
.manifesto h2 em{color:var(--gold)}
.seal{display:flex;gap:20px;align-items:center;padding-top:20px;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--muted)}
.seal strong{color:var(--ivory)}
.seal svg{flex-shrink:0}
.collage{position:relative;height:620px}
.collage .card{position:absolute;overflow:hidden}
.collage .c1{left:0;top:60px;width:250px;height:380px;border-radius:140px 140px 16px 16px}
.collage .c2{left:280px;top:0;width:230px;height:300px;border-radius:16px}
.collage .c3{left:300px;top:330px;width:260px;height:290px;border-radius:16px 16px 130px 130px}
.collage .c1,.collage .c2,.collage .c3{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.collage:hover .c1{transform:translateY(-10px) rotate(-2deg)}
.collage:hover .c2{transform:translateY(-6px) rotate(2deg)}
.collage:hover .c3{transform:translateY(8px) rotate(-1deg)}
.collage .card svg{width:100%;height:100%}
.collage .note{position:absolute;left:0;top:470px;width:240px;font-size:12px;font-weight:800;letter-spacing:.18em;color:#7E8A82;line-height:1.6}

/* ===== MAPA ===== */
.map-wrap{display:grid;grid-template-columns:minmax(0,720px) minmax(0,1fr);gap:40px;align-items:start}
.map{position:relative;width:100%;aspect-ratio:720/620;border-radius:28px;overflow:hidden;background:#E4D3B3}
.map > svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;padding:0}
.pin .dot{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid var(--sand);transform:translate(-50%,-50%);transition:all .25s}
.pin .ring{position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:50%;background:var(--ember);opacity:0;transform:translate(-50%,-50%) scale(.4);transition:all .3s}
.pin .lbl{position:absolute;left:40px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:14px;font-weight:800;color:var(--ink);pointer-events:none}
.pin.left .lbl{left:auto;right:40px}
.pin:hover .dot{transform:translate(-50%,-50%) scale(1.35)}
.pin.sel .dot{width:18px;height:18px;background:var(--ember);border-color:var(--ink)}
.pin.sel .ring{opacity:.28;transform:translate(-50%,-50%) scale(1);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.35)}}
.city-panel{display:flex;flex-direction:column;gap:24px}
.city-card{background:var(--night);color:var(--ivory);border-radius:28px;padding:40px;display:flex;flex-direction:column;gap:20px;min-height:340px}
.city-card .meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;letter-spacing:.2em;color:var(--muted2)}
.city-card .name{font-family:var(--serif);font-size:clamp(40px,4vw,58px);line-height:1;letter-spacing:-.02em;font-weight:500}
.city-card .desc{font-size:18px;line-height:1.55;color:var(--muted)}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{padding:8px 14px;border-radius:20px;border:1px solid #3A4740;font-size:14px;font-weight:700;color:var(--gold)}
.city-card .btn{margin-top:auto;align-self:flex-start}
.city-card.swap .name,.city-card.swap .desc,.city-card.swap .tags{animation:swap .45s ease}
@keyframes swap{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chip{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--sandline);background:transparent;color:var(--ink);font-size:15px;font-weight:600;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s}
.chip small{font-size:12px;color:#8F7A58;font-weight:800}
.chip:hover{background:#E6D6B8}
.chip.sel{background:var(--ink);color:var(--ivory);border-color:var(--ink);font-weight:700}
.chip.sel small{color:var(--gold)}

/* ===== BIOMAS ===== */
.biomas{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:760px}
.bioma{position:relative;overflow:hidden;padding:100px var(--pad);display:flex;flex-direction:column;gap:24px}
.bioma > *{position:relative;z-index:1}
.bioma .art{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.bioma.cerrado{background:var(--ochre);color:#1A120B}
.bioma.pantanal{background:var(--teal2);color:var(--ivory);padding-left:clamp(16px,8vw,120px)}
.bioma .word{font-family:var(--serif);font-size:clamp(76px,10.4vw,150px);font-style:italic;line-height:.9;letter-spacing:-.04em}
.bioma.pantanal .word{font-weight:300;color:#CDEBE3}
.bioma p{max-width:400px;font-size:18px;line-height:1.6}
.bioma.pantanal p{color:#D5E6E1}
.bioma .eyebrow{color:inherit}
.bioma.pantanal .eyebrow{color:#8FC7BD}
.bullets{display:flex;flex-direction:column;gap:12px;font-size:16px;font-weight:700;margin-top:12px}
.bullets span{display:flex;gap:12px;align-items:center}
.bullets span::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}
.bioma.pantanal .bullets span::before{background:#8FC7BD}
.badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:160px;height:160px;border-radius:50%;background:var(--night);color:var(--ivory);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;box-shadow:0 0 0 10px rgba(13,20,17,.25)}
.badge b{font-family:var(--serif);font-size:40px;line-height:1;font-style:italic;font-weight:400;color:var(--gold)}
.badge span{font-size:11px;font-weight:800;letter-spacing:.16em}

/* ===== EXPERIÊNCIAS ===== */
.xp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.xp{text-decoration:none;color:var(--ivory);background:var(--night2);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.xp:hover{transform:translateY(-6px);color:var(--ivory)}
.xp > svg{width:100%;height:230px}
.xp .body{padding:28px 30px 32px;display:flex;flex-direction:column;gap:12px}
.xp h3{font-family:var(--serif);font-size:30px;line-height:1.1}
.xp p{font-size:16px;line-height:1.55;color:#B9B0A2}
.where{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--gold);padding-top:8px}

/* ===== ROTEIROS ===== */
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.route{background:var(--paper);border:1px solid #DCCBA9;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:22px;color:var(--ink)}
.route.dark{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.route .top{display:flex;justify-content:space-between;align-items:center}
.pill{padding:8px 14px;border-radius:16px;font-size:13px;font-weight:800;letter-spacing:.08em}
.route .kind{font-size:14px;font-weight:700;color:#6B5E4E}
.route.dark .kind{color:#B9B0A2}
.route h3{font-family:var(--serif);font-size:36px;line-height:1.05}
.stops{display:flex;flex-direction:column}
.stop{display:flex;gap:14px;align-items:center;min-height:40px;font-size:16px;font-weight:700}
.stop i{width:14px;height:14px;border-radius:50%;background:var(--c);flex-shrink:0}
.stop i.o{background:transparent;border:3px solid var(--c)}
.stops .bar{width:2px;height:14px;background:#BFAE8C;margin-left:6px}
.route.dark .stops .bar{background:#4A5A52}
.route .more{margin-top:auto;font-weight:800;font-size:16px;color:var(--rust);text-decoration:none;display:flex;align-items:center;gap:8px;min-height:44px}
.route.dark .more{color:var(--gold)}
.custom{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px;border-radius:24px;border:1.5px dashed #BFAE8C}
.custom p{font-family:var(--serif);font-size:28px;line-height:1.2}
.custom p em{color:var(--rust)}

/* ===== DIÁRIO ===== */
.blog{display:grid;grid-template-columns:minmax(0,740px) minmax(0,1fr);gap:24px}
.post-big{text-decoration:none;color:var(--ivory);display:flex;flex-direction:column;gap:20px}
.post-big:hover{color:var(--ivory)}
.post-img{position:relative;aspect-ratio:740/420;border-radius:24px;overflow:hidden;background:#1F2A24}
.post-img svg{width:100%;height:100%}
.post-img .cat{position:absolute;left:24px;top:24px;padding:8px 14px;border-radius:16px;background:var(--ivory);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.12em}
.ph{position:absolute;right:24px;bottom:20px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#6F7C74}
.post-big .date{font-size:14px;font-weight:700;color:var(--muted2)}
.post-big h3{font-family:var(--serif);font-size:clamp(28px,2.8vw,40px);line-height:1.1}
.posts{display:flex;flex-direction:column}
.post{text-decoration:none;color:var(--ivory);display:flex;gap:22px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.post:last-child{border:0;margin:0}
.post:hover{color:var(--ivory)}
.post .thumb{width:200px;height:170px;flex-shrink:0;border-radius:18px;display:flex;align-items:flex-end;padding:14px;font-size:11px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.45)}
.post .info{display:flex;flex-direction:column;gap:10px}
.post .info small{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--gold)}
.post h4{margin:0;font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.15}
.post .info span{font-size:14px;color:var(--muted2)}

/* ===== CTA ===== */
.cta-wrap{padding:0 var(--pad) clamp(64px,9vw,120px)}
.cta{position:relative;overflow:hidden;background:var(--ember);color:#1A0F08;border-radius:36px;padding:clamp(32px,6vw,80px);display:flex;justify-content:space-between;align-items:center;gap:40px}
.cta .rings{position:absolute;right:-60px;top:-80px;width:400px;height:400px;opacity:.18}
.cta .txt{position:relative;max-width:760px;display:flex;flex-direction:column;gap:20px}
.cta .eyebrow{color:#1A0F08}
.cta h2{font-family:var(--serif);font-size:clamp(34px,4.5vw,64px);line-height:1;letter-spacing:-.03em}
.cta p{font-size:19px;line-height:1.55;max-width:620px}
.cta .actions{position:relative;display:flex;flex-direction:column;gap:14px}

/* ===== FOOTER ===== */
.footer{background:var(--black);padding:clamp(56px,7vw,100px) var(--pad) 40px;display:flex;flex-direction:column;gap:64px}
.footer .big{font-family:var(--serif);font-size:clamp(52px,8.4vw,120px);line-height:.9;letter-spacing:-.04em}
.footer .big em{color:var(--gold)}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding-top:48px;border-top:1px solid #1F2A24}
.foot-col{display:flex;flex-direction:column;gap:14px}
.foot-col h5{margin:0;font-size:12px;font-weight:800;letter-spacing:.18em;color:#7E8A82}
.foot-col a,.foot-col span{font-size:15px;color:var(--muted);text-decoration:none;line-height:1.7}
.foot-col a:hover{color:var(--gold)}
.socials{display:flex;gap:10px;padding-top:6px}
.socials a{width:44px;height:44px;border-radius:22px;border:1px solid #2F3D35;display:flex;align-items:center;justify-content:center}
.socials a:hover{border-color:var(--gold)}
.logo-ph{height:64px;border-radius:12px;border:1px dashed #2F3D35;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.14em;color:#6F7C74;text-align:center;padding:0 12px}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#6F7C74}

/* ===== PÁGINA DE DESTINO ===== */
.d-hero{position:relative;min-height:max(720px,92svh);display:flex;flex-direction:column;overflow:hidden}
.d-hero .hero-body{justify-content:flex-end;padding-bottom:140px;gap:22px}
.crumbs{display:flex;gap:10px;font-size:14px;font-weight:700;color:#A9C9C3}
.crumbs a{color:#A9C9C3;text-decoration:none}
.crumbs b{color:var(--ivory);font-weight:700}
.d-hero h1{font-family:var(--serif);font-size:clamp(110px,16vw,230px);font-style:italic;font-weight:300;line-height:.85;letter-spacing:-.05em;color:var(--cream)}
.facts{position:relative;z-index:5;margin:-70px var(--pad) 0;background:var(--ivory);color:var(--ink);border-radius:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:36px 44px;gap:32px}
.fact{display:flex;flex-direction:column;gap:6px}
.fact small{font-size:12px;font-weight:800;letter-spacing:.16em;color:#6B5E4E}
.fact b{font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);font-weight:400}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter{height:44px;padding:0 18px;border-radius:22px;border:1px solid #3A4740;background:transparent;color:var(--ivory);font-size:14px;font-weight:700;cursor:pointer}
.filter.on{background:var(--ivory);color:var(--night);border-color:var(--ivory);font-weight:800}
.sand .filter{border-color:#CDB894;color:var(--ink)}
.sand .filter.on{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.todo{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:20px}
.todo a{border-radius:24px;text-decoration:none;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;position:relative;overflow:hidden;transition:transform .3s}
.todo a:hover{transform:translateY(-4px)}
.todo a small{position:relative;font-size:12px;font-weight:800;letter-spacing:.14em}
.todo a b{position:relative;font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.1}
.todo a.feat{grid-row:1/3;padding:36px}
.todo a.feat b{font-size:clamp(32px,3.2vw,44px);line-height:1.05}
.todo a.feat span{position:relative;font-size:16px;line-height:1.5;color:#C9DDD8;max-width:440px}
.todo a.feat svg{position:absolute;inset:0;width:100%;height:100%}
.assoc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.a-card{background:var(--paper);border:1px solid #DCCBA9;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.a-card .img{height:180px;display:flex;align-items:flex-end;padding:14px;font-size:11px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.5)}
.a-card .in{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.a-card small{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--rust)}
.a-card b{font-family:var(--serif);font-size:24px;font-weight:400}
.a-card span{font-size:14px;color:#6B5E4E}
.a-card .btn{height:46px;margin-top:auto;font-size:14px}

.howto{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:64px;align-items:center}
.howto .text{display:flex;flex-direction:column;gap:24px}
.howto .text h2{font-size:clamp(40px,4vw,56px)}
.dist{border-top:1px solid var(--line)}
.dist div{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px}
.dist span{color:var(--muted)}
.dist b{font-weight:800}
.mini-map{height:440px;border-radius:28px;overflow:hidden;background:var(--night2)}
.mini-map svg{width:100%;height:100%}
.prevnext{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1F2A24}
.prevnext a{padding:56px var(--pad);text-decoration:none;color:var(--ivory);display:flex;flex-direction:column;gap:8px}
.prevnext a:first-child{border-right:1px solid #1F2A24}
.prevnext a:last-child{align-items:flex-end;text-align:right}
.prevnext small{font-size:13px;font-weight:800;letter-spacing:.18em;color:#7E8A82}
.prevnext b{font-family:var(--serif);font-size:clamp(32px,3.6vw,52px);font-style:italic;font-weight:400}
.prevnext a:hover b{color:var(--gold)}
.mini-foot{background:var(--black);padding:40px var(--pad);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#6F7C74}

/* ===== ANIMAÇÃO DE ENTRADA ===== */
.js .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.hero-body > *{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.hero-body > *:nth-child(2){animation-delay:.12s}
.hero-body > *:nth-child(3){animation-delay:.24s}
.hero-body > *:nth-child(4){animation-delay:.36s}
.hero-body > *:nth-child(5){animation-delay:.48s}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.sun{animation:sunrise 2.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes sunrise{from{transform:translateY(70px)}to{transform:none}}
.birds{animation:fly 26s linear infinite}
@keyframes fly{from{transform:translateX(-120px)}to{transform:translateX(160px)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
}

/* ===== RESPONSIVO ===== */
@media (max-width:1180px){
  .nav-links{gap:22px}
  .lang{display:none}
  .manifesto{grid-template-columns:1fr;gap:56px}
  .collage{height:620px;max-width:560px}
  .map-wrap{grid-template-columns:1fr}
  .map{max-width:760px}
  .xp-grid,.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog{grid-template-columns:1fr}
  .cta{flex-direction:column;align-items:flex-start}
  .cta .actions{flex-direction:row;flex-wrap:wrap}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .assoc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .howto{grid-template-columns:1fr}
}
@media (max-width:980px){
  .nav-links,.nav-right .btn,.nav-right .search{display:none}
  .menu-btn{display:flex}
  .biomas{grid-template-columns:1fr}
  .bioma{min-height:520px;padding-top:72px;padding-bottom:300px}
  .bioma .art{top:auto;height:340px}
  .bioma.pantanal{padding-left:var(--pad)}
  .badge{display:none}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .todo{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .todo a{min-height:200px}
  .todo a.feat{grid-row:auto;grid-column:1/3;min-height:360px}
}
@media (max-width:640px){
  .logo svg{width:38px;height:38px}
  .logo-txt{font-size:18px}
  .nav{padding-top:16px}
  .hero-body{padding-top:120px}
  .hero-kicker{font-size:11px;letter-spacing:.18em}
  .hero-ctas .btn{width:100%}
  .hero-stats{flex-direction:column;align-items:stretch;padding-bottom:28px}
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .scroll-hint{display:none}
  .marquee{height:60px}
  .marquee-track{font-size:22px;gap:24px}
  .collage{height:360px;width:100%}
  .collage .c1{top:30px;width:42%;height:260px}
  .collage .c2{left:46%;top:0;width:40%;height:170px}
  .collage .c3{left:48%;top:185px;width:48%;height:175px}
  .collage .note{display:none}
  .pin .lbl{display:none}
  .pin.sel .lbl{display:block;font-size:13px}
  .city-card{padding:28px;min-height:0}
  .chips{grid-template-columns:1fr 1fr}
  .chip{font-size:14px;padding:0 12px}
  .xp-grid,.route-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 8px;gap:14px;scrollbar-width:none}
  .xp-grid::-webkit-scrollbar,.route-grid::-webkit-scrollbar{display:none}
  .xp,.route{flex:0 0 82%;scroll-snap-align:start}
  .xp > svg{height:180px}
  .custom{flex-direction:column;align-items:flex-start;padding:24px}
  .custom p{font-size:22px}
  .post{flex-direction:column}
  .post .thumb{width:100%;height:160px}
  .cta .actions{flex-direction:column;width:100%}
  .cta .actions .btn{width:100%}
  .foot-grid{grid-template-columns:1fr}
  .facts{margin-top:-50px;padding:24px;gap:20px}
  .todo{grid-template-columns:1fr}
  .todo a.feat{grid-column:auto}
  .assoc{grid-template-columns:1fr}
  .mini-map{height:320px}
  .prevnext{grid-template-columns:1fr}
  .prevnext a:first-child{border-right:0;border-bottom:1px solid #1F2A24}
  .prevnext a{padding:36px var(--pad)}
  .d-hero .hero-body{padding-bottom:110px}
}