.porteira{background:var(--night);color:#f2f6f1}.porteira h2{color:#fff}
.porteira .eyebrow{color:#8eaa91}
.porteira .section-heading>p{color:#9aa89d;max-width:380px}
.finder{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:26px}
.finder-label{font-size:12px;color:#c7dabb;font-weight:600}
.finder-chips{display:flex;flex-wrap:wrap;gap:7px}
.finder-chips button{border:1px solid #3d4a40;background:#1a201c;color:#b9c5bb;border-radius:30px;padding:8px 14px;font-size:12px;transition:background .2s,color .2s,border-color .2s}
.finder-chips button:hover{border-color:#6b8a6c;color:#e6efe2}
.finder-chips button[aria-pressed=true]{background:#febb25;border-color:#febb25;color:#2a2410}
.finder-result{flex-basis:100%;font-size:14px;color:#ffe9a8;min-height:0}
.finder-result:empty{display:none}
.stage-nav{display:flex;gap:6px;border:1px solid #3d483f;border-radius:40px;padding:6px;width:fit-content;background:#1c221e;margin:0 auto 18px}
.stage-nav button{border:0;border-radius:30px;background:none;color:#adb8af;padding:11px 22px;font-size:12px;display:flex;align-items:center;gap:9px;transition:background .25s,color .25s}
.stage-nav button span{font-size:10px;opacity:.7}
.stage-nav button[aria-pressed=true]{background:#c9ec9b;color:#15231a}
.scene{--h:clamp(300px,34vw,480px);position:relative;height:var(--h);border-radius:24px;overflow:hidden;background:#dfe9d6;isolation:isolate}
.scene-viewport{height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.scene-viewport::-webkit-scrollbar{display:none}
.scene-viewport.dragging{cursor:grabbing;user-select:none}
.scene-viewport:focus-visible{outline:3px solid #bad5ab;outline-offset:-3px;border-radius:24px}
.scene-track{position:relative;height:100%;width:calc(var(--h) * 6.428571)}
.scene-track svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.gate-leaf{transform-box:fill-box;transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.leaf-l{transform-origin:left center}.leaf-r{transform-origin:right center}
.gate.open .gate-leaf{transform:scaleX(.12)}
.walker{position:absolute;left:50%;bottom:4%;height:17%;aspect-ratio:140/64;transform:translateX(-50%);pointer-events:none;z-index:2;filter:drop-shadow(0 4px 3px #0003);transition:transform .3s}
.walker svg{width:100%;height:100%;display:block}
.walker.reverse{transform:translateX(-50%) scaleX(-1)}
.walker .wheel{transform-box:fill-box;transform-origin:center;transform:rotate(var(--spin,0deg))}
.pin{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;gap:5px}
.pin-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#18221b;color:#e8f0e3;font-size:11px;font-weight:650;box-shadow:0 0 0 3px #ffffffcc,0 4px 10px #0003;transition:background .2s,transform .2s}
.pin-label{position:absolute;bottom:calc(100% + 6px);white-space:nowrap;background:#ffffffeb;color:#1f2a22;font-size:11px;font-weight:600;padding:5px 9px;border-radius:20px;box-shadow:0 3px 10px #0002;transition:background .2s,color .2s}
.pin:hover .pin-dot{transform:scale(1.12)}
.pin.related .pin-dot{background:#febb25;color:#2a2410;animation:pulse 1.8s infinite}
.pin.related .pin-label{background:#fff3d1}
.pin.active .pin-dot{background:#0b7a43;color:#fff;transform:scale(1.18)}
.pin.active .pin-label{background:#0b7a43;color:#fff}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px #ffffffcc,0 0 0 0 #febb2599}50%{box-shadow:0 0 0 3px #ffffffcc,0 0 0 10px #febb2500}}
.scene-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:#18221bcc;color:#fff;font-size:17px;backdrop-filter:blur(6px)}
.scene-arrow:hover{background:#18221b}
.scene-arrow.prev{left:14px}.scene-arrow.next{right:14px}
.scene-hint{position:absolute;right:16px;top:14px;z-index:3;background:#18221bd9;color:#e9f0e4;font-size:11px;padding:7px 12px;border-radius:20px;transition:opacity .4s;pointer-events:none}
.scene-hint.gone{opacity:0}
.porteira-info{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;margin-top:24px;align-items:start}
.stage-info{padding:30px 6px 10px}
.porteira .chapter{font-size:10px;color:#92b889;letter-spacing:.06em}
.stage-info h3{font-size:38px;line-height:1.1;margin:18px 0 14px;font-weight:550}
.stage-info>p{font-size:15px;color:#a7b5a9;max-width:440px}
.item-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:6px;max-width:460px}
.item-list button{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px;text-align:left;border:1px solid #2f3a32;background:#171d19;color:#d5dfd6;border-radius:12px;padding:12px 15px;font-size:14px;transition:background .2s,border-color .2s}
.item-list button span{flex:1}.item-list button i{font-style:normal;color:#6f8a72;order:3}
.item-list button:hover{border-color:#5b7a5d}
.item-list button.related{border-color:#b08a2a}
.item-list button.related::after{content:'seu caso';font-size:10px;color:#febb25;order:2}
.item-list button.active{background:#c9ec9b;color:#15231a;border-color:#c9ec9b}
.item-list button.active i{color:#0b7a43}
.item-detail{background:#fff;color:var(--ink);border-radius:24px;padding:34px 36px}
.detail-tag{font-size:10px;font-weight:650;color:#4f7a55;letter-spacing:.05em;text-transform:uppercase}
.detail-quem{font-size:26px;line-height:1.25;font-weight:550;margin:16px 0 26px}
.item-detail h4{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:10px}
.item-detail ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.item-detail li{font-size:15px;padding-left:22px;position:relative}
.item-detail li::before{content:'';position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:#0b7a43}
.detail-base{font-size:12px;color:var(--muted);margin:22px 0;padding-top:16px;border-top:1px solid #dbe3d6}
.porteira .section-note{color:#8d9b8f}
@media(max-width:1000px){.stage-info h3{font-size:32px}.detail-quem{font-size:22px}.item-detail{padding:28px}}
@media(max-width:760px){.porteira-info{grid-template-columns:1fr;gap:10px}.stage-info{padding:20px 0 6px}}
@media(max-width:620px){.finder{margin-bottom:20px}.finder-chips button{font-size:11px;padding:7px 11px}.finder-result{font-size:13px}.stage-nav{width:100%;gap:2px;padding:5px}.stage-nav button{flex:1;flex-direction:column;gap:2px;font-size:10px;padding:9px 4px;text-align:center}.scene{--h:310px;border-radius:18px}.pin-dot{width:24px;height:24px;font-size:10px}.pin-label{font-size:10px;padding:4px 7px}.scene-arrow{width:36px;height:36px;font-size:15px}.scene-arrow.prev{left:8px}.scene-arrow.next{right:8px}.scene-hint{font-size:10px;right:10px;top:10px}.stage-info h3{font-size:29px}.stage-info>p{font-size:14px}.item-list button{font-size:13px;padding:11px 13px}.item-detail{padding:24px 22px;border-radius:20px}.detail-quem{font-size:21px}.item-detail li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.gate-leaf,.walker,.pin-dot{transition:none}.pin.related .pin-dot{animation:none}}
.item-detail .button span{margin-left:8px}
.item-list button.active.related::after{color:#6b5214}
/* v2: profundidade, movimento e mapa da cadeia */
.walker{transition:transform .3s,left 1.6s cubic-bezier(.25,.8,.25,1)}
.walker.intro{left:-12%}
.walker .body{transform-box:view-box}
.walker.moving .body{animation:bump .32s infinite alternate ease-in-out}
@keyframes bump{to{transform:translateY(-1.6px)}}
.exhaust{position:absolute;left:-2%;bottom:24%;width:20%;height:40%;pointer-events:none}
.exhaust i{position:absolute;left:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#ffffffb0;opacity:0}
.walker.moving .exhaust i{animation:puff 1s infinite ease-out}
.walker.moving .exhaust i:nth-child(2){animation-delay:.33s}.walker.moving .exhaust i:nth-child(3){animation-delay:.66s}
@keyframes puff{0%{opacity:.85;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(-26px,-14px) scale(1.9)}}
.smoke circle{transform-box:fill-box;transform-origin:center;animation:smoke 4.5s infinite ease-in-out}
.smoke circle:nth-child(2){animation-delay:-1.5s}.smoke circle:nth-child(3){animation-delay:-3s}
@keyframes smoke{0%,100%{transform:translate(0,0) scale(1);opacity:.95}50%{transform:translate(5px,-7px) scale(1.12);opacity:.65}}
.rain path{animation:rain .9s infinite linear}
@keyframes rain{from{transform:translate(0,-6px);opacity:0}30%{opacity:1}to{transform:translate(-3px,10px);opacity:0}}
.ship{animation:ship 3.6s infinite ease-in-out}
@keyframes ship{0%,100%{transform:translateY(0)}50%{transform:translateY(2.5px)}}
.clouds ellipse{animation:drift 26s infinite alternate ease-in-out}
@keyframes drift{to{transform:translateX(40px)}}
.stage-nav button em{font-style:normal;font-size:9px;opacity:.6;margin-left:2px}
.chain-map{margin:16px auto 0;max-width:820px;padding:0 4px}
.chain-bar{position:relative;display:flex;align-items:center;height:30px;cursor:pointer}
.chain-seg{flex:1;height:4px;background:#2c372f;border-radius:4px;font-size:0}
.chain-gate{width:10px;height:18px;margin:0 3px;border-left:3px solid #7a5b3a;border-right:3px solid #7a5b3a}
.chain-dot{position:absolute;top:50%;width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#5f7564;transform:translate(-50%,-50%);transition:background .2s,transform .2s}
.chain-dot:hover{transform:translate(-50%,-50%) scale(1.5)}
.chain-dot.related{background:#febb25}
.chain-dot.active{background:#c9ec9b;transform:translate(-50%,-50%) scale(1.6);box-shadow:0 0 0 3px #0b7a43}
.chain-truck{position:absolute;top:50%;width:22px;height:12px;border-radius:3px 6px 3px 3px;background:#3f8a5c;transform:translate(-50%,-150%);transition:left .12s linear;pointer-events:none}
.chain-truck::after{content:'';position:absolute;left:50%;bottom:-7px;border:4px solid transparent;border-top-color:#3f8a5c;transform:translateX(-50%)}
.detail-pergunta{background:#f8f3e6;border-radius:14px;padding:14px 16px;margin:-6px 0 22px}
.detail-pergunta span{display:block;font-size:10px;font-weight:650;color:#4f7a55;letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px}
.detail-pergunta p{font-size:15px;font-style:italic;color:#2c3a30}
.contato-assunto{display:inline-block;background:#fff;border:1px solid #d5ddcf;border-radius:30px;padding:9px 16px;font-size:13px!important;color:#2f5d43!important;margin:0 0 6px!important}
@media(max-width:620px){.scene-arrow{display:none}.stage-nav button em{display:block;margin:0}.chain-map{margin-top:12px}.detail-pergunta p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.smoke circle,.rain path,.ship,.clouds ellipse,.walker.moving .body,.walker.moving .exhaust i{animation:none}.walker{transition:none}}
.contato-assunto[hidden]{display:none}
.porteira .section-heading>p{color:#aab8ad}.porteira .eyebrow{color:#8ec543}.porteira .chapter{color:#8ec543}
.item-detail .button span{margin-left:0}