html:has(body.imersivo){--noite:#0d0d0d;--papel:#e9e4db;--texto:#c3c0bb;--ouro:#ad9a6d;--fio:#c3c0bb29;--serifa:"Cormorant Garamond", Georgia, "Times New Roman", serif;--sans:"Jost", "Futura", "Century Gothic", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px);background:var(--noite);height:100%}body.imersivo{height:100%;color:var(--texto);font-size:16px;line-height:normal;font-family:var(--sans);background:linear-gradient(to bottom, #111315 0, #1c1d1d calc(var(--hz,50vh) * .6), #3f3e3a var(--hz,50vh), #3f3e3a 100%);margin:0;overflow:hidden}body.imersivo #nomes,body.imersivo #cena{width:100%;height:100%;display:block;position:fixed;inset:0}body.imersivo #nomes{pointer-events:none}body.imersivo #cena{touch-action:none}body.imersivo .idiomas{top:26px;right:calc(var(--gutter) + 46px);z-index:2;gap:2px;display:flex;position:fixed}body.imersivo .idiomas a{font:500 11px/1 var(--sans);letter-spacing:.14em;color:var(--texto);cursor:pointer;opacity:.5;background:0 0;border:0;padding:6px 5px;text-decoration:none;transition:opacity .4s,color .4s}body.imersivo .idiomas a:hover{opacity:.9;color:var(--texto)}body.imersivo .idiomas a[aria-current]{color:var(--ouro);opacity:1}body.imersivo .topo .voltar{pointer-events:auto;font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--texto);opacity:.6;margin-bottom:14px;transition:opacity .4s;display:inline-block}body.imersivo .topo .voltar:hover{opacity:1;color:var(--papel)}body.imersivo .topo{padding:22px var(--gutter);pointer-events:none;background:linear-gradient(#0d0d0dbf,#0d0d0d00);position:fixed;top:0;left:0;right:0}body.imersivo .topo small{letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);font-size:11px}body.imersivo .topo h1{font-family:var(--serifa);letter-spacing:0;color:var(--papel);margin:6px 0 4px;font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.05}body.imersivo .topo h1 em{font-style:italic}body.imersivo .topo p{max-width:46ch;margin:0;font-size:13px;font-weight:300}body.imersivo .controles{width:calc(100% - 2 * var(--gutter));flex-wrap:wrap;justify-content:center;gap:6px;max-width:640px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}body.imersivo .controles button{font:400 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--texto);border:1px solid var(--fio);cursor:pointer;backdrop-filter:blur(6px);background:#0d0d0d8c;padding:10px 14px;transition:border-color .4s,color .4s,background .4s}body.imersivo .controles button:hover{border-color:var(--ouro);color:var(--papel)}body.imersivo .controles button[aria-pressed=true]{border-color:var(--ouro);color:var(--noite);background:var(--ouro)}body.imersivo .aviso{left:var(--gutter);opacity:.7;max-width:34ch;font-size:11px;font-weight:300;line-height:1.5;position:fixed;bottom:78px}body.imersivo .dica{right:var(--gutter);letter-spacing:.1em;opacity:.55;font-size:11px;transition:opacity 1.2s;position:fixed;bottom:78px}body.imersivo .ponto{border:1px solid var(--ouro);width:28px;height:28px;color:var(--papel);font:500 12px/26px var(--sans);text-align:center;cursor:pointer;will-change:transform;background:#0d0d0d99;border-radius:50%;margin:-14px 0 0 -14px;padding:0;transition:opacity .5s,background .4s,color .4s;position:fixed;top:0;left:0}body.imersivo .ponto:after{content:"";border:1px solid var(--ouro);opacity:0;border-radius:50%;animation:3.2s ease-out infinite pulso;position:absolute;inset:-6px}body.imersivo .ponto:hover,body.imersivo .ponto.ativo{background:var(--ouro);color:var(--noite)}body.imersivo .ponto:hover:after,body.imersivo .ponto.ativo:after{animation:none}body.imersivo .ponto.atras{opacity:.3}body.imersivo .ponto.atras:after{animation:none}@keyframes pulso{0%{opacity:.55;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.5)}}body.imersivo .painel{top:50%;right:var(--gutter);width:min(380px, calc(100% - 2 * var(--gutter)));opacity:0;pointer-events:none;border:1px solid var(--fio);backdrop-filter:blur(8px);background:#0d0d0ddb;padding:26px 26px 22px;transition:opacity .6s,transform .6s;position:fixed;transform:translate(24px,-50%)}body.imersivo .painel.aberto{opacity:1;pointer-events:auto;transform:translateY(-50%)}body.imersivo .painel small{letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);font-size:11px}body.imersivo .painel h2{font-family:var(--serifa);color:var(--papel);margin:6px 0 12px;font-size:30px;font-weight:400;line-height:1.1}body.imersivo .painel p{margin:0 0 12px;font-size:14.5px;font-weight:300;line-height:1.65}body.imersivo .painel .fonte{opacity:.7;border-top:1px solid var(--fio);margin:14px 0 0;padding-top:10px;font-size:12px}body.imersivo .painel .fechar{color:var(--texto);cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:10px;right:12px}body.imersivo .rotulo{pointer-events:none;font:400 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--papel);border-left:1px solid var(--ouro);opacity:0;white-space:nowrap;background:#0d0d0d8c;padding:6px 9px;transition:opacity .8s;position:fixed;top:0;left:0}body.imersivo .rotulo.visivel{opacity:.9}body.imersivo .painel .ilustracao{color:var(--ouro);border:1px solid var(--fio);padding:8px 10px;font-size:12.5px;display:block}@media (width<=700px){body.imersivo .painel{top:auto;bottom:74px;right:var(--gutter);max-height:52vh;overflow:auto;transform:translateY(24px)}body.imersivo .painel.aberto{transform:translateY(0)}body.imersivo .aviso,body.imersivo .dica,body.imersivo .topo p{display:none}body.imersivo .topo{padding-top:58px}body.imersivo .idiomas{top:22px;right:auto;left:calc(var(--gutter) - 5px)}body.imersivo .som{top:24px}}body.imersivo .som{top:28px;right:var(--gutter);z-index:2;cursor:pointer;opacity:.55;background:0 0;border:0;justify-content:space-between;align-items:center;width:30px;height:22px;padding:0;transition:opacity .9s;display:flex;position:fixed}body.imersivo .som:hover{opacity:.95}body.imersivo .som span{background:var(--papel);border-radius:1px;width:2px;height:4px;transition:height .25s}body.imersivo .som.tocando span{animation:1.1s ease-in-out infinite barra}body.imersivo .som.tocando span:nth-child(2){animation-delay:.18s}body.imersivo .som.tocando span:nth-child(3){animation-delay:.36s}body.imersivo .som.tocando span:nth-child(4){animation-delay:.12s}body.imersivo .som.tocando span:nth-child(5){animation-delay:.3s}@keyframes barra{0%,to{height:4px}50%{height:17px}}