/* Tela 8 apenas: carrossel de portas, sem alterar as outras etapas. */
.scr[data-s="8"] .big{font-family:Georgia,serif;font-weight:400;font-size:34px;}
.scr[data-s="8"] #portasTitulo{font-size:25px;line-height:1.3;max-width:370px;}
.scr[data-s="8"] #portasTitulo em{display:block;font-size:36px;margin-top:8px;}
.scr[data-s="8"] .sub{max-width:340px;}
.portas-carousel{width:100%;margin:22px 0 14px;}
@media(min-width:760px){.portas-carousel{width:min(1120px,calc(100vw - 48px));}.scr[data-s="8"] .big{font-size:40px;}}
.portas-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px max(24px,calc((100% - 274px)/2)) 16px;cursor:grab;touch-action:pan-x pan-y;}
.portas-track::-webkit-scrollbar{display:none;}
.portas-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;}
.porta-card{flex:0 0 274px;scroll-snap-align:center;padding:20px 22px 14px;border:1px solid #57411e;border-radius:20px;background:#17130d;position:relative;}
.porta-card.sua{border-color:var(--amber);box-shadow:0 0 24px #e5a93c12;}
.porta-card h3{font-family:Georgia,serif;font-size:16px;font-weight:400;color:#e3bd71;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;line-height:1.3;}
.porta-card .porta-selo{display:block;height:24px;text-align:center;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);}
.porta-button{position:relative;display:block;width:100%;height:260px;padding:0;border:1px solid #6d5122;border-radius:9px;background:#211a10;perspective:1000px;color:var(--sand);text-align:center;}
.porta-button:focus-visible{outline:2px solid var(--amber);outline-offset:5px;}
.porta-revelacao{position:absolute;inset:0;padding:25px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;opacity:0;transition:opacity .35s ease;}
.porta-revelacao .porta-num{font-size:10px;letter-spacing:.22em;color:#b99a60;}
.porta-revelacao strong{font-family:Georgia,serif;font-size:23px;font-weight:400;color:#f0d5a0;line-height:1.2;}
.porta-revelacao .porta-desc{font-size:14px;line-height:1.65;color:#e1d6c3;}
.porta-folha{position:absolute;inset:0;border-radius:7px;border:1px solid #715320;background:linear-gradient(105deg,#231a0d,#100d08);transform-origin:left center;transform:rotateY(0);transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .6s;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;}
.porta-folha::before{content:'';position:absolute;inset:14px;border:1px solid #6a4e224f;border-radius:5px;}
.porta-folha svg{width:37px;height:37px;stroke:#c59b48;fill:none;stroke-width:1.2;}
.porta-folha::after{content:'';position:absolute;right:12px;top:49%;width:12px;height:12px;border-radius:50%;background:#b78c36;box-shadow:0 0 12px #e5a93c30;}
.porta-button[aria-expanded="true"] .porta-folha{transform:rotateY(-108deg);opacity:0;pointer-events:none;}
.porta-button[aria-expanded="true"] .porta-revelacao{opacity:1;transition-delay:.2s;}
.porta-hint{display:block;margin-top:16px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#d3ad63;text-align:center;}
.portas-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:7px;}
.portas-arrow{width:40px;height:40px;border:1px solid #725626;border-radius:50%;background:transparent;color:#e5c183;font-size:21px;}
.portas-arrow:disabled{opacity:.3;cursor:default;}
.portas-status{min-width:72px;font-size:11px;letter-spacing:.14em;color:#c6b28f;text-align:center;}
.portas-dots{display:flex;justify-content:center;gap:0;margin:9px 0 0;}
.portas-dots button{width:23px;height:30px;border:0;padding:0;background:transparent;position:relative;}
.portas-dots button::after{content:'';width:4px;height:4px;border-radius:4px;background:#75603b;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.portas-dots button[aria-current="true"]::after{width:15px;background:var(--amber);}
.portas-controls button:focus-visible,.portas-dots button:focus-visible{outline:2px solid var(--amber);outline-offset:2px;}
.scr[data-s="8"] #portasFecho{font-size:12px;line-height:1.65;color:#a99d87;margin:6px 0 18px;}
@media(max-width:350px){.porta-card{flex-basis:246px;padding:16px 18px;}.portas-track{padding-inline:calc((100% - 246px)/2);}}
@media(prefers-reduced-motion:reduce){.porta-folha,.porta-revelacao{transition:none!important;}.porta-button[aria-expanded="true"] .porta-folha{transform:none;visibility:hidden;}}