/* Guia de leitura · Caravana Israel 2026 · Get Church */

@font-face{font-family:"Editorial";src:url("fonts/editorial-ultralight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Editorial";src:url("fonts/editorial-ultralight-italic.woff2") format("woff2");font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:"Editorial";src:url("fonts/editorial-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Editorial";src:url("fonts/editorial-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Aboreto";src:url("fonts/aboreto.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montreal";src:url("fonts/montreal-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Montreal";src:url("fonts/montreal-medium.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --tinta:#14100c;
  --tinta-2:#1d1712;
  --noite:#0d1318;
  --noite-2:#152029;
  --pedra:#eee6d7;
  --pedra-2:#e3d9c5;
  --pedra-3:#d4c7ad;
  --ouro:#c9a063;
  --ouro-2:#9b7235;
  --vinho:#5a1a15;
  --vinho-2:#7a281f;
  --terracota:#b4532e;
  --oliva:#676b45;
  --jeans:#40627f;
  --texto:#2a221a;
  --suave:#6d5f4d;
  --claro:#f4eee2;
  --claro-suave:#b9ac96;
  --serifa:"Newsreader",Georgia,"Times New Roman",serif;
  --titulo:"Editorial","Newsreader",Georgia,serif;
  --romana:"Aboreto","Editorial",Georgia,serif;
  --sans:"Montreal","Helvetica Neue",Helvetica,Arial,sans-serif;
  --borda:20px;
  --largura:1140px;
  --ease:cubic-bezier(.2,.7,.1,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px;overflow-x:clip}
[hidden]{display:none !important}
body{margin:0;background:var(--pedra);color:var(--texto);font-family:var(--serifa);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:2px}
::selection{background:var(--vinho);color:var(--claro)}

.rotulo{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.caixa{width:100%;max-width:var(--largura);margin-inline:auto;padding-inline:var(--borda)}

/* grão de filme, bem leve, sobre tudo */
.grao{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden;opacity:.07;mix-blend-mode:overlay}
.grao::before{content:"";position:absolute;inset:-50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grao 1.1s steps(6) infinite}
@keyframes grao{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* lamparina 3D e o halo que ela projeta */
#lampada{position:fixed;inset:0;width:100%;height:100%;z-index:55;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
#lampada.pronta{opacity:1}
#halo{position:fixed;inset:0;z-index:54;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
#halo i{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;opacity:0;background:radial-gradient(closest-side,rgba(255,196,110,.5),rgba(255,160,70,.2) 38%,rgba(255,150,60,0) 70%);will-change:transform,width,height,opacity}

/* ───────── topo ───────── */
.topo{position:fixed;inset:0 0 auto 0;z-index:50;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:var(--borda);color:var(--claro);transition:background .4s ease,color .4s ease,box-shadow .4s ease}
.topo.solido{background:rgba(20,16,12,.86);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 rgba(201,160,99,.22)}
.topo-marca{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.topo-marca img{width:30px;height:30px;flex:none}
.topo-marca span{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:.92}
.topo-acoes{display:flex;align-items:center;gap:8px}
.versao{position:relative;display:flex;align-items:center}
.versao select{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.12em;color:inherit;background:transparent;border:1px solid rgba(244,238,226,.34);border-radius:999px;padding:8px 30px 8px 14px;cursor:pointer}
.versao select option{color:#111}
.versao::after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.botao-jogo{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--tinta);background:var(--ouro);border-radius:999px;padding:9px 16px;white-space:nowrap;transition:background .25s ease,transform .25s var(--ease)}
.botao-jogo:hover{background:#dab679;transform:translateY(-1px)}
.progresso{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--ouro);transform-origin:0 50%;transform:scaleX(var(--p,0));opacity:.9}
@media (max-width:560px){.topo-marca span{display:none}}

/* ───────── abertura ───────── */
.hero{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;background:var(--tinta);color:var(--claro);overflow:hidden;isolation:isolate}
.hero-fundo{position:absolute;inset:0;z-index:-2}
.hero-fundo img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:saturate(.8) contrast(1.05) brightness(.62);transform:scale(1.12) translate3d(0,calc(var(--rolagem,0) * 9%),0);will-change:transform}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,10,8,.82) 0%,rgba(13,10,8,.28) 34%,rgba(13,10,8,.42) 62%,rgba(13,10,8,.96) 100%)}
.hero-barra{position:absolute;left:0;right:0;height:clamp(18px,4.5vh,44px);background:#000;z-index:2}
.hero-barra.cima{top:0}.hero-barra.baixo{bottom:0}
.palco{min-height:27svh}
.cena-alvo{position:absolute;right:5%;top:15%;width:36%;height:19%;z-index:1;pointer-events:none}
.fim-alvo{position:absolute;left:50%;top:9%;width:52%;height:25%;transform:translateX(-50%);pointer-events:none}
.hero-centro{align-self:center;padding:calc(56px + 6vh) var(--borda) 0;width:100%;max-width:var(--largura);margin-inline:auto}
.hero-sobre{color:var(--ouro);margin-bottom:clamp(18px,4vh,40px)}
.hero h1{font-family:var(--titulo);font-weight:200;font-size:clamp(72px,21.5vw,272px);line-height:.84;letter-spacing:.02em;text-transform:uppercase;margin-left:-.05em}
.hero h1 span{display:inline-block;opacity:0;transform:translateY(.35em);animation:letra 1.5s var(--ease) both;animation-delay:calc(.25s + var(--i) * .09s)}
@keyframes letra{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
.hero-linha{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin-top:clamp(14px,2.6vh,30px)}
.hero-ano{font-family:var(--romana);font-size:clamp(17px,2.2vw,28px);letter-spacing:.34em;color:var(--ouro)}
.hero-sub{font-family:var(--titulo);font-style:italic;font-weight:200;font-size:clamp(27px,4.4vw,56px);line-height:1.05}
.hero-data{margin-top:14px;color:var(--claro-suave)}
.hero-pe{position:relative;z-index:3;padding:0 var(--borda) calc(clamp(18px,4.5vh,44px) + 26px);width:100%;max-width:var(--largura);margin-inline:auto;display:grid;gap:22px}
.autoria{display:flex;align-items:center;gap:16px;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--claro)}
.autoria::before,.autoria::after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(201,160,99,.75));flex:1;max-width:120px}
.autoria::after{background:linear-gradient(270deg,transparent,rgba(201,160,99,.75))}
.autoria b{font-weight:500;color:var(--ouro);white-space:nowrap}
@media (max-width:520px){.autoria{letter-spacing:.14em;font-size:10.5px;gap:12px}.autoria::before{display:none}.autoria::after{max-width:40px}}
.hero-verso{max-width:30ch;font-family:var(--titulo);font-style:italic;font-weight:200;font-size:clamp(20px,2.3vw,27px);line-height:1.22;color:var(--claro)}
.hero-verso cite{display:block;margin-top:10px;font-style:normal}
.desce{display:inline-flex;align-items:center;gap:12px;color:var(--claro-suave);text-decoration:none}
.desce i{display:block;width:1px;height:44px;background:linear-gradient(var(--ouro),transparent);transform-origin:50% 0;animation:desce 2.4s var(--ease) infinite}
@keyframes desce{0%{transform:scaleY(0)}55%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (min-width:900px){
  .hero{grid-template-rows:1fr auto}
  .hero-pe{grid-template-columns:1fr auto;align-items:end}
  .hero-centro{padding-top:calc(56px + 9vh);padding-bottom:4vh}
  .palco{position:absolute;right:5%;top:47%;width:31%;height:33%;min-height:0;z-index:1}
  .cena-alvo{right:7%;top:19%;width:19%;height:32%}
  .fim-alvo{width:30%;height:30%}
}

/* ───────── como não se perder ───────── */
.intro{padding:clamp(72px,12vw,150px) 0 clamp(56px,9vw,110px);background:var(--pedra)}
.intro-titulo{display:flex;align-items:center;gap:14px;color:var(--vinho);margin-bottom:26px}
.intro-titulo::after{content:"";flex:1;height:1px;background:var(--pedra-3)}
.intro-lead{font-family:var(--titulo);font-weight:200;font-size:clamp(27px,3.9vw,50px);line-height:1.14;letter-spacing:-.005em;max-width:24ch;color:var(--tinta)}
.intro-lead em{font-style:italic;color:var(--vinho)}
.legenda{display:grid;gap:0;margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--pedra-3)}
.legenda li{display:grid;grid-template-columns:54px 1fr;gap:6px 14px;padding:22px 0;border-bottom:1px solid var(--pedra-3)}
.legenda .num{font-family:var(--romana);font-size:22px;color:var(--ouro-2);line-height:1.3}
.legenda h3{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta);padding-top:6px}
.legenda p{grid-column:2;font-size:17px;line-height:1.5;color:var(--suave)}
@media (min-width:860px){
  .legenda{grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--pedra-3)}
  .legenda li{grid-template-columns:1fr;padding:26px 26px 30px 0;border-bottom:0;border-right:1px solid var(--pedra-3)}
  .legenda li+li{padding-left:26px}
  .legenda li:last-child{border-right:0}
  .legenda p{grid-column:1}
  .legenda .num{font-size:28px;margin-bottom:10px}
}

/* ───────── as três fases (navegação) ───────── */
.fases{background:var(--pedra);padding-bottom:clamp(64px,10vw,130px)}
.fases ol{display:grid;gap:12px}
.fases a{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 22px;background:var(--tinta);color:var(--claro);text-decoration:none;overflow:hidden;transition:transform .5s var(--ease)}
.fases a::before{content:"";position:absolute;inset:0;background:var(--vinho);transform:translateY(101%);transition:transform .55s var(--ease)}
.fases a:hover::before,.fases a:focus-visible::before{transform:none}
.fases a>*{position:relative}
.fases .num{font-family:var(--romana);font-size:34px;line-height:1;color:var(--ouro);min-width:1.6em}
.fases h3{font-family:var(--titulo);font-weight:200;font-size:clamp(25px,3vw,34px);line-height:1.05}
.fases p{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--claro-suave);margin-top:6px}
.seta{width:26px;height:26px;flex:none;transition:transform .45s var(--ease)}
.fases a:hover .seta{transform:translateY(4px)}
@media (min-width:860px){
  .fases ol{grid-template-columns:repeat(3,1fr)}
  .fases a{grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;min-height:230px;padding:28px}
  .fases .num{grid-column:1/-1;font-size:54px;align-self:start}
}

/* ───────── cabeçalho de fase ───────── */
.fase{position:relative}
.fase-cab{padding:clamp(64px,10vw,130px) 0 clamp(30px,5vw,60px)}
.fase-cab .num{font-family:var(--romana);font-size:clamp(64px,13vw,170px);line-height:.8;color:var(--ouro-2);opacity:.9}
.fase-cab h2{font-family:var(--titulo);font-weight:200;font-size:clamp(44px,8.4vw,112px);line-height:.94;letter-spacing:-.01em;margin-top:18px}
.fase-cab h2 em{font-style:italic}
.fase-cab .rotulo{display:block;margin-top:20px;color:var(--suave)}
.fase-cab .resumo{max-width:44ch;margin-top:22px;color:var(--suave)}
.escura{background:var(--tinta);color:var(--claro)}
.escura .fase-cab .rotulo,.escura .fase-cab .resumo{color:var(--claro-suave)}
.escura .fase-cab .num{color:var(--ouro)}

/* ───────── bloco LEIA ───────── */
.leia{margin-top:22px}
.leia-selo{display:inline-flex;align-items:center;gap:10px;font-family:var(--romana);font-size:13px;letter-spacing:.34em;color:var(--vinho);margin-bottom:10px}
.leia-selo::before{content:"";width:9px;height:9px;background:var(--vinho);transform:rotate(45deg)}
.escura .leia-selo{color:var(--ouro)}
.escura .leia-selo::before{background:var(--ouro)}
.refs{display:grid;gap:6px}
.ref-linha{display:flex;align-items:stretch;gap:6px}
.ref{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:12px 16px 12px 18px;background:var(--vinho);color:var(--claro);text-decoration:none;overflow:hidden;transition:background .3s ease}
.ref::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,225,170,.16) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.ref:hover::after,.ref:focus-visible::after{transform:translateX(120%)}
.ref:hover{background:var(--vinho-2)}
.ref-t{font-family:var(--titulo);font-weight:400;font-size:clamp(23px,2.5vw,29px);line-height:1.1;letter-spacing:.005em}
.ref-ir{display:inline-flex;align-items:center;gap:8px;flex:none;font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}
.ref-ir svg{width:15px;height:15px;transition:transform .35s var(--ease)}
.ref:hover .ref-ir svg{transform:translate(3px,-3px)}
.ref-partes{flex:1;min-width:0;display:grid;gap:10px;padding:14px 16px 16px 18px;background:var(--vinho);color:var(--claro)}
.ref-partes .ref-t{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ref-partes .ref-t small{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:44px;padding:0 12px;border:1px solid rgba(201,160,99,.55);font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--claro);text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}
.chip:hover{background:var(--ouro);color:var(--tinta);border-color:var(--ouro)}
.chip.lido{background:rgba(201,160,99,.22);border-color:transparent;color:var(--ouro)}
@media (max-width:480px){.ref-ir b{display:none}.ref{padding-inline:16px 14px}.ref-partes .ref-t{flex-wrap:wrap;gap:4px 12px}}
.lido-bt{flex:none;width:44px;display:grid;place-items:center;background:transparent;border:1px solid var(--pedra-3);color:var(--pedra-3);transition:all .3s ease}
.lido-bt svg{width:18px;height:18px}
.lido-bt:hover{border-color:var(--oliva);color:var(--oliva)}
.ref-linha.lido .lido-bt{background:var(--oliva);border-color:var(--oliva);color:var(--claro)}
.ref-linha.lido .ref{background:#3d2a22}
.ref-linha.lido .ref-t{opacity:.72}
.escura .lido-bt{border-color:rgba(244,238,226,.24);color:rgba(244,238,226,.34)}
.extra{margin-top:16px;font-size:15.5px;line-height:1.55;color:var(--suave)}
.extra span{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-right:8px;color:var(--suave)}
.extra a{color:var(--texto);text-decoration:underline;text-decoration-color:var(--ouro-2);text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}
.extra a:hover{color:var(--vinho)}
.extra i{font-style:normal;opacity:.5;margin:0 5px}
.escura .extra,.escura .extra span{color:var(--claro-suave)}
.escura .extra a{color:var(--claro)}
.nota{margin-top:14px;padding-left:14px;border-left:1px solid var(--ouro-2);font-size:15.5px;line-height:1.5;font-style:italic;color:var(--suave)}

/* ───────── fase I · quatro noites ───────── */
.noites{display:grid;gap:14px;padding-bottom:clamp(64px,10vw,130px)}
.noite{position:relative;display:grid;align-content:start;padding:26px 22px 26px;background:var(--claro);border-top:2px solid var(--vinho)}
.noite-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--suave)}
.noite-cab b{font-weight:500;color:var(--vinho)}
.noite h3{font-family:var(--titulo);font-weight:200;font-size:clamp(27px,2.7vw,33px);line-height:1.08;margin-top:16px;color:var(--tinta)}
.noite .prepara{margin-top:20px;padding-top:14px;border-top:1px solid var(--pedra-3);color:var(--suave)}
.noite .prepara b{font-weight:500;color:var(--tinta)}
.noite .ref-t{font-size:22px}
.noite>*{min-width:0}
.noite .leia-selo{color:var(--vinho)}
.noite .leia-selo::before{background:var(--vinho)}
.noite .extra,.noite .extra span{color:var(--suave)}
.noite .extra a{color:var(--texto)}
.noite .lido-bt{border-color:var(--pedra-3);color:var(--pedra-3)}
.noite .ref-linha.lido .lido-bt{color:var(--claro);border-color:var(--oliva)}
@media (min-width:760px){.noites{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.noites{grid-template-columns:repeat(4,1fr);gap:12px}.noite{padding:26px 18px}.noite .ref{padding-inline:14px 12px}.noite .ref-ir b{display:none}}

/* ───────── faixa de fotograma com legenda ───────── */
.fotograma{position:relative;overflow:hidden;background:#000;color:var(--claro);isolation:isolate}
.fotograma-img{position:absolute;inset:-9% 0;z-index:-1}
.fotograma-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06) brightness(.78);transform:translate3d(0,calc((var(--v,.5) - .5) * -12%),0) scale(1.04);will-change:transform}
.fotograma::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,0) 34%,rgba(0,0,0,.72) 100%)}
.faixa{min-height:min(78svh,720px);display:grid;align-content:end;padding:15vh var(--borda) clamp(42px,8vh,84px)}
.legenda-filme{max-width:21ch;margin-inline:auto;text-align:center;font-family:var(--titulo);font-style:italic;font-weight:200;font-size:clamp(29px,4.6vw,60px);line-height:1.1;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.legenda-filme.longa{max-width:27ch;font-size:clamp(25px,3.6vw,46px)}
.cite{display:flex;justify-content:center;margin-top:20px}
.cite a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid rgba(201,160,99,.6);border-radius:999px;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);text-decoration:none;background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s ease,color .3s ease}
.cite a:hover{background:var(--ouro);color:var(--tinta)}
.cite svg{width:13px;height:13px}
.credito{position:absolute;right:10px;bottom:8px;z-index:1;font-family:var(--sans);font-size:9px;letter-spacing:.06em;color:rgba(255,255,255,.5);max-width:70%;text-align:right;line-height:1.3}

