:root{color-scheme:light;--indigo:#11273c;--papel:#f4efdf;--laranja:#f2992e;--verde:#173f2a;font-family:"Segoe UI",system-ui,sans-serif;color:var(--indigo)}
*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
body{min-height:100dvh;padding:clamp(10px,2vw,22px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;background-color:#d5d3c4;background-image:radial-gradient(#11273c12 .8px,transparent .8px);background-size:7px 7px}
.cabecalho{width:100%;margin:0}.instrucao{width:min(100%,430px);margin:0 auto}
.cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.94rem}.cabecalho strong{font-size:1.2rem}.cabecalho a{color:var(--verde);text-decoration:none}.produto-marca{display:flex;align-items:center;gap:7px}.controles-som{display:flex;align-items:center;gap:8px}.controle-som{position:relative;width:46px;height:26px;padding:0;border:0;border-radius:999px;background:var(--laranja);box-shadow:inset 0 0 0 1px #ffffff24,0 2px 5px #11273c30;cursor:pointer;transition:background .2s ease,opacity .2s ease}.controle-som:hover{background:#ffad49}.controle-som.som-desligado{background:#69766e;opacity:.65;filter:saturate(.35)}.controle-som .som-chave{position:absolute;top:4px;left:24px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #07162455;transition:left .2s ease}.controle-som.som-desligado .som-chave{left:4px}.estudio-som{display:grid;place-items:center;width:34px;height:34px;border:1px solid #11273c55;border-radius:50%;color:var(--papel)!important;background:var(--indigo);box-shadow:0 2px 5px #11273c30}.estudio-som:hover{color:var(--laranja)!important;background:#183a56}.estudio-som svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.controle-som:focus-visible,.estudio-som:focus-visible{outline:3px solid #e8d73a;outline-offset:3px}.instrucao{text-align:center;color:#486157;font-size:.82rem}
main{display:grid;min-height:0;place-items:center}
.portal{width:min(100%,420px);height:100%;min-height:440px;display:grid;place-items:center;perspective:1400px}
.moldura{position:relative;width:min(82%,300px);height:min(92%,610px);min-height:410px;border:clamp(12px,4vw,22px) solid #0a2032;border-bottom-width:clamp(18px,5vw,30px);border-radius:8px 8px 3px 3px;background:#f8f7f1;box-shadow:0 24px 35px #06131e55,inset 0 0 0 2px #31516a;transform-style:preserve-3d}
.sala{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#fff 0 58%,#e8e8e2 59% 100%);box-shadow:inset 0 0 28px #11273c20}
.sala::before,.sala::after{content:"";position:absolute;bottom:-8%;width:1px;height:72%;background:#11273c1c;transform-origin:bottom}.sala::before{left:16%;transform:rotate(23deg)}.sala::after{right:16%;transform:rotate(-23deg)}
.sala p{margin:11% 0 0;text-align:center;color:#11273c7d;font-size:.64rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.portas-internas{position:absolute;inset:25% 8% 12%;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8%}
.porta-interna{position:relative;height:42%;min-height:82px;padding:0;border:4px solid #11273c;border-bottom-width:7px;border-radius:3px 3px 0 0;box-shadow:0 8px 13px #11273c22;cursor:pointer;appearance:none;transition:filter 160ms ease,transform 160ms ease}.porta-interna::after{content:"";position:absolute;right:10%;top:52%;width:6px;height:6px;border-radius:50%;background:#f4efdf;box-shadow:0 0 0 2px #11273c55}.porta-interna>span{position:absolute;z-index:2;left:50%;top:11%;max-width:6rem;padding:.22rem .38rem;border:1px solid #11273c80;border-radius:2px;color:#11273c;background:#f4efdf;box-shadow:0 3px 7px #11273c35;font-size:clamp(.42rem,1.75vw,.58rem);font-weight:750;line-height:1.1;white-space:nowrap;transform:translateX(-50%)}.porta-interna:is(:hover,:focus-visible){filter:brightness(1.08);transform:translateY(-3px)}.porta-interna:focus-visible{outline:3px solid #f2992e;outline-offset:3px}.porta-interna:is(:disabled,[aria-disabled="true"]){cursor:default;filter:saturate(.55);opacity:.8}.porta-interna:is(:disabled,[aria-disabled="true"]):hover{transform:none}.porta-interna:nth-child(2),.porta-interna:nth-child(4){height:61%}.porta-interna:nth-child(5){height:52%}.porta-verde{--cor-porta:#3f8d64;background:var(--cor-porta)}.porta-azul{--cor-porta:#4f8fc9;background:var(--cor-porta)}.porta-rosa{--cor-porta:#d98aab;background:var(--cor-porta)}.porta-amarela{--cor-porta:#e8c94d;background:var(--cor-porta)}.porta-laranja{--cor-porta:#f2992e;background:var(--cor-porta)}.porta-violeta{--cor-porta:#7657a8;background:var(--cor-porta)}
[data-texto-editavel]{cursor:text;border-radius:2px}[data-texto-editavel]:focus{outline:2px dashed var(--laranja);outline-offset:2px;background:#f4efdf24}.porta-interna>span[data-texto-editavel]:focus{background:#fff8df}.porta-interna:has([data-texto-editavel]:focus){filter:none;transform:none}
.passagem-escolhida{position:absolute;z-index:8;left:var(--origem-x,50%);top:var(--origem-y,50%);width:var(--origem-largura,1px);height:var(--origem-altura,1px);overflow:hidden;border:4px solid #11273c;border-bottom-width:7px;border-radius:3px 3px 0 0;background:var(--cor-escolhida,#4f8fc9);box-shadow:0 10px 28px #06131e75;pointer-events:none;opacity:0;transform-origin:center;transition:left 760ms cubic-bezier(.2,.72,.16,1),top 760ms cubic-bezier(.2,.72,.16,1),width 760ms cubic-bezier(.2,.72,.16,1),height 760ms cubic-bezier(.2,.72,.16,1),border-width 760ms ease,opacity 80ms linear}.passagem-escolhida span{position:absolute;z-index:2;left:50%;top:10%;padding:.42rem .68rem;border:1px solid #11273c70;border-radius:3px;color:#11273c;background:#f4efdf;box-shadow:0 5px 14px #11273c30;font-size:clamp(.75rem,4vw,1.1rem);font-weight:800;white-space:nowrap;transform:translateX(-50%)}.passagem-escolhida i{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 30%,#f8f7f100 45%,#f8f7f1 100%);opacity:0;transition:opacity 280ms ease 520ms}.passagem-macaneta{--rotacao:0deg;--empurre-x:0px;--empurre-y:0px;position:absolute;z-index:3;right:10%;top:52%;width:clamp(18px,7%,34px);aspect-ratio:1;padding:0;border:2px solid #11273c88;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,#f4efdf 55%,#b9b6a8);box-shadow:0 4px 10px #11273c55,inset 0 1px #fff;cursor:grab;touch-action:none;transform:translate3d(var(--empurre-x),var(--empurre-y),0) rotate(var(--rotacao));transition:transform 150ms ease,filter 150ms ease}.passagem-macaneta:disabled{cursor:default}.passagem-macaneta:not(:disabled):hover{filter:brightness(1.08)}.passagem-macaneta:focus-visible{outline:3px solid #e8d73a;outline-offset:4px}.passagem-instrucao{position:absolute;z-index:3;left:50%;bottom:10%;max-width:82%;padding:.5rem .7rem;border-radius:999px;color:#f4efdf;background:#11273ccc;font-size:clamp(.62rem,2vw,.9rem);line-height:1.25;text-align:center;opacity:0;transform:translateX(-50%) translateY(8px);transition:opacity 180ms ease,transform 180ms ease}.moldura[data-entrando="true"] .passagem-escolhida{left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-width:0;opacity:1}.moldura[data-entrando="true"] .passagem-escolhida i{opacity:1}.moldura[data-passagem-pronta="true"] .passagem-escolhida{pointer-events:auto;cursor:pointer}.moldura[data-passagem-pronta="true"] .passagem-instrucao{opacity:1;transform:translateX(-50%) translateY(0)}.moldura[data-navegando="true"] .passagem-escolhida i{opacity:1}.moldura[data-entrando="true"] .folha-porta{visibility:hidden}.moldura[data-entrando="true"] .sala{pointer-events:none}
.folha-porta{--giro:0deg;--veios-estante:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjAgMzYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9IndhcnAiIHg9Ii0xNSUiIHk9Ii0yMCUiIHdpZHRoPSIxMzAlIiBoZWlnaHQ9IjE0MCUiPgogICAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMDYgMC4wMzUiIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjE3IiByZXN1bHQ9Im5vaXNlIi8+CiAgICAgIDxmZURpc3BsYWNlbWVudE1hcCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJub2lzZSIgc2NhbGU9IjI0IiB4Q2hhbm5lbFNlbGVjdG9yPSJSIiB5Q2hhbm5lbFNlbGVjdG9yPSJHIi8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjhkMGRhIiBzdHJva2Utd2lkdGg9IjEuMyIgb3BhY2l0eT0iMC4xOSIgZmlsdGVyPSJ1cmwoI3dhcnApIj4KICAgIDxwYXRoIGQ9Ik0tODAgMzQgQzcwIDEwIDE1MCA1OCAyOTAgMzUgUzU0MCAxOCA4MDAgNDIiLz4KICAgIDxwYXRoIGQ9Ik0tNzAgNTggQzcwIDM0IDE4MCA4MCAzMjAgNTYgUzU5MCA0MCA3OTAgNjciLz4KICAgIDxwYXRoIGQ9Ik0tOTAgODggQzg1IDY0IDE4NSAxMDggMzMwIDg0IFM1OTAgNjggODEwIDk4Ii8+CiAgICA8cGF0aCBkPSJNLTgwIDEyMiBDNzAgMTAwIDIwNSAxNDAgMzQ2IDExNyBTNTkwIDEwMiA4MDAgMTMyIi8+CiAgICA8cGF0aCBkPSJNLTcwIDE2MCBDOTAgMTMyIDIwMiAxODYgMzU2IDE1NyBTNjEwIDE0MiA4MDAgMTcwIi8+CiAgICA8cGF0aCBkPSJNLTgwIDIwMyBDNzggMTc0IDIxOCAyMzAgMzcwIDE5OSBTNjIwIDE4MyA4MTAgMjE0Ii8+CiAgICA8cGF0aCBkPSJNLTcwIDI0OCBDOTIgMjE4IDIyMCAyNzAgMzc2IDI0NCBTNjEyIDIyNSA4MDAgMjU2Ii8+CiAgICA8cGF0aCBkPSJNLTgwIDI5NCBDNzggMjY2IDIxMiAzMTYgMzYwIDI5MCBTNjAwIDI3MCA4MTAgMzAyIi8+CiAgICA8cGF0aCBkPSJNLTcwIDMzMyBDOTYgMzA2IDIxNCAzNTIgMzYwIDMyOSBTNjEwIDMxMCA4MDAgMzQwIi8+CiAgICA8cGF0aCBkPSJNNDAyIDE0MiBDNDM4IDExMCA1MTIgMTEyIDU0NCAxNDYgQzUxMSAxNzQgNDM4IDE3NyA0MDIgMTQyWiIvPgogICAgPHBhdGggZD0iTTQyMSAxNDIgQzQ0OSAxMjUgNDk1IDEyNiA1MjIgMTQ2IEM0OTMgMTU5IDQ1MCAxNjEgNDIxIDE0MloiLz4KICAgIDxwYXRoIGQ9Ik00NDggMTQzIEM0NjMgMTM1IDQ4MiAxMzYgNDk2IDE0NiBDNDgxIDE1MSA0NjMgMTUzIDQ0OCAxNDNaIi8+CiAgPC9nPgogIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAyMGMxNCIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIwLjI0IiBmaWx0ZXI9InVybCgjd2FycCkiPgogICAgPHBhdGggZD0iTS02MCA3MiBDOTUgNTAgMTkwIDk0IDM0MiA3MCBTNjA0IDU0IDc5MCA4MCIvPgogICAgPHBhdGggZD0iTS02MCAxODEgQzk4IDE1MiAyMTggMjA3IDM3MCAxNzggUzYxMCAxNjQgNzkwIDE5MCIvPgogICAgPHBhdGggZD0iTS02MCAyNzAgQzEwMiAyNDIgMjIwIDI5MSAzNzQgMjY2IFM2MTAgMjQ4IDc5MCAyNzgiLz4KICA8L2c+Cjwvc3ZnPg==");position:absolute;inset:0;z-index:3;overflow:hidden;border:2px solid #061522;border-radius:0;background:var(--veios-estante) center/100% 50% repeat-y,linear-gradient(100deg,#102f47,#183e59 38%,#163950 61%,#0d2c42 100%);box-shadow:inset 10px 0 18px #06152275,inset -3px 0 9px #ffffff16,4px 5px 14px #06152255;transform-origin:left center;transform:rotateY(var(--giro));transition:transform 820ms cubic-bezier(.2,.78,.18,1);transform-style:preserve-3d;backface-visibility:hidden}
.folha-porta::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06152230,#071a2538 48%,#0615223d),repeating-linear-gradient(1deg,transparent 0 29px,#ffffff05 30px,#0615221b 32px,transparent 34px 57px);opacity:.82}
.moldura[data-aberta="true"] .folha-porta{--giro:-106deg}
.moldura[data-fechando="true"] .folha-porta{transition-duration:720ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.placa{position:absolute;top:8%;left:50%;display:grid;justify-items:center;transform:translateX(-50%);color:var(--papel);text-shadow:0 2px 2px #0006}.placa em{font:italic clamp(1.6rem,8vw,2.6rem)/1 Georgia,serif}.placa small{margin-top:6px;color:var(--laranja);font-size:.58rem;font-style:normal;font-weight:800;letter-spacing:.25em;text-transform:uppercase}
.relevo{position:absolute;left:13%;right:13%;overflow:hidden;border:2px solid #071b2b;border-radius:4px;background:linear-gradient(100deg,#102f47,#173f59 46%,#0f3047);box-shadow:inset 12px 14px 19px #03101b8f,inset -7px -6px 13px #020b126b,0 1px #ffffff0d}.relevo::before{content:"";position:absolute;inset:-4%;background:var(--veios-estante) center/100% 100% no-repeat;opacity:.78;pointer-events:none}.relevo-superior{top:28%;height:25%}.relevo-superior::before{transform:scaleY(-1)}.relevo-inferior{bottom:9%;height:25%}.relevo-inferior::before{transform:scale(-1)}
.macaneta{--rotacao:0deg;position:absolute;right:9%;top:54%;width:34px;height:34px;padding:0;border:2px solid #5b3818;border-radius:50%;background:radial-gradient(circle at 38% 34%,#f5c66f,#b87324 48%,#63401f 74%);box-shadow:0 4px 8px #02091288,inset 0 1px #fff8;cursor:grab;touch-action:none;transform:rotate(var(--rotacao));transition:transform 180ms ease}.macaneta:active{cursor:grabbing}.macaneta span{position:absolute;left:50%;top:50%;width:34px;height:9px;border:1px solid #5b3818;border-radius:999px;background:linear-gradient(#e6b052,#87501d);transform:translate(-2px,-50%);transform-origin:2px 50%;box-shadow:0 2px 3px #0006}.macaneta:focus-visible{outline:3px solid #e8d73a;outline-offset:5px}
html[data-embed="1"] body{padding:0;background:transparent;grid-template-rows:minmax(0,1fr)}html[data-embed="1"] :is(.cabecalho,.instrucao){display:none}html[data-embed="1"] .portal{width:100%;height:100%;min-height:0}html[data-embed="1"] .moldura{width:min(86%,290px);height:94%;min-height:0}
@media(max-width:42rem){.portal{min-height:390px}.moldura{width:min(78%,270px)}.portas-internas{gap:5%}}
@media(min-width:42.01rem){html,body{height:100%;min-height:0;overflow:hidden}body{height:100dvh;min-height:0}.portal{min-height:0}.moldura{height:min(100%,610px);min-height:0}}
@media(prefers-reduced-motion:reduce){.folha-porta,.passagem-escolhida,.passagem-escolhida i{transition-duration:1ms;transition-delay:0ms}}