/* Experiência NaveBC (home do navebc.com). Gerado por ferramentas/producao.py a partir de Experiencia-Nave/teste-v2: não editar aqui. */
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-Semibold.otf) format('opentype');font-weight:600;font-display:block}
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-Regular.otf) format('opentype');font-weight:400;font-display:block}
@font-face{font-family:'PT Mono';src:url(/fonts/PTMono-Regular.ttf) format('truetype');font-display:block}
:root{--preto:#00000a;--branco:#f5f3f7;--cinza:#9a95a6;--f-tit:'PP Neue Montreal','Helvetica Neue',Arial,sans-serif;--f-mono:'PT Mono',ui-monospace,Menlo,monospace;color-scheme:dark}
html,body{background:var(--preto);color:var(--branco)}
body{margin:0;font-family:var(--f-tit)}
#trilho{height:7100vh}
#palco{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#leg,#dica{position:absolute;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
#leg{right:max(var(--mg),env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px))}
#dica{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);transition:opacity .4s}
#frase4{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));font-weight:600;font-size:clamp(34px,4.6vw,68px);line-height:1.04;letter-spacing:-.02em;opacity:0}
@media (max-width:700px){#frase4{left:24px;bottom:calc(32px + env(safe-area-inset-bottom,0px))}}
#tit6{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));max-width:min(560px,80vw);opacity:0;text-shadow:0 2px 28px rgba(0,0,10,.9)}
#tit6 .m6{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);margin-bottom:12px}
#tit6 h2{margin:0;font-weight:600;font-size:clamp(34px,4.4vw,64px);line-height:1.04;letter-spacing:-.02em}
#tit6 h2 em{font-style:normal;color:#5fffff}
@media (max-width:700px){#tit6{left:24px;bottom:auto;top:calc(68px + env(safe-area-inset-top,0px))}#tit6 h2{font-size:30px}}
.n6{position:absolute;left:0;top:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--branco);white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,10,.95)}
#tit7{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));max-width:min(560px,80vw);opacity:0;text-shadow:0 2px 28px rgba(0,0,10,.9)}
#tit7 .m6{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);margin-bottom:12px}
#tit7 h2{margin:0;font-weight:600;font-size:clamp(30px,3.4vw,50px);line-height:1.04;letter-spacing:-.02em}
#tit7 h2 em{font-style:normal;color:#5fffff}
.m7{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));top:44%;width:min(520px,calc(100vw - 120px));box-sizing:border-box;padding:24px 28px 22px;background:rgba(10,8,22,.86);border:1px solid rgba(245,243,247,.1);border-radius:3px;box-shadow:0 24px 70px rgba(0,0,10,.7);opacity:0;visibility:hidden;transform-origin:0 50%}
.m7:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:linear-gradient(90deg,#ff9600,#ff0064 55%,#5500a0)}
.m7 .h7{display:flex;justify-content:space-between;gap:16px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.m7 .h7 i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff0064;margin-right:8px;vertical-align:1px;box-shadow:0 0 0 3px rgba(255,0,100,.2)}
.m7 .q7{margin:16px 0 20px;font-weight:400;font-size:clamp(19px,1.55vw,23px);line-height:1.4;letter-spacing:-.005em;color:#ddd9e4}
.m7 .w{opacity:.45}.m7 .w.on{opacity:1}.m7 .d{font-weight:600;color:var(--branco)}
.m7 .a7{display:flex;align-items:center;gap:12px}
.m7 .a7 img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #5fffff}
.m7 .a7 b{display:block;font-weight:600;font-size:17px}
.m7 .a7 span{display:block;margin-top:3px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
@media (max-width:700px){#tit7{left:24px;bottom:auto;top:calc(68px + env(safe-area-inset-top,0px))}#tit7 h2{font-size:28px}.m7{left:24px;right:24px;width:auto;top:auto;bottom:calc(28px + env(safe-area-inset-bottom,0px));padding:20px 20px 18px}.m7 .q7{font-size:17px;margin:14px 0 16px}}
#tit8{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));top:calc(104px + env(safe-area-inset-top,0px));max-width:min(520px,80vw);opacity:0;text-shadow:0 2px 28px rgba(0,0,10,.9)}
#tit8 .m6{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);margin-bottom:12px}
#tit8 h2{margin:0;font-weight:600;font-size:clamp(30px,3.4vw,50px);line-height:1.04;letter-spacing:-.02em}
#tit8 h2 em{font-style:normal;color:#ff9600}
#of8{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));right:max(var(--mg),env(safe-area-inset-right,0px));bottom:calc(44px + env(safe-area-inset-bottom,0px));display:flex;gap:20px;justify-content:center;align-items:stretch;pointer-events:none}
.c8{flex:1;max-width:390px;box-sizing:border-box;position:relative;padding:20px 24px 20px;background:rgba(10,8,22,.92);border:1px solid rgba(245,243,247,.1);border-radius:3px;box-shadow:0 24px 70px rgba(0,0,10,.7);opacity:0;visibility:hidden;display:flex;flex-direction:column}
.c8.on{pointer-events:auto}
.c8:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--c)}
.c8 .h8{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.c8 h3{margin:14px 0 8px;font-weight:600;font-size:clamp(30px,2.6vw,40px);line-height:1;letter-spacing:-.02em;color:var(--branco)}
.c8 h3 i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-left:10px;vertical-align:6px;box-shadow:0 0 14px var(--c)}
.c8 .f8{margin:0 0 14px;font-weight:400;font-size:16px;line-height:1.38;color:#ddd9e4}
.c8 ul{margin:0;padding:0;list-style:none}
.c8 li{position:relative;padding:5px 0 5px 18px;border-top:1px solid rgba(245,243,247,.07);font-weight:400;font-size:14px;line-height:1.3;color:#cfcad8}
.c8 li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--c)}
.c8 .r8{margin:auto 0 0;padding-top:12px;font-weight:600;font-size:14px;line-height:1.35;color:var(--branco)}
.c8 .p8{position:relative;margin:16px -24px 14px;border-top:1px dashed rgba(245,243,247,.25)}
.c8 .p8:before,.c8 .p8:after{content:"";position:absolute;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--preto);border:1px solid rgba(245,243,247,.1)}
.c8 .p8:before{left:-10px}.c8 .p8:after{right:-10px}
.c8 .v8{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.c8 .v8 b{display:block;font-weight:600;font-size:16px;line-height:1.25;letter-spacing:-.005em}
.c8 .v8 small{display:block;margin-top:3px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
.c8 .v8 a{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--branco);text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:0 14px;border:1px solid var(--c);border-radius:2px;white-space:nowrap}
.c8 .v8 a:hover,.c8 .v8 a:focus-visible{background:var(--c);color:var(--preto);outline:none}
@media (max-width:700px){#tit8{left:24px;top:calc(68px + env(safe-area-inset-top,0px))}#tit8 h2{font-size:28px}#of8{left:24px;right:24px;bottom:calc(22px + env(safe-area-inset-bottom,0px));display:block;height:0}.c8{position:absolute;left:0;right:0;bottom:0;max-width:none;padding:18px 20px}.c8 .p8{margin:14px -20px 12px}.c8 li{font-size:13px;padding:6px 0 6px 18px}.c8 li:before{top:11px}.c8 .f8{font-size:15px}}
#tit9{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));top:calc(104px + env(safe-area-inset-top,0px));max-width:min(560px,80vw);opacity:0;text-shadow:0 2px 28px rgba(0,0,10,.9)}
#tit9 .m6{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);margin-bottom:12px}
#tit9 h2{margin:0;font-weight:600;font-size:clamp(30px,3.4vw,50px);line-height:1.04;letter-spacing:-.02em}
#tit9 h2 em{font-style:normal;background:linear-gradient(90deg,#ff9600,#ff2d7a,#a35cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.c8.c9{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));right:max(var(--mg),env(safe-area-inset-right,0px));bottom:calc(44px + env(safe-area-inset-bottom,0px));max-width:1040px;margin:0 auto;display:block;padding:22px 28px 20px;--c:#ff2d7a}
.c9:before{background:linear-gradient(90deg,#ff9600,#ff2d7a,#a35cff)}
.c9 .g9{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;margin-top:14px}
.c9 h3{margin:0 0 10px;font-size:clamp(40px,3.6vw,56px)}
.c9 h3 i{margin-left:8px}.c9 h3 i:nth-child(1){background:#ff9600;box-shadow:0 0 14px #ff9600}.c9 h3 i:nth-child(2){background:#ff2d7a;box-shadow:0 0 14px #ff2d7a}.c9 h3 i:nth-child(3){background:#a35cff;box-shadow:0 0 14px #a35cff}
.c9 .q9{margin:0 0 12px;font-weight:400;font-size:14px;line-height:1.4;color:var(--cinza)}
.c9 .r8{margin:0;padding:0}
.c9 ul{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-content:start}
.c9 li:before{background:linear-gradient(135deg,#ff9600,#a35cff)}
.c9 .p8{margin:18px -28px 14px}.c9 .p8:before{left:-10px}.c9 .p8:after{right:-10px}
.c9 .v8 a{border-color:#ff2d7a}.c9 .v8 a:hover,.c9 .v8 a:focus-visible{background:linear-gradient(90deg,#ff9600,#ff2d7a,#a35cff);border-color:transparent}
@media (max-width:700px){#tit9{left:24px;top:calc(68px + env(safe-area-inset-top,0px))}#tit9 h2{font-size:28px}.c8.c9{left:24px;right:24px;bottom:calc(22px + env(safe-area-inset-bottom,0px));padding:18px 20px}.c9 .g9{grid-template-columns:1fr;gap:12px;margin-top:10px}.c9 h3{font-size:34px;margin-bottom:4px}.c9 .f8{margin-bottom:8px}.c9 .q9{font-size:13px;margin-bottom:8px}.c9 ul{grid-template-columns:1fr}.c9 li{font-size:13px;padding:5px 0 5px 18px}.c9 li:before{top:11px}.c9 .p8{margin:14px -20px 12px}}
#fim10{position:absolute;left:0;right:0;top:56%;padding:0 24px;text-align:center;pointer-events:none}
#fim10.on{pointer-events:auto}
#fim10>*{opacity:0}
.w10{font-weight:600;font-size:clamp(68px,10vw,150px);line-height:.92;letter-spacing:-.045em;text-shadow:0 4px 40px rgba(0,0,10,.75)}
.w10 span{color:transparent;-webkit-text-stroke:2px var(--branco);text-shadow:none}
.t10{max-width:520px;margin:18px auto 30px;font-weight:400;font-size:clamp(17px,1.5vw,22px);line-height:1.4;color:#e4e0ea;text-shadow:0 2px 20px rgba(0,0,10,.9)}
.b10{display:inline-block;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--preto);padding:17px 28px;border-radius:2px;background:linear-gradient(90deg,#ff9600,#ff2d7a,#a35cff);box-shadow:0 10px 40px rgba(255,45,122,.35)}
.b10:hover,.b10:focus-visible{outline:2px solid var(--branco);outline-offset:4px}
@media (max-width:700px){#fim10{top:52%}.w10 span{-webkit-text-stroke:1.5px var(--branco)}.t10{margin:14px auto 24px}}
#topo{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:calc(10px + env(safe-area-inset-top,0px)) max(var(--mg),env(safe-area-inset-right,0px)) 10px max(var(--mg),env(safe-area-inset-left,0px));background:linear-gradient(rgba(0,0,10,.82),rgba(0,0,10,0))}
#topo .logo{display:block;padding:10px 0}#topo .logo img{display:block;height:34px;width:auto}
#menu{display:flex;gap:26px;margin-left:auto}
#menu a,#topo .area,#abrir{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d9d5e1;text-decoration:none}
#menu a{display:flex;align-items:center;min-height:44px}
#menu a:hover,#menu a:focus-visible{color:var(--branco);outline:none;text-decoration:underline;text-underline-offset:6px}
#topo .area{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 16px;border:1px solid rgba(245,243,247,.35);border-radius:2px}
#topo .area:hover,#topo .area:focus-visible{border-color:var(--branco);color:var(--branco);outline:none}
#abrir{display:none;min-height:44px;padding:0 4px;background:none;border:0;cursor:pointer}
@media (max-width:1100px){#topo{gap:12px}#menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:4px 24px 18px;background:rgba(0,0,10,.96);border-bottom:1px solid rgba(245,243,247,.1)}#topo.aberto #menu{display:flex}#topo .area{margin-left:auto;padding:0 12px}#abrir{display:block}#topo .logo img{height:28px}}
#abre{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:min(560px,calc(100vw - 48px))}
#abre h1{margin:0 0 12px;font-weight:600;font-size:clamp(24px,2.5vw,36px);line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
#abre p{margin:0;max-width:440px;font-size:clamp(16px,1.2vw,18px);line-height:1.45;color:#d9d5e1}
@media (max-width:700px){#abre{left:24px;bottom:calc(92px + env(safe-area-inset-bottom,0px))}#dica{width:calc(100% - 48px);text-align:center;line-height:2}#leg{display:none}}
#dica a{color:var(--branco);text-underline-offset:4px}
#frase5 .m5{display:block;margin-bottom:12px;font-family:var(--f-mono);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
#nome img{display:inline-block;height:clamp(52px,7.6vw,112px);width:auto}
.w10 img{display:inline-block;height:clamp(60px,8.6vw,128px);width:auto;filter:drop-shadow(0 4px 30px rgba(0,0,10,.8))}
.s10{margin:22px 0 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
#tit8 .pr8{margin:14px 0 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d9d5e1}
.c8 h3 .ds{display:block;margin-top:8px;font-family:var(--f-mono);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
#tit11{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));top:calc(104px + env(safe-area-inset-top,0px));max-width:min(560px,80vw);opacity:0;text-shadow:0 2px 28px rgba(0,0,10,.9)}
#tit11 .m6{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);margin-bottom:12px}
#tit11 h2{margin:0;font-weight:600;font-size:clamp(30px,3.4vw,50px);line-height:1.04;letter-spacing:-.02em}
#tit11 h2 em{font-style:normal;color:#5fffff}
#tit11 a{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--branco);text-underline-offset:5px}
#toro{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));right:max(var(--mg),env(safe-area-inset-right,0px));bottom:calc(44px + env(safe-area-inset-bottom,0px));display:flex;gap:20px;justify-content:center;pointer-events:none}
.c11{flex:1;max-width:380px;box-sizing:border-box;position:relative;padding:20px 24px 16px;background:rgba(10,8,22,.92);border:1px solid rgba(245,243,247,.1);border-radius:3px;box-shadow:0 24px 70px rgba(0,0,10,.7);opacity:0;visibility:hidden;display:flex;flex-direction:column}
.c11.on{pointer-events:auto}
.c11:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:#5fffff}
.c11 .h11{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.c11 h3{margin:12px 0 10px;font-weight:600;font-size:21px;line-height:1.18;letter-spacing:-.01em;color:var(--branco)}
.c11 p{margin:0 0 12px;font-size:15px;line-height:1.42;color:#ddd9e4}
.c11 a{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5fffff;text-decoration:none}
.c11 a:hover,.c11 a:focus-visible{text-decoration:underline;text-underline-offset:5px;outline:none}
@media (max-width:700px){#tit11{left:24px;top:calc(68px + env(safe-area-inset-top,0px))}#tit11 h2{font-size:28px}#toro{left:24px;right:24px;bottom:calc(22px + env(safe-area-inset-bottom,0px));display:block;height:0}.c11{position:absolute;left:0;right:0;bottom:0;max-width:none;padding:18px 20px 12px}.c11 h3{font-size:19px}}
#fim10{bottom:calc(5vh + env(safe-area-inset-bottom,0px));top:auto}
.t10{margin:14px auto 22px}
.m7{left:50%;top:auto;bottom:calc(40px + env(safe-area-inset-bottom,0px));width:min(680px,calc(100vw - 120px));margin-left:calc(min(680px,calc(100vw - 120px))/-2);transform-origin:50% 100%}
.m7 .q7{font-size:clamp(20px,1.8vw,26px)}
.m7 .a7 img{width:64px;height:64px}
#tit7{top:calc(104px + env(safe-area-inset-top,0px));bottom:auto}
#toro{left:50%;right:auto;width:min(760px,calc(100vw - 48px));transform:translateX(-50%);bottom:calc(56px + env(safe-area-inset-bottom,0px));display:block;height:0}
.c11{position:absolute;left:0;right:0;bottom:0;max-width:none;padding:0;background:none;border:0;box-shadow:none;text-align:center;align-items:center;text-shadow:0 2px 24px rgba(0,0,10,.95)}
.c11:before{display:none}
.c11 .h11{color:#5fffff}
.c11 h3{margin:14px 0;font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.c11 p{max-width:560px;font-size:clamp(16px,1.3vw,19px)}
.c11 a{margin-top:6px;padding:0 18px;border:1px solid #5fffff;border-radius:2px}
@media (max-width:700px){#fim10{bottom:calc(4vh + env(safe-area-inset-bottom,0px))}.m7{left:24px;width:auto;margin-left:0;bottom:calc(28px + env(safe-area-inset-bottom,0px))}.m7 .q7{font-size:18px}.m7 .a7 img{width:52px;height:52px}#tit7{top:calc(68px + env(safe-area-inset-top,0px))}#toro{bottom:calc(28px + env(safe-area-inset-bottom,0px))}.c11 h3{font-size:26px}.sv{font-size:44px}}
@media (min-width:701px){#tit8{max-width:var(--col8)}#tit8 h2{font-size:clamp(28px,2.6vw,44px)}
#of8{left:calc(max(var(--mg),env(safe-area-inset-left,0px)) + var(--col8) + 24px);top:calc(88px + env(safe-area-inset-top,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));align-items:center;justify-content:flex-start}}
@media (min-width:701px) and (max-height:860px){.c8{padding:14px 20px}.c8 h3{font-size:30px;margin:8px 0 4px}.c8 h3 .ds{margin-top:4px}.c8 .f8{font-size:15px;margin-bottom:8px}.c8 li{font-size:13px;padding:3px 0 3px 16px}.c8 li:before{top:9px}.c8 .r8{padding-top:8px;font-size:13px}.c8 .p8{margin:10px -20px}.c8 .v8 a{min-height:40px}.c9 .p8{margin:10px -20px}}
/* cenas novas aprovadas (APROVADOS/2026-10-21-cenas-novas-v3), presas em #novas */
#tit11,#toro{display:none!important}
#novas{position:absolute;inset:0;pointer-events:none;--painel:rgba(10,8,22,.9);--texto:#d9d5e1;--agua:#5fffff}
#novas a{pointer-events:auto}
#novas .meta{display:block;margin-bottom:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
#novas h2{margin:0;font-weight:600;font-size:clamp(30px,3.2vw,48px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
#novas h2 em{font-style:normal;color:var(--agua)}
#novas .sombra{text-shadow:0 2px 28px rgba(0,0,10,.95),0 0 4px rgba(0,0,10,.7)}
#novas .centro{position:absolute;left:50%;width:min(620px,calc(100vw - 48px));margin-left:calc(min(620px,calc(100vw - 48px))/-2);text-align:center;opacity:0;visibility:hidden}
#novas .bt{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 18px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--branco);text-decoration:none;border:1px solid var(--agua);border-radius:2px;background:rgba(0,0,10,.5)}
#novas .bt:hover,#novas .bt:focus-visible{background:var(--agua);color:var(--preto);outline:none}
#novas #a-tit{top:calc(70px + env(safe-area-inset-top,0px))}
#novas .passo{bottom:calc(24px + env(safe-area-inset-bottom,0px))}
#novas .passo .n{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--agua)}
#novas .passo h3{margin:8px 0 12px;font-weight:600;font-size:clamp(26px,2.4vw,36px);line-height:1.05;letter-spacing:-.02em}
#novas .passo .duas{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}
#novas .passo p{margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.42;color:var(--texto)}
#novas .passo p b{display:block;margin-bottom:6px;font-family:var(--f-mono);font-weight:400;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
#novas .passo p:first-child b{color:var(--agua)}#novas .passo p:nth-child(2) b{color:#ff9600}
#novas .trilha{display:flex;justify-content:center;gap:6px;margin-top:16px}#novas .trilha i{display:block;width:34px;height:3px;background:rgba(245,243,247,.18)}#novas .trilha i.v{background:var(--agua)}
#novas #b-txt{position:absolute;left:52%;top:50%;width:min(500px,40vw);opacity:0;visibility:hidden}
#novas #b-txt p{margin:18px 0 0;font-size:clamp(16px,1.15vw,18px);line-height:1.48;color:var(--texto)}
#novas #b-txt blockquote{margin:22px 0 0;padding-left:16px;border-left:2px solid var(--agua);font-size:clamp(17px,1.3vw,20px);line-height:1.38;color:var(--branco)}
#novas #b-txt blockquote small{display:block;margin-top:8px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
#novas #b-txt .bt{margin-top:24px}#novas #b-txt .eco{display:block;margin-top:16px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
#novas #c-tit{top:35%}
#novas #c-tit a{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--branco);text-underline-offset:5px}
#novas #trans{position:absolute;left:50%;top:59%;width:min(1080px,calc(100vw - 96px));transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;pointer-events:none}
#novas .tx{position:relative;box-sizing:border-box;padding:16px 20px 12px;background:var(--painel);border:1px solid rgba(95,255,255,.28);border-radius:3px;opacity:0;visibility:hidden;text-align:left;display:flex;flex-direction:column;transform-origin:50% 0}
#novas .tx.on{pointer-events:auto}
#novas .tx:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(95,255,255,.05) 0 1px,transparent 1px 4px);pointer-events:none}
#novas .tx .h{display:flex;justify-content:space-between;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--agua)}
#novas .tx .h span:last-child{color:var(--cinza)}
#novas .tx h3{margin:12px 0 8px;font-weight:600;font-size:clamp(19px,1.5vw,23px);line-height:1.15;letter-spacing:-.01em;color:var(--branco)}
#novas .tx p{margin:0 0 6px;font-size:14px;line-height:1.42;color:var(--texto)}
#novas .tx:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(90deg,transparent 0 12%,rgba(95,255,255,.16) 12% 13%,transparent 13% 58%,rgba(255,45,122,.14) 58% 59.5%,transparent 59.5%),
  repeating-linear-gradient(0deg,transparent 0 9px,rgba(95,255,255,.08) 9px 10px,transparent 10px 23px,rgba(255,45,122,.07) 23px 24px)}
#novas .tx:hover:after,#novas .tx:focus-within:after{opacity:1;animation:glitch .9s steps(6) infinite}
#novas .tx:hover,#novas .tx:focus-within{border-color:rgba(95,255,255,.6)}
@keyframes glitch{0%{transform:translate(0,0);clip-path:inset(0 0 70% 0)}20%{transform:translate(-3px,1px);clip-path:inset(30% 0 40% 0)}40%{transform:translate(2px,-1px);clip-path:inset(60% 0 10% 0)}60%{transform:translate(-1px,0);clip-path:inset(10% 0 55% 0)}80%{transform:translate(3px,1px);clip-path:inset(45% 0 25% 0)}100%{transform:translate(0,0);clip-path:inset(0 0 70% 0)}}
#novas .tx a{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--agua);text-decoration:none}
#novas .tx a:hover,#novas .tx a:focus-visible{text-decoration:underline;text-underline-offset:5px;outline:none}
@media (min-width:701px){
#novas #a-col{position:absolute;left:var(--tx,52%);top:var(--ty,10%);width:var(--sq,40vw);height:var(--sq,40vw);box-sizing:border-box;padding:0 calc(var(--sq,40vw)*.07);display:flex;flex-direction:column;justify-content:center}
#novas #a-col #a-tit,#novas #a-col .passo{position:static;left:auto;right:auto;margin:0;width:auto;text-align:left}
#novas #a-col #a-tit h2{font-size:clamp(38px,3.6vw,60px)}
#novas #a-col .sub{margin:16px 0 0;font-size:clamp(19px,1.55vw,26px);line-height:1.25;color:var(--texto)}
#novas #passos{position:relative;margin-top:clamp(28px,4vh,48px)}
#novas #a-col .passo{position:absolute;left:0;right:0;top:0}
#novas #a-col .passo h3{font-size:clamp(30px,2.6vw,42px);margin:10px 0 18px}
#novas #a-col .passo .duas{grid-template-columns:1fr;gap:18px}
#novas #a-col .passo p{font-size:clamp(17px,1.3vw,21px);line-height:1.45}
#novas #a-col .trilha{justify-content:flex-start;margin-top:24px}#novas #a-col .trilha i{width:44px}}
@media (min-width:701px) and (max-height:800px){#novas #a-col #a-tit h2{font-size:clamp(32px,3vw,46px)}#novas #a-col .sub{font-size:18px;margin-top:10px}#novas #passos{margin-top:22px}#novas #a-col .passo h3{font-size:30px;margin:6px 0 12px}#novas #a-col .passo p{font-size:16px}#novas #a-col .passo .duas{gap:12px}
  #novas #c-tit{top:33%}#novas .tx p{display:none}}
@media (max-width:700px){#novas #a-col{display:contents}#novas .sub{margin:8px 0 0;font-size:16px;line-height:1.3;color:var(--texto)}#novas h2{font-size:27px}
  #novas .passo h3{font-size:24px;margin:6px 0 10px}#novas .passo .duas{grid-template-columns:1fr;gap:10px}#novas .passo p{font-size:14px}
  #novas #b-txt{left:24px;right:24px;width:auto;top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px))}#novas #b-txt p{font-size:14px;margin-top:10px}#novas #b-txt blockquote{font-size:15px;margin-top:12px}#novas #b-txt .bt{margin-top:14px}#novas #b-txt .eco{margin-top:10px}
  #novas #c-tit{top:27%}#novas #trans{top:50%;width:calc(100vw - 48px);display:block;height:0}#novas .tx{position:absolute;left:0;right:0;top:0}}
@media (prefers-reduced-motion:reduce){#novas .tx:hover:after,#novas .tx:focus-within:after{animation:none}}
#frase5 .ver{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-family:var(--f-mono);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--branco);text-underline-offset:5px;pointer-events:auto}
#frase5{text-shadow:0 2px 28px rgba(0,0,10,.9),0 0 3px rgba(0,0,10,.8);position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));font-weight:600;font-size:clamp(34px,4.6vw,68px);line-height:1.04;letter-spacing:-.02em;opacity:0}
@media (max-width:700px){#tit6{position:absolute;left:max(var(--mg),env(safe-area-inset-left,0px));bottom:calc(60px + env(safe-area-inset-bottom,0px));max-width:min(560px,80vw);opacity:0;text-shadow:0 2px 28px rgba(0,0,10,.9)}
#tit6 .m6{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);margin-bottom:12px}
#tit6 h2{margin:0;font-weight:600;font-size:clamp(34px,4.4vw,64px);line-height:1.04;letter-spacing:-.02em}
#tit6 h2 em{font-style:normal;color:#5fffff}
@media (max-width:700px){#tit6{left:24px;bottom:auto;top:calc(68px + env(safe-area-inset-top,0px))}#tit6 h2{font-size:30px}}
.n6{position:absolute;left:0;top:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--branco);white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,10,.95)}
#frase5{left:24px;bottom:calc(32px + env(safe-area-inset-bottom,0px))}}
#etq{text-shadow:0 1px 8px rgba(0,0,10,.95);position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--branco);opacity:0;white-space:nowrap;pointer-events:none}
#etq i{display:block;width:8px;height:8px;border-radius:50%;background:#ffff3c;box-shadow:0 0 0 4px rgba(255,255,60,.18)}
#etq b{display:block;width:36px;height:1px;background:var(--branco);opacity:.7}
#nome{position:absolute;left:0;right:0;bottom:calc(9vh + env(safe-area-inset-bottom,0px));text-align:center;font-weight:600;font-size:clamp(44px,7vw,104px);letter-spacing:-.03em;line-height:1;opacity:0}
/* versão 3a: abertura com a promessa no centro e grande; frases do ruído e das viagens; letra maior nos planos */
#abre{left:0;right:0;margin:0 auto;max-width:min(1120px,calc(100vw - 48px));bottom:calc(12vh + env(safe-area-inset-bottom,0px));text-align:center;text-shadow:0 2px 30px rgba(0,0,10,.95)}
#abre h1{margin:0 0 18px;font-size:clamp(40px,5.4vw,88px);line-height:1;letter-spacing:-.03em}
#abre p{margin:0 auto;max-width:620px;font-size:clamp(17px,1.4vw,22px)}
#frase4,#frase5{max-width:min(980px,calc(100vw - 120px))}
.c8 .f8{font-size:18px}.c8 li{font-size:16px}.c8 .r8{font-size:16px}
@media (min-width:701px) and (max-height:860px){.c8 .f8{font-size:16px}.c8 li{font-size:15px}.c8 .r8{font-size:14.5px}}
@media (max-width:700px){#abre{left:24px;right:24px;max-width:none;bottom:calc(96px + env(safe-area-inset-bottom,0px))}#abre h1{font-size:36px;margin-bottom:12px}#abre p{font-size:16px}
  #frase4,#frase5{max-width:calc(100vw - 48px);font-size:32px}.c8 .f8{font-size:16px}.c8 li{font-size:14.5px}.c8 .r8{font-size:15px}}
/* versão 3b: cena dos cases (dois quadrados, como o processo) */
#novas #k-fig{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;opacity:0;visibility:hidden}
#novas #k-fig .rosto{width:56%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#111}
#novas #k-fig img{display:block;width:100%;height:100%;object-fit:cover}
#novas #k-fig .quem{text-align:center;text-shadow:0 2px 20px rgba(0,0,10,.95)}#novas #k-fig b{display:block;font-weight:600;font-size:clamp(20px,1.6vw,26px)}
#novas #k-fig small{display:block;margin-top:6px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
#novas #k-col{position:absolute;left:var(--tx,52%);top:var(--ty,10%);width:var(--sq,40vw);height:var(--sq,40vw);box-sizing:border-box;padding:0 calc(var(--sq,40vw)*.07);display:flex;flex-direction:column;justify-content:center;visibility:hidden}
#novas #k-tit{opacity:0;visibility:hidden}#novas #k-tit h2{font-size:clamp(34px,3.2vw,54px)}
#novas #k-passos{position:relative;margin-top:clamp(24px,4vh,44px)}
#novas .kp{position:absolute;left:0;right:0;top:0;opacity:0;visibility:hidden}
#novas .kp .n{font-family:var(--f-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--agua)}
#novas .kp:nth-child(1) .n{color:var(--cinza)}#novas .kp:nth-child(3) .n{color:#ff9600}
#novas .kp p{margin:12px 0 0;font-size:clamp(18px,1.4vw,23px);line-height:1.42;color:var(--texto)}
#novas .kp p.prov{display:table;padding:10px 12px;border:1px dashed rgba(245,243,247,.3);font-family:var(--f-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza)}
#novas #k-col .trilha{justify-content:flex-start;margin-top:24px}#novas #k-col .trilha i{width:44px}
@media (min-width:701px) and (max-height:800px){#novas #k-tit h2{font-size:32px}#novas .kp p{font-size:17px}#novas #k-passos{margin-top:18px}}
@media (max-width:700px){#novas #k-fig{left:calc(50% - 30vw);top:calc(84px + env(safe-area-inset-top,0px));width:60vw;gap:10px}#novas #k-fig .rosto{width:66%}#novas #k-fig b{font-size:18px}
  #novas #k-col{left:24px;right:24px;width:auto;height:auto;top:auto;bottom:calc(24px + env(safe-area-inset-bottom,0px));padding:0}#novas #k-tit h2{font-size:26px}#novas #k-passos{margin-top:14px}#novas .kp p{font-size:15px;margin-top:8px}#novas #k-col .trilha{margin-top:14px}}
/* versão 3c: no computador, os depoimentos ficam na caixa à esquerda, acima do título, enquanto os rostos sobem à direita */
@media (min-width:701px){.m7{left:max(var(--mg),env(safe-area-inset-left,0px));right:auto;top:calc(104px + env(safe-area-inset-top,0px));bottom:auto;margin-left:0;width:min(560px,38vw);transform-origin:0 0}}
@media (min-width:701px) and (max-height:860px){.m7{top:calc(90px + env(safe-area-inset-top,0px));padding:18px 22px 16px}.m7 .q7{font-size:18px;margin:10px 0 14px}.m7 .a7 img{width:48px;height:48px}}
/* versão 3d: margem padrão, planos do mesmo tamanho, botão do play */
:root{--palco:1200px;--mg:max(clamp(24px,5.5vw,104px),calc((var(--larg,100vw) - var(--palco))/2));--col8:min(282px,26vw)}
@media (min-width:701px){.m7{top:calc(88px + env(safe-area-inset-top,0px));bottom:calc(100% - var(--t6t,100%) + 32px);margin:auto 0;height:max-content;transform-origin:0 50%}}
@media (min-width:701px){#of8{gap:24px}}.c8 .v8 a{padding:0 12px;letter-spacing:.1em;text-align:center}
#grade{position:fixed;z-index:30;top:0;bottom:0;left:var(--mg);right:var(--mg);display:grid;grid-template-columns:repeat(12,1fr);gap:24px;pointer-events:none}#grade i{background:rgba(255,0,99,.09);border-left:1px solid rgba(255,0,99,.25);border-right:1px solid rgba(255,0,99,.25)}@media (max-width:700px){#grade{grid-template-columns:repeat(4,1fr);gap:16px}#grade i:nth-child(n+5){display:none}}
#som{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;background:none;border:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);cursor:pointer}#som:hover,#som[aria-pressed="true"]{color:var(--branco)}#som b{display:inline-flex;align-items:flex-end;gap:2px;height:12px}#som b i{display:block;width:2px;height:4px;background:currentColor}#som[aria-pressed="true"] b i{animation:eq 1s ease-in-out infinite alternate}#som b i:nth-child(2){animation-delay:-.4s}#som b i:nth-child(3){animation-delay:-.7s}@keyframes eq{to{height:12px}}@media (prefers-reduced-motion:reduce){#som[aria-pressed="true"] b i{animation:none;height:9px}}
#menu a,#som{white-space:nowrap}@media (max-width:1440px){#menu{gap:20px}#topo{gap:20px}#som span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
#topo .area{white-space:nowrap}@media (max-width:860px){#som span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#som{padding:0 8px}#topo{gap:8px}#topo .area{padding:0 10px;letter-spacing:.08em}}@media (max-width:700px){#dica .rl{display:none}}
@media (min-width:701px){#of8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;align-items:stretch;gap:20px}#of8 .c8{max-width:none}}
#play{position:absolute;right:max(var(--mg),env(safe-area-inset-right,0px));bottom:calc(46px + env(safe-area-inset-bottom,0px));min-height:44px;padding:0 4px;background:none;border:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);cursor:pointer;pointer-events:auto;text-underline-offset:5px}
#play:hover,#play:focus-visible{color:var(--branco);text-decoration:underline;outline:none}
@media (max-width:700px){#play{bottom:auto;top:calc(62px + env(safe-area-inset-top,0px));right:16px}}
/* versão 3e: revisão geral */
#topo .logo{display:flex;align-items:center;min-height:44px;box-sizing:border-box}#dica a{display:inline-flex;align-items:center;min-height:44px}
@media (min-width:701px) and (max-height:860px){.c8 .v8 a{min-height:44px}}
@media (min-width:701px){#tit9{max-width:var(--col8)}#tit9 h2{font-size:clamp(28px,2.6vw,44px)}
  .c8.c9{left:calc(max(var(--mg),env(safe-area-inset-left,0px)) + var(--col8) + 24px);max-width:none;margin:0}}
@media (min-width:701px) and (max-height:760px){#novas #a-col #a-tit h2{font-size:28px}#novas #a-col .sub{font-size:15px;margin-top:6px}#novas #passos{margin-top:14px}
  #novas #a-col .passo h3{font-size:24px;margin:4px 0 8px}#novas #a-col .passo p{font-size:14.5px;line-height:1.38}#novas #a-col .passo .duas{gap:8px}#novas #a-col .trilha{margin-top:12px}}

#frase5 .ver,#frase5 br{display:none!important}