/* ───────── fase II · voos ───────── */
.voos{background:var(--noite);color:var(--claro);padding-bottom:clamp(64px,10vw,130px)}
.rota{position:relative;margin:clamp(10px,3vw,34px) 0 clamp(34px,6vw,70px)}
.rota svg{display:block;width:100%;height:auto;overflow:visible}
.rota-linha{fill:none;stroke:rgba(244,238,226,.2);stroke-width:1.2;stroke-dasharray:3 7}
.rota-feita{fill:none;stroke:var(--ouro);stroke-width:1.4;stroke-linecap:round}
.rota text{font-family:var(--sans);font-size:21px;font-weight:500;letter-spacing:.16em;fill:var(--claro)}
.rota text.cidade{font-size:13px;letter-spacing:.12em;fill:var(--claro-suave)}
@media (min-width:700px){.rota text{font-size:13px;letter-spacing:.2em}.rota text.cidade{font-size:10px;letter-spacing:.16em}}
.rota circle{fill:var(--noite);stroke:var(--ouro);stroke-width:1.4}
.rota #aviao{fill:var(--claro)}
.trechos{display:grid;gap:12px}
.trecho{padding:24px 22px 26px;background:var(--noite-2);border-top:1px solid rgba(201,160,99,.5)}
.voos .leia-selo{color:var(--ouro)}
.voos .leia-selo::before{background:var(--ouro)}
.voos .lido-bt{border-color:rgba(244,238,226,.24);color:rgba(244,238,226,.34)}
.voos .extra,.voos .extra span{color:var(--claro-suave)}
.voos .extra a{color:var(--claro)}
.trecho .rotulo{color:var(--ouro)}
.trecho h3{font-family:var(--titulo);font-weight:200;font-size:clamp(26px,2.8vw,33px);line-height:1.08;margin-top:12px}
.trecho p.desc{margin-top:10px;font-size:16.5px;line-height:1.5;color:var(--claro-suave)}
.trecho .ref,.trecho .ref-partes{background:rgba(201,160,99,.13)}
.trecho .ref:hover{background:rgba(201,160,99,.24)}
@media (min-width:860px){.trechos{grid-template-columns:repeat(2,1fr)}}

