/* FLAMANGO — base.css · tokens, reset, tipografia, botoes, utilitarios */
:root{
  --ink:#09090a; --ink2:#111113; --panel:#16161a; --panel2:#1d1d22;
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.16);
  --rubro:#C52233; --rubro-hi:#e23b4d; --rubro-deep:#7c1420;
  --ouro:#d9b45a; --branco:#f4f2ef; --mute:#9a9aa2; --mute2:#c9c9cf;
  --maxw:1160px; --gut:20px;
  --r:4px; --r-lg:8px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--ink);color:var(--branco);line-height:1.6;
  font-size:16px;overflow-x:hidden;
  background-image:
    radial-gradient(1200px 500px at 80% -10%,rgba(197,34,51,.14),transparent 60%);
  background-attachment:fixed;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}

/* TIPOGRAFIA ESPORTIVA */
h1,h2,h3,.display{font-family:'Anton','Arial Narrow',sans-serif;font-weight:400;
  letter-spacing:.01em;line-height:.98;text-transform:uppercase}
.kicker{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:.22em;font-size:.74rem;color:var(--ouro)}
.lead{font-size:1.06rem;color:var(--mute2);max-width:62ch}

/* WRAP / SECOES */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.sec{position:relative;padding:72px 0}
.sec-title{font-size:clamp(2rem,8.5vw,3.6rem);color:#fff}
.sec-title .em{color:var(--rubro)}
.sec-head{margin-bottom:38px;max-width:760px}
.sec-head .kicker{display:block;margin-bottom:12px}
/* numero de camisa como marca d'agua */
.sec[data-num]::before{content:attr(data-num);position:absolute;top:-.18em;right:2%;
  font-family:'Anton',sans-serif;font-size:clamp(9rem,26vw,22rem);line-height:.8;
  color:#fff;opacity:.025;pointer-events:none;z-index:0;letter-spacing:-.04em}
.sec>.wrap{position:relative;z-index:1}

/* BOTOES */
.btn{display:inline-flex;align-items:center;gap:.5em;padding:14px 26px;
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:.08em;font-size:.95rem;border:2px solid transparent;border-radius:var(--r);
  cursor:pointer;transition:transform .15s var(--ease),background .2s,border-color .2s,color .2s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--rubro);color:#fff;box-shadow:0 8px 24px -8px rgba(197,34,51,.7)}
.btn-primary:hover{background:var(--rubro-hi)}
.btn-ghost{background:transparent;color:#fff;border-color:var(--line2)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn-gold{background:var(--ouro);color:#1a1205}
.btn-gold:hover{background:#e7c977}
.btn-big{padding:17px 34px;font-size:1.05rem}
.btn-block{width:100%;justify-content:center}

/* faixa diagonal rubro-negra */
.stripe-rule{height:10px;width:100%;
  background:repeating-linear-gradient(135deg,var(--rubro) 0 22px,#0d0d0d 22px 44px)}

/* FOCO / ACESSIBILIDADE */
:focus-visible{outline:3px solid var(--ouro);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;z-index:200;background:#fff;color:#000;padding:8px 14px;border-radius:4px}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ancoras nunca sob a barra sticky (nav + placar) */
section[id]{scroll-margin-top:70px}
@media (min-width:620px){ section[id]{scroll-margin-top:134px} }