/* Equipe ARRAIS OS · facelift de vidro (tokens da landing v2 aprovada em 11/11) */
@font-face{font-family:"Titulo";src:url("/fonts/Anton-latin.woff2") format("woff2");font-display:swap;size-adjust:92%}
@font-face{font-family:"Instrument Serif";font-style:italic;src:url("/fonts/InstrumentSerif-Italic.woff2") format("woff2");font-display:swap}

:root{
  --papel:#F2EFE6;--tinta:#0E0E0E;--verm:#E63323;--verm-acao:#C42A1C;--bordo:#6E1811;--bordo-luz:#A3251A;--bordo-fundo:#3C0D09;
  --fundo:#F2EFE6;--fundo-2:#EAE6D9;--sup:#F7F6F1;--texto:#0E0E0E;--texto-2:#57534B;--texto-3:#8A847A;--fio:rgba(30,24,12,.12);
  --verm-texto:#C42A1C;--ok:#1F7A4D;
  --vidro:rgba(255,254,250,.66);--vidro-forte:rgba(255,254,250,.88);
  --vidro-fio:0 0 0 .5px rgba(30,24,12,.10);--vidro-luz:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 .5px rgba(255,255,255,.55);
  --sombra-1:0 1px 2px rgba(30,24,12,.04),0 10px 24px -14px rgba(30,24,12,.14);
  --sombra-2:0 1px 2px rgba(30,24,12,.04),0 18px 40px -22px rgba(30,24,12,.16),0 44px 80px -48px rgba(30,24,12,.2);
  --sombra-3:0 2px 4px rgba(30,24,12,.05),0 40px 90px -40px rgba(60,13,9,.35),0 90px 160px -80px rgba(30,24,12,.35);
  --luz-a:rgba(230,51,35,.26);--luz-b:rgba(163,37,26,.16);--grao:rgba(30,24,12,.07);
  --trilho:rgba(30,24,12,.08);
  --blur:blur(28px) saturate(160%);
  --mola:cubic-bezier(.22,1,.36,1);
  --f-tit:"Titulo",Impact,"Arial Narrow",sans-serif;
  --f-serif:"Instrument Serif",Georgia,serif;
  --f-ui:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --r-1:12px;--r-2:20px;--r-3:28px;
  --gutter:clamp(16px,4vw,44px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --fundo:#0E0E0E;--fundo-2:#151513;--sup:#1A1A18;--texto:#F4F1EA;--texto-2:#B4AFA4;--texto-3:#7E796F;--fio:rgba(255,255,255,.10);
  --verm-texto:#FF6A55;--ok:#4CC38A;
  --vidro:rgba(36,35,32,.58);--vidro-forte:rgba(30,30,28,.88);
  --vidro-fio:0 0 0 .5px rgba(0,0,0,.6);--vidro-luz:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 .5px rgba(255,255,255,.07);
  --sombra-1:0 1px 2px rgba(0,0,0,.3),0 14px 30px -16px rgba(0,0,0,.6);
  --sombra-2:0 1px 2px rgba(0,0,0,.3),0 22px 50px -24px rgba(0,0,0,.65),0 50px 90px -50px rgba(0,0,0,.7);
  --sombra-3:0 2px 4px rgba(0,0,0,.4),0 40px 100px -40px rgba(230,51,35,.22),0 90px 160px -70px rgba(0,0,0,.9);
  --luz-a:rgba(230,51,35,.36);--luz-b:rgba(110,24,17,.6);--grao:rgba(255,255,255,.045);--trilho:rgba(255,255,255,.09);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --fundo:#0E0E0E;--fundo-2:#151513;--sup:#1A1A18;--texto:#F4F1EA;--texto-2:#B4AFA4;--texto-3:#7E796F;--fio:rgba(255,255,255,.10);
  --verm-texto:#FF6A55;--ok:#4CC38A;
  --vidro:rgba(36,35,32,.58);--vidro-forte:rgba(30,30,28,.88);
  --vidro-fio:0 0 0 .5px rgba(0,0,0,.6);--vidro-luz:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 .5px rgba(255,255,255,.07);
  --sombra-1:0 1px 2px rgba(0,0,0,.3),0 14px 30px -16px rgba(0,0,0,.6);
  --sombra-2:0 1px 2px rgba(0,0,0,.3),0 22px 50px -24px rgba(0,0,0,.65),0 50px 90px -50px rgba(0,0,0,.7);
  --sombra-3:0 2px 4px rgba(0,0,0,.4),0 40px 100px -40px rgba(230,51,35,.22),0 90px 160px -70px rgba(0,0,0,.9);
  --luz-a:rgba(230,51,35,.36);--luz-b:rgba(110,24,17,.6);--grao:rgba(255,255,255,.045);--trilho:rgba(255,255,255,.09);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.55 var(--f-ui);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
img{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--verm);outline-offset:3px;border-radius:6px}

/* luz e grão do fundo */
.ceu{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ceu::before,.ceu::after{content:"";position:absolute;border-radius:50%;filter:blur(90px)}
.ceu::before{width:62vmax;height:62vmax;right:-18vmax;top:-26vmax;background:radial-gradient(circle,var(--luz-a),transparent 62%);animation:flutua 22s var(--mola) infinite alternate}
.ceu::after{width:54vmax;height:54vmax;left:-20vmax;bottom:-30vmax;background:radial-gradient(circle,var(--luz-b),transparent 64%);animation:flutua 28s var(--mola) infinite alternate-reverse}
.grao{position:fixed;inset:-50%;z-index:-1;pointer-events:none;opacity:1;background-image:radial-gradient(var(--grao) .6px,transparent .6px);background-size:3px 3px}
@keyframes flutua{to{transform:translate3d(-4vmax,5vmax,0) scale(1.08)}}

.vidro{background:var(--vidro);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--vidro-fio),var(--vidro-luz),var(--sombra-2)}

.kicker{font:700 12px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--verm-texto)}
.tit{font-family:var(--f-tit);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92;margin:0}
.serif{font-family:var(--f-serif);font-style:italic;text-transform:none;letter-spacing:0;font-weight:400}

.botao{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .25s var(--mola),background .2s,box-shadow .25s}
.botao:active{transform:scale(.97)}
.botao-verm{background:var(--verm);color:#fff;box-shadow:0 10px 26px -12px rgba(230,51,35,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.botao-verm:hover{background:var(--verm-acao)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}