/* ───────── nota do guia ───────── */
.guia{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;margin-top:26px;padding-top:20px;border-top:1px solid var(--pedra-3)}
.guia-foto{width:58px;height:58px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,#e6c58f,#c98f55);box-shadow:0 0 0 1px var(--ouro-2),0 0 0 4px var(--pedra)}
.guia-foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.18) translateY(6%)}
.guia-nome{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta)}
.guia-nome span{display:block;margin-top:2px;font-size:9.5px;letter-spacing:.2em;color:var(--ouro-2)}
.guia-fala{margin-top:8px;font-size:16.5px;line-height:1.5;color:var(--suave)}
.guia-bordao{font-family:var(--titulo);font-weight:400;font-style:italic;font-size:1.12em;color:var(--vinho)}
.escura .guia-bordao,.voos .guia-bordao{color:var(--ouro)}
.escura .guia,.voos .guia{border-top-color:rgba(244,238,226,.16)}
.escura .guia-nome,.voos .guia-nome{color:var(--claro)}
.escura .guia-fala,.voos .guia-fala{color:var(--claro-suave)}
.escura .guia-foto,.voos .guia-foto{box-shadow:0 0 0 1px var(--ouro),0 0 0 4px var(--noite)}
.voos .guia{max-width:640px;margin-top:40px}

