.roteiro{padding:5rem 0;background:var(--noir-950);color:var(--gold-100);overflow-x:clip}.roteiro__intro{width:min(1120px,calc(100% - 2rem));margin:0 auto 2rem}.roteiro__intro h2{font-size:clamp(2rem,5vw,4rem);max-width:780px}.roteiro__intro>p:last-child{max-width:660px;line-height:1.7}.roteiro__viewport{overflow:clip;touch-action:pan-y;cursor:grab}.roteiro__track{display:flex;gap:1rem;width:max-content;padding:1rem;will-change:transform}.day-card{width:min(78vw,290px);min-height:390px;padding:0 0 1.25rem;border:0;border-radius:24px;background:var(--noir-800);text-align:left;color:var(--gold-100);box-shadow:0 12px 35px #123b5d1f;overflow:hidden;cursor:pointer}.day-card img{width:100%;height:220px;object-fit:cover}.day-card span,.day-card strong,.day-card small{display:block;margin-inline:1.25rem}.day-card span{margin-top:1rem;color:var(--gold-400);font-weight:700;text-transform:uppercase}.day-card strong{margin-top:.35rem;font-size:1.2rem}.day-card small{margin-top:.4rem;line-height:1.45}.day-card:focus-visible,.route-book button:focus-visible{outline:3px solid var(--gold-400);outline-offset:3px}.route-book{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;visibility:hidden;opacity:0;transition:opacity .2s}.route-book[data-open=true]{visibility:visible;opacity:1}.route-book__backdrop{position:absolute;inset:0;border:0;background:rgba(11,10,8,.8)}.route-book__page{position:relative;display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;width:min(1040px,100%);max-height:92vh;background:var(--noir-800);border-radius:26px;overflow:auto;box-shadow:0 30px 80px #0006}.route-book__page>img{width:100%;height:100%;min-height:620px;object-fit:cover}.route-book__copy{padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column}.route-book__copy>#book-chapter{color:var(--gold-400);font-weight:700;text-transform:uppercase}.route-book__copy h3{font-size:clamp(1.8rem,4vw,3.2rem);margin:.3rem 0}.route-book__copy>#book-subtitle{color:rgba(243,234,217,.78);font-weight:600}.route-book__copy>#book-narrative{line-height:1.7}.route-book__copy ul{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}.route-book__copy li{padding:.45rem .7rem;background:rgba(243,234,217,.14);border-radius:999px;font-size:.8rem}.route-book__close{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border:0;border-radius:50%;background:var(--noir-950);color:#fff;font-size:1.8rem;z-index:1}.route-book__controls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem}.route-book__controls>button{width:44px;height:44px;border:0;border-radius:50%;background:var(--noir-950);color:#fff;font-size:1.2rem}.route-book__controls>button:disabled{opacity:.3}.route-book__dots{display:flex;justify-content:center;gap:clamp(.25rem,1vw,.55rem)}.route-book__dots button{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:rgba(243,234,217,.35)}.route-book__dots button[aria-current]{background:var(--gold-400)}.book-open{overflow:clip}
@media(max-width:768px){.route-book{padding:.5rem}.route-book__page{display:block;max-height:96vh}.route-book__page>img{height:210px;min-height:0}.route-book__copy{padding:1.5rem 1rem}.route-book__controls{position:sticky;bottom:0;background:var(--noir-800);padding-bottom:.5rem}.route-book__dots{gap:5px}.route-book__dots button{width:10px;height:10px}}
@media(prefers-reduced-motion:reduce){.route-book{transition:none}.roteiro__track{will-change:auto}}
.roteiro__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.roteiro__viewport::-webkit-scrollbar{display:none}
.day-card{scroll-snap-align:start}
.route-book{border:0;background:transparent;width:100%;height:100%;max-width:none;max-height:none;margin:0}.route-book::backdrop{background:rgba(11,10,8,.8)}.route-book:not([open]){display:none}

/* Roteiro: uma faixa de capítulos, não uma introdução vazia. */
.roteiro{padding:clamp(2.75rem,6vw,5rem) 0 clamp(2.5rem,5vw,4.5rem);background:var(--noir-950);color:#fff}
.roteiro__intro{width:min(1160px,calc(100% - 2rem));margin:0 auto 1.15rem}
.roteiro__intro h2{max-width:660px;margin:.25rem 0 .75rem;font-size:clamp(2.15rem,4vw,3.65rem);line-height:1.05}
.roteiro__intro>p:last-child{max-width:520px;margin:0;color:rgba(243,234,217,.78);line-height:1.55}
.roteiro__viewport{padding-left:max(1rem,calc((100vw - 1160px)/2));overflow-x:auto;overflow-y:hidden;cursor:grab;scroll-snap-type:x mandatory;scrollbar-width:none}
.roteiro__track{gap:1.2rem;padding:.85rem max(1rem,calc((100vw - 1160px)/2)) .85rem 0}
.day-card{width:min(82vw,400px);min-height:500px;padding:0 0 1.45rem;border-radius:28px;color:var(--gold-100);scroll-snap-align:start;scroll-snap-stop:always;box-shadow:0 22px 42px #020d1770;transition:transform .25s ease,box-shadow .25s ease}
.day-card:hover{box-shadow:0 29px 52px #020d1790}
.day-card img{height:305px}
.day-card span,.day-card strong,.day-card small{margin-inline:1.45rem}
.day-card span{margin-top:1.15rem}
.day-card strong{font-size:1.4rem;line-height:1.15}
.day-card small{line-height:1.5}
.roteiro__controls{display:grid;grid-template-columns:52px minmax(170px,1fr) 52px;align-items:center;gap:1rem;width:min(1160px,calc(100% - 2rem));margin:1rem auto 0}
.roteiro__controls>button{width:52px;height:52px;border:1px solid var(--gold-400);border-radius:50%;background:transparent;color:#fff;font-size:1.45rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.roteiro__controls>button:hover{background:#fff;color:var(--noir-950);transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
.roteiro__controls>button:active{transform:translateY(0)}
.roteiro__controls>button:focus-visible,.roteiro__progress button:focus-visible{outline:3px solid var(--gold-400);outline-offset:3px}
.roteiro__control-copy{display:flex;align-items:center;gap:1rem}
.roteiro__control-copy p{margin:0;color:rgba(243,234,217,.78);font-size:.88rem}
.roteiro__progress{display:flex;gap:.42rem}
.roteiro__progress button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(243,234,217,.35);cursor:pointer}
.roteiro__progress button[aria-current="true"]{width:24px;border-radius:999px;background:var(--gold-400)}
@media(max-width:768px){.roteiro{padding:3rem 0 2.5rem}.roteiro__intro{margin-bottom:.5rem}.roteiro__intro h2{font-size:clamp(2.15rem,11vw,3rem)}.roteiro__viewport{padding-left:1rem}.roteiro__track{gap:.85rem;padding-top:.65rem;padding-bottom:.65rem}.day-card{width:min(82vw,400px);min-height:450px;border-radius:24px}.day-card img{height:270px}.roteiro__controls{grid-template-columns:46px 1fr 46px;gap:.75rem;margin-top:.5rem}.roteiro__controls>button{width:46px;height:46px}.roteiro__control-copy{display:block}.roteiro__control-copy p{margin-bottom:.55rem}.roteiro__progress{gap:.35rem}}
@media(prefers-reduced-motion:reduce){.day-card,.roteiro__controls>button{transition:none}}

/* A entrada do roteiro nasce da fotografia anterior, sem uma emenda rígida. */
.roteiro{position:relative;isolation:isolate}
.roteiro::before{content:"";position:absolute;z-index:-1;right:0;bottom:100%;left:0;height:110px;background:linear-gradient(to bottom,transparent,var(--noir-950));pointer-events:none}
.day-card{position:relative;border:1px solid rgba(255,255,255,.64);background:linear-gradient(145deg,rgba(26,19,16,.98),rgba(11,10,8,.92));backdrop-filter:blur(10px) saturate(1.15)}
.day-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.38),transparent 33%,transparent 72%,rgba(196,155,90,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.72);pointer-events:none}
.route-book__copy strong{color:var(--gold-400);font-weight:800}
.route-book__copy li{background:var(--gold-400);color:var(--noir-950);font-weight:700;box-shadow:0 5px 12px rgba(196,155,90,.2)}
@media(prefers-reduced-motion:reduce){.roteiro::before{display:none}}

/* Loop continuo: track movida por transform (JS), sem scroll nativo do viewport */
.roteiro__viewport{overflow:clip;scroll-snap-type:none}
.roteiro__track{will-change:transform}
.day-card[aria-hidden="true"]{cursor:pointer}

.day-card { position: relative; }
.day-card span { position: absolute; top: .5rem; left: .6rem; font-family: "Fraunces", serif; font-size: 2.4rem; color: rgba(243, 234, 217, .35); z-index: 1; }

/* Cards poster: a foto ocupa o card inteiro, texto flutua sobre gradiente (mesma logica de Experiencias) */
.day-card { border-color: rgba(169, 131, 90, .35); background: var(--jade-800); backdrop-filter: none; }
.day-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-position: center 34%; }
.day-card::after { background: linear-gradient(180deg, rgba(10, 31, 27, .64) 0%, rgba(10, 31, 27, 0) 26%, rgba(10, 31, 27, 0) 52%, rgba(10, 31, 27, .9) 100%); box-shadow: none; }
.day-card span { margin: 0; top: 1.15rem; left: 1.15rem; font-size: 2.05rem; color: rgba(238, 226, 201, .55); z-index: 2; }
.day-card__info { position: absolute; left: 1.45rem; right: 1.45rem; bottom: 1.45rem; z-index: 2; display: flex; flex-direction: column; gap: .3rem; }
.day-card strong, .day-card small { margin: 0; }

/* dialog nativo do navegador zera a cor herdada (UA stylesheet) — repoe explicitamente pra nao ficar texto preto no fundo escuro */
.route-book { color: var(--gold-100); }