/* Base comum das três opções de direção — paleta do Wellington + roxo do logo */
@font-face{font-family:"DM Sans";src:url("../fonts/dm-sans-latin-var.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Anton";src:url("../fonts/anton-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Unbounded";src:url("../fonts/unbounded-latin.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-latin.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-italic-latin.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{
  --coral:#F06868; --pessego:#FAB57A; --limao:#EDF798; --ceu:#80D6FF; --roxo:#6B1FE0;
  --coral-e:#C93F47; --roxo-e:#24104F; --roxo-n:#170A38; --creme:#FBFBE4; --branco:#fff;
  --texto:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mola:cubic-bezier(.18,.9,.22,1.06); --saida:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:only light;scroll-behavior:smooth}
body{margin:0;font-family:var(--texto);font-size:17px;line-height:1.55;overflow-x:hidden}
img,video{max-width:100%;display:block}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:6px}
.caixa{width:min(1240px,100% - 40px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pular{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:10px 16px;z-index:400}
.pular:focus{left:0}
.faixa-teste{background:#0E0624;color:#EDF798;font-size:13px;font-weight:600;text-align:center;padding:6px 12px}
.faixa-teste b{color:#fff}
/* marca: sempre sobre placa branca para o logo original ficar fiel */
.marca{display:block;flex:none;width:132px;aspect-ratio:1804/1049;background:#fff;border-radius:14px;padding:6px 10px;box-sizing:content-box}
.marca img{width:100%;height:100%;object-fit:contain}
.abertura-logo .marca img{visibility:hidden}
.montagem-camada{position:absolute;left:0;top:0;width:0;height:0;z-index:300;pointer-events:none}
.montagem{position:absolute;transform-origin:0 0;will-change:transform,opacity}
.montagem .peca{position:absolute;will-change:transform,opacity}
.montagem .peca img{position:absolute;inset:0;width:100%;height:100%}
.pular-abertura{display:none}
/* seletor de opções (só na prévia) */
.troca{position:fixed;left:14px;bottom:14px;z-index:350;display:flex;gap:4px;align-items:center;background:#0E0624;color:#fff;border-radius:99px;padding:5px;font:600 13px var(--texto);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.troca span{padding:0 8px 0 12px;opacity:.8}
.troca a{text-decoration:none;padding:8px 14px;border-radius:99px;min-height:36px;display:inline-flex;align-items:center}
.troca a[aria-current]{background:var(--limao);color:#0E0624}
@media (max-width:560px){.caixa{width:min(1240px,100% - 32px)}.troca span{display:none}.marca{width:104px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

main{overflow-x:clip}
html,body{max-width:100%}