/* ───────── fase III · os dias ───────── */
.dias{background:var(--pedra)}
.cena{position:relative;min-height:min(86svh,780px);display:grid;align-content:end;overflow:hidden;background:#000;color:var(--claro);isolation:isolate}
.cena-img{position:absolute;inset:-9% 0;z-index:-2}
.cena-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.06) brightness(.8);transform:translate3d(0,calc((var(--v,.5) - .5) * -12%),0) scale(1.04);will-change:transform}
.cena::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.2) 46%,rgba(10,8,6,.72) 70%,rgba(10,8,6,.96) 100%)}
.cena-barra{position:absolute;left:0;right:0;height:clamp(14px,3.4vh,34px);background:#000;z-index:1}
.cena-barra.cima{top:0}.cena-barra.baixo{bottom:0}
.cena-txt{position:relative;padding:0 var(--borda) calc(clamp(14px,3.4vh,34px) + clamp(26px,5vh,54px));width:100%;max-width:var(--largura);margin-inline:auto}
.cena-num{font-family:var(--romana);font-size:clamp(15px,1.6vw,20px);letter-spacing:.3em;color:var(--ouro)}
.cena h3{font-family:var(--titulo);font-weight:200;font-size:clamp(56px,11.5vw,168px);line-height:.88;letter-spacing:-.012em;margin-top:12px}
.cena h3 em{font-style:italic}
.cena-paradas{margin-top:18px;color:var(--claro);opacity:.86;line-height:1.9}
.cena-conta{display:inline-block;margin-top:14px;padding:6px 12px;border:1px solid rgba(201,160,99,.5);border-radius:999px;font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}

.dia-corpo{position:relative;padding-block:clamp(40px,7vw,90px) clamp(60px,10vw,130px)}
.vespera{display:grid;gap:8px;padding:24px 22px;background:var(--tinta);color:var(--claro);margin-bottom:clamp(46px,7vw,90px)}
.vespera .rotulo{color:var(--ouro)}
.vespera p.desc{font-family:var(--titulo);font-weight:200;font-style:italic;font-size:clamp(21px,2.3vw,27px);line-height:1.2}
.vespera .leia{margin-top:8px}
.vespera .leia-selo{color:var(--ouro)}
.vespera .leia-selo::before{background:var(--ouro)}
.vespera .ref,.vespera .ref-partes{background:rgba(201,160,99,.14)}
.vespera .ref:hover{background:rgba(201,160,99,.26)}
.vespera .lido-bt{border-color:rgba(244,238,226,.24);color:rgba(244,238,226,.34)}
@media (min-width:860px){.vespera{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:34px;align-items:center;padding:30px 34px}.vespera .leia{margin-top:0}}

.trilha{position:relative}
.fio{display:none}
.parada{position:relative;display:grid;gap:26px;padding-bottom:clamp(64px,9vw,120px)}
.parada:last-child{padding-bottom:0}
.still{position:relative;overflow:hidden;background:#000;color:var(--claro);isolation:isolate;aspect-ratio:4/5;margin-inline:calc(-1 * var(--borda))}
.still-img{position:absolute;inset:-7% 0;z-index:-1}
.still-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.05) brightness(.86);transform:translate3d(0,calc((var(--v,.5) - .5) * -10%),0) scale(1.03);will-change:transform}
.still::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.86) 100%)}
.still-idx{position:absolute;left:16px;top:14px;font-family:var(--romana);font-size:13px;letter-spacing:.3em;color:var(--claro);opacity:.9}
.still-leg{position:absolute;left:0;right:0;bottom:0;padding:0 18px 34px;text-align:center}
.still-leg p{font-family:var(--titulo);font-style:italic;font-weight:200;font-size:clamp(23px,3vw,34px);line-height:1.14;text-wrap:balance;max-width:21ch;margin-inline:auto;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.still-leg .cite{margin-top:14px}
.still-leg .cite a{min-height:40px;font-size:10px}
.parada-txt h4{font-family:var(--titulo);font-weight:200;font-size:clamp(40px,5.2vw,68px);line-height:.98;letter-spacing:-.01em;color:var(--tinta);text-wrap:balance}
.aconteceu{margin-top:18px}
.aconteceu span{display:block;margin-bottom:8px;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--terracota)}
.aconteceu p{font-size:clamp(19px,1.7vw,21.5px);line-height:1.46;font-style:italic;color:var(--texto);max-width:36em}

@media (min-width:900px){
  .trilha{padding-left:0}
  .parada{grid-template-columns:minmax(0,11fr) minmax(0,10fr);gap:clamp(34px,5vw,76px);align-items:start}
  .parada:nth-child(even) .still{order:2}
  .still{aspect-ratio:5/6;position:sticky;top:84px;margin-inline:0}
  .parada-txt{padding-top:8px}
}

/* ───────── encerramento ───────── */
.fim .faixa{min-height:min(92svh,820px)}
.convite{background:var(--tinta);color:var(--claro);padding:clamp(64px,10vw,130px) 0;overflow:hidden}
.convite-grade{display:grid;gap:30px;align-items:end}
.convite h2{font-family:var(--titulo);font-weight:200;font-size:clamp(42px,7vw,96px);line-height:.96;letter-spacing:-.01em}
.convite h2 em{font-style:italic;color:var(--ouro)}
.convite p{max-width:36ch;margin-top:18px;color:var(--claro-suave)}
.convite .botao{display:inline-flex;align-items:center;gap:12px;margin-top:26px;min-height:56px;padding:0 26px;background:var(--ouro);color:var(--tinta);font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .3s ease,transform .3s var(--ease)}
.convite .botao:hover{background:#dab679;transform:translateY(-2px)}
.convite .botao svg{width:16px;height:16px}
.trio{display:flex;justify-content:center;align-items:flex-end;margin-bottom:calc(-1 * clamp(64px,10vw,130px));padding-top:10px}
.trio img{width:36%;max-width:270px;margin-inline:-5%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.trio img:nth-child(2){width:41%;max-width:310px;position:relative;z-index:1}
@media (min-width:900px){.convite-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.trio{justify-content:flex-end}}

.rodape{background:#0c0a08;color:var(--claro-suave);padding:clamp(46px,7vw,84px) 0 40px;font-size:15px;line-height:1.55}
.rodape-topo{display:grid;gap:26px;padding-bottom:34px;border-bottom:1px solid rgba(244,238,226,.12)}
.rodape-marca{display:flex;align-items:center;gap:14px}
.rodape-marca img{width:54px;height:54px}
.rodape-marca b{display:block;font-family:var(--titulo);font-weight:200;font-size:27px;line-height:1.1;color:var(--claro)}
.rodape-marca span{font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.rodape .autoria{justify-content:flex-start}
.rodape .autoria::before{display:none}
.rodape .aviso{max-width:52ch}
.rodape details{margin-top:26px}
.rodape summary{cursor:pointer;font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--claro);list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:44px}
.rodape summary::-webkit-details-marker{display:none}
.rodape summary::before{content:"+";font-size:16px;color:var(--ouro)}
.rodape details[open] summary::before{content:"–"}
.rodape details ul{columns:1;gap:30px;margin-top:8px;font-size:12.5px;line-height:1.45}
.rodape details li{break-inside:avoid;padding:5px 0}
.rodape details a{color:var(--claro-suave);text-underline-offset:2px}
.rodape .fino{margin-top:22px;font-size:12.5px;line-height:1.5}
@media (min-width:860px){.rodape-topo{grid-template-columns:1fr 1fr;align-items:end}.rodape details ul{columns:2}}

/* ───────── entradas ao rolar ───────── */
.js .sobe{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.js .sobe.visto{opacity:1;transform:none}
.js .abre .still-img,.js .abre.fotograma .fotograma-img,.js .abre.cena .cena-img{clip-path:inset(0 0 100% 0);transition:clip-path 1.5s var(--ease)}
.js .abre.visto .still-img,.js .abre.visto.fotograma .fotograma-img,.js .abre.visto.cena .cena-img{clip-path:inset(0 0 0 0)}
.js .still-leg,.js .legenda-filme,.js .faixa .cite{opacity:0;transform:translateY(14px);transition:opacity 1.1s ease .7s,transform 1.1s var(--ease) .7s}
.js .visto .still-leg,.js .visto .legenda-filme,.js .visto.fotograma .cite{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .grao::before,.desce i{animation:none}
  .hero h1 span{animation:none;opacity:1;transform:none;filter:none}
  .js .sobe,.js .still-leg,.js .legenda-filme,.js .faixa .cite{opacity:1;transform:none;transition:none}
  .js .abre .still-img,.js .abre.fotograma .fotograma-img,.js .abre.cena .cena-img{clip-path:none;transition:none}
  .hero-fundo img,.fotograma-img img,.cena-img img,.still-img img{transform:none}
  #lampada,#halo{display:none}
}

@media print{
  .topo,.grao,#lampada,#halo,.hero-barra,.cena-barra,.desce,.lido-bt,.convite,.rota{display:none !important}
  body{background:#fff;font-size:11.5pt}
  .hero{min-height:0;background:#fff;color:#000}
  .hero::before,.hero-fundo{display:none}
  .hero h1 span{opacity:1;transform:none;filter:none;animation:none}
  .hero-centro{padding-top:0}
  .autoria,.hero-verso,.hero-data{color:#000}
  .escura,.voos,.vespera,.trecho,.rodape{background:#fff !important;color:#000 !important}
  .cena,.fotograma,.still{break-inside:avoid;min-height:0}
  .faixa{min-height:260px;padding-top:120px}
  .cena{min-height:300px}
  .parada,.noite,.trecho,.vespera{break-inside:avoid}
  .ref,.ref-partes{background:#fff !important;color:#000 !important;border:1.2pt solid #5a1a15}
  .ref-ir{color:#5a1a15}
  .js .sobe{opacity:1;transform:none}
  .js .abre .still-img,.js .abre.fotograma .fotograma-img,.js .abre.cena .cena-img{clip-path:none}
  .js .still-leg,.js .legenda-filme,.js .faixa .cite{opacity:1;transform:none}
  a[href]{text-decoration:none}
}