/* ============ FONTES HOSPEDADAS NO PRÓPRIO SITE (sem Google Fonts) ============ */
@font-face {
font-family: 'Anton';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/fonts/anton-latin-ext-400-normal.3ada4101c3.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Anton';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/fonts/anton-latin-400-normal.b9beea0804.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/fonts/barlow-latin-ext-400-normal.496c894648.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/fonts/barlow-latin-400-normal.4f0f26f139.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/fonts/barlow-latin-ext-500-normal.278f01dbfb.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/fonts/barlow-latin-500-normal.ad8e9490a9.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/fonts/barlow-latin-ext-600-normal.a016855326.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/fonts/barlow-latin-600-normal.800311e32d.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/fonts/barlow-latin-ext-700-normal.9a604c1650.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/fonts/barlow-latin-700-normal.25ba8a978a.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
font-family: 'Kanit';
font-style: italic;
font-display: swap;
font-weight: 800;
src: url(/fonts/kanit-latin-ext-800-italic.8bca8fd07c.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
font-family: 'Kanit';
font-style: italic;
font-display: swap;
font-weight: 800;
src: url(/fonts/kanit-latin-800-italic.6d220fe9ac.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
color-scheme: dark;
--mascara-carta:url(data:image/png;base64,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); /* silhueta da carta (brilho holográfico e espaço reservado) */
--black:#000000; --panel:#0B0D0F; --panel-2:#13171A; --line:#22292E;
--cyan:#38C8F0; --white:#FFFFFF; --muted:#8C979E; --notch:18px;
box-sizing:border-box;
padding-top: env(safe-area-inset-top, 0px);
padding-bottom: env(safe-area-inset-bottom, 0px);
scroll-padding-top: calc(env(safe-area-inset-top, 0px) + 72px);
}
html{background:var(--black);scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:'Barlow',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--cyan);color:#000}
.display{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.92;transform:skewX(-7deg);transform-origin:left bottom}
.display-flat{font-family:'Anton',Impact,sans-serif;text-transform:uppercase;line-height:1}
.institucional b{color:var(--cyan);font-weight:700}
.hero-fundo{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-bola{
position:absolute;left:-10%;top:50%;transform:translateY(-50%);
width:min(46vw,520px);opacity:.55;
-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 88%);
mask-image:linear-gradient(90deg,#000 30%,transparent 88%);
}
.hero-rotas{
position:absolute;right:-6%;top:50%;transform:translateY(-50%);
width:min(52vw,600px);aspect-ratio:760/1350;opacity:1;overflow:visible;
-webkit-mask-image:linear-gradient(270deg,#000 42%,transparent 96%);
mask-image:linear-gradient(270deg,#000 42%,transparent 96%);
}
.rota{
fill:none;stroke:#7FE2FF;stroke-width:2;stroke-linecap:round;
vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;
filter:drop-shadow(0 0 5px rgba(56,200,240,.9)) drop-shadow(0 0 14px rgba(56,200,240,.5));
animation-name:tracar;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;
}
@keyframes tracar{
0% {stroke-dashoffset:1; opacity:0}
6% {opacity:1}
34% {stroke-dashoffset:0; opacity:1}
66% {stroke-dashoffset:0; opacity:1}
96% {stroke-dashoffset:-1; opacity:.35}
100% {stroke-dashoffset:-1; opacity:0}
}
.cidade{fill:var(--cyan);animation:pulsar 3.4s ease-in-out infinite}
@keyframes pulsar{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){
.rota{animation:none;stroke-dashoffset:0;opacity:.35}
.cidade{animation:none;opacity:.7}
}
.hero-globo{
position:absolute;right:-6%;top:50%;transform:translateY(-50%);
width:min(52vw,600px);height:auto;opacity:.5;
-webkit-mask-image:linear-gradient(270deg,#000 42%,transparent 96%);
mask-image:linear-gradient(270deg,#000 42%,transparent 96%);
}
@media (max-width:820px){
.hero-bola{display:none}
.hero-globo{right:-28%;left:auto;transform:translateY(-50%);width:125vw;opacity:.18}
.hero-rotas{right:-28%;width:125vw;opacity:.5}
}
.frase-abertura{
font-family:'Anton',Impact,sans-serif;text-transform:uppercase;color:#fff;
line-height:1.02;font-size:clamp(1.9rem,6.6vw,3.6rem);
max-width:17ch;margin-inline:auto;
}
.frase-abertura em{
display:block;font-family:'Kanit',sans-serif;font-weight:800;font-style:italic;
color:var(--cyan);line-height:1.04;font-size:1.06em;
}
.frase-abertura em.risco{position:relative;display:inline-block;margin-top:.12em}
.frase-abertura em.risco::after{
content:"";position:absolute;left:-2%;right:-2%;bottom:-.12em;height:.07em;
background:var(--cyan);transform:skewX(-14deg);
}
.frase-abertura small{
display:block;font-family:'Barlow',sans-serif;font-weight:500;
font-size:.36em;letter-spacing:.22em;line-height:1.75;color:#E6EDF1;
margin:.55em auto .35em;max-width:26ch;
text-wrap:balance; /* linhas equilibradas: nenhuma palavra fica sozinha na última linha (ex.: "IN" em inglês) */
}
.pracas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem 1rem;
font-size:clamp(.78rem,2.2vw,.95rem);font-weight:700;letter-spacing:.24em;color:var(--cyan)}
.pracas span{position:relative}
.pracas span + span::before{content:"•";position:absolute;left:-.72rem;color:rgba(56,200,240,.45)}
.lede{font-size:clamp(1rem,1.1vw + .85rem,1.2rem);line-height:1.65;color:#C7CFD4;max-width:62ch}
.notch{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%)}
.wedge{position:absolute;inset:0;background:var(--cyan);clip-path:polygon(66% 0,100% 0,100% 100%,86% 100%)}
.section-head{display:flex;align-items:flex-end;gap:18px}
.section-bar{width:10px;flex:0 0 10px;height:clamp(34px,5vw,58px);background:var(--cyan);transform:skewX(-7deg)}
.section-title{font-size:clamp(2rem,5.2vw,3.4rem)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav a.navlink{color:#AEB8BE;transition:color .15s ease}
.nav a.navlink:hover,.nav a.navlink:focus-visible{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.9rem;letter-spacing:.02em;padding:.85rem 1.4rem;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.btn-primary{background:var(--cyan);color:#000}
.btn-primary:hover,.btn-primary:focus-visible{background:#6FDAFA}
.btn-ghost{border-color:var(--line);color:var(--white);background:transparent}
.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--cyan);color:var(--cyan)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* seletor de idioma */
#lang{
-webkit-appearance:none;appearance:none;
background:transparent url("data:image/svg+xml;utf8,") no-repeat right .5rem center;
border:1px solid var(--line);color:#C7CFD4;font-family:'Barlow',sans-serif;font-weight:700;
font-size:.74rem;letter-spacing:.08em;padding:.4rem 1.4rem .4rem .6rem;cursor:pointer;
}
#lang:hover{border-color:var(--cyan);color:#fff}
#lang option{background:#0B0D0F;color:#fff}
/* vitrine horizontal na página inicial */
.carrossel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carrossel::-webkit-scrollbar{display:none}
.carrossel > article{flex:0 0 clamp(150px,43vw,215px);scroll-snap-align:start}
/* celular: duas cartas inteiras e um pedaço da terceira, esfumaçado na borda, para mostrar que há mais atletas ao lado */
@media (max-width:639px){
#carrossel > article{flex-basis:calc((100% - 28px) / 2.28)}
#atletas .carrossel-wrap::after{content:"";position:absolute;top:0;right:0;bottom:8px;width:24%;z-index:2;pointer-events:none;
background:linear-gradient(270deg,#000 10%,rgba(0,0,0,.75) 45%,rgba(0,0,0,0));opacity:0;transition:opacity .25s ease}
#atletas .carrossel-wrap.tem-depois::after{opacity:1}
#atletas .carrossel-barra{height:4px}
/* cartas um pouco mais estreitas: nome menor */
#carrossel .card h3{font-size:.86rem}
#carrossel .card > .p-3\.5{padding:.75rem}
}
/* página do elenco */
.barra-elenco{
position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px);z-index:40;
background:rgba(0,0,0,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
}
.grupo-titulo{
position:sticky;top:calc(env(safe-area-inset-top,0px) + 116px);z-index:25;
background:rgba(0,0,0,.92);backdrop-filter:blur(10px);
display:flex;align-items:center;gap:10px;
padding:.7rem 0;margin-bottom:.9rem;border-bottom:1px solid var(--line);
}
.grupo-titulo span.barra{width:6px;height:18px;background:var(--cyan);transform:skewX(-7deg);flex:0 0 6px}
.elenco-aberto .nav-mobile{display:none}
.externos{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.5rem}
.ss-atleta{
display:inline-flex;align-items:center;gap:10px;
background:#0E0E12;border:1px solid #2A2A33;color:#D6DEE3;
font-weight:600;font-size:.84rem;padding:.5rem .9rem .5rem .55rem;
clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
transition:box-shadow .15s ease;
}
.ss-atleta:hover{box-shadow:0 0 0 2px var(--cyan)}
.ss-btn-logo{height:22px;width:auto;display:block}
.externos-logos{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:1.6rem;flex-wrap:wrap}
.externos-logos a{display:block;padding:6px;transition:transform .15s ease,opacity .15s ease;opacity:.92}
.externos-logos a:hover{transform:translateY(-2px);opacity:1}
.logo-externo{height:34px;width:auto;display:block}
.logo-quadrado{height:38px}
.tm-atleta{
display:inline-flex;align-items:center;gap:10px;
background:#0B1A33;border:1px solid #1D3557;color:#D6DEE3;
font-weight:600;font-size:.84rem;padding:.5rem .9rem .5rem .55rem;
clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
transition:box-shadow .15s ease;
}
.tm-atleta:hover{box-shadow:0 0 0 2px var(--cyan)}
.tm-btn-logo{height:22px;width:auto;display:block}
.tm-link{
display:inline-flex;align-items:center;gap:12px;
background:#fff;border:1px solid var(--line);color:#0B0D0F;
font-weight:700;font-size:.88rem;padding:.55rem 1rem .55rem .7rem;
clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
transition:box-shadow .15s ease;
}
.tm-link:hover{box-shadow:0 0 0 2px var(--cyan)}
.tm-logo{height:26px;width:auto;display:block}
.email-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.email-txt{font-size:1rem;font-weight:600;color:#E6EDF1;word-break:break-all}
.email-copiar{
display:inline-flex;align-items:center;gap:5px;
border:1px solid var(--line);color:#9AA5AB;background:transparent;
font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
padding:.28rem .55rem;cursor:pointer;transition:all .15s ease;
}
.email-copiar:hover{border-color:var(--cyan);color:var(--cyan)}
.email-ok{display:block;margin-top:.4rem;font-size:.78rem;font-weight:700;color:var(--cyan)}
.socio{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:4px}
.socio-nome{
font-family:'Anton',Impact,sans-serif;text-transform:uppercase;line-height:1.15;
font-size:clamp(.9rem,2.6vw,1.3rem);color:#fff;transition:color .15s ease;
}
.scout-nome{font-size:clamp(.8rem,2.2vw,1.05rem)}
.socio-ig{color:var(--cyan);display:block;transition:transform .15s ease}
.socio-ig svg{width:30px;height:30px}
.socio:has(.scout-nome) .socio-ig svg{width:24px;height:24px}
.socio:hover .socio-nome{color:var(--cyan)}
.socio:hover .socio-ig{transform:scale(1.12)}
.ver-perfil{
display:flex;align-items:center;gap:4px;margin-top:.7rem;padding-top:.6rem;
border-top:1px solid var(--line);
font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--cyan);
transition:gap .15s ease;
}
.card:hover .ver-perfil,.card:focus-visible .ver-perfil{gap:9px}
.card{background:var(--panel);border:1px solid var(--line);cursor:pointer}
.card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.card:hover{border-color:#31424B}
.photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(145deg,#11171B 0%,#05070A 55%,#0A1116 100%)}
.photo::after{content:"";position:absolute;right:-18%;top:-12%;width:70%;height:64%;background:linear-gradient(180deg,rgba(56,200,240,.22),rgba(56,200,240,0));clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}
.foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.foto.inteira{object-fit:contain;object-position:50% 50%;background:#05070A}
.photo:has(.foto)::after{
content:"";position:absolute;inset:0;right:auto;top:auto;bottom:0;left:0;width:100%;height:45%;
background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));clip-path:none;
}
.pontos{position:absolute;left:0;right:0;bottom:8px;z-index:3;display:flex;justify-content:center;gap:6px}
.ponto{width:22px;height:22px;display:grid;place-items:center;background:none;border:0;cursor:pointer}
.ponto::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(0,0,0,.4);transition:background .15s ease}
.ponto.ativo::before{background:var(--cyan)}
.ponto:hover::before{background:#fff}
.foto-rotulo{
position:absolute;left:8px;bottom:10px;z-index:3;
font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
color:#D6DEE3;background:rgba(0,0,0,.6);padding:.18rem .45rem;
}
.jersey{position:absolute;right:6px;bottom:-14px;font-family:'Anton',sans-serif;font-size:clamp(5rem,13vw,7.5rem);color:rgba(255,255,255,.055);line-height:.8;transform:skewX(-7deg);pointer-events:none}
.initials{position:absolute;inset:0;display:grid;place-items:center;font-family:'Anton',sans-serif;font-size:clamp(2.6rem,7vw,3.4rem);color:rgba(255,255,255,.16);transform:skewX(-7deg);letter-spacing:.06em}
.pos-tag{position:absolute;left:0;top:14px;z-index:2;background:var(--cyan);color:#000;font-weight:700;font-size:.72rem;letter-spacing:.1em;padding:.3rem .7rem .3rem .6rem;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.spon-tag{position:absolute;right:0;top:52px;z-index:2;background:rgba(0,0,0,.72);border:1px solid var(--line);border-right:0;color:#9AA5AB;font-weight:600;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;padding:.24rem .6rem .24rem .7rem;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%)}
.prot-note{font-size:.8rem;line-height:1.5;color:#9AA5AB;border-left:2px solid var(--cyan);padding-left:10px}
.nat-tag{position:absolute;right:0;top:14px;z-index:2;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.72);border:1px solid var(--line);border-right:0;padding:.3rem .55rem .3rem .65rem;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%)}
svg.campo{width:100%;max-width:156px;height:auto;display:block}
.campo .grama{fill:#0A1114;stroke:rgba(255,255,255,.16);stroke-width:1}
.campo .linha{stroke:rgba(255,255,255,.16);stroke-width:1;fill:none}
.campo .marca-campo{fill:rgba(255,255,255,.3)}
.campo .halo{fill:var(--cyan);opacity:.18}
.campo .pino{fill:var(--cyan);stroke:#04262F;stroke-width:1}
.rotulo{font-size:.68rem;letter-spacing:.1em;color:var(--muted);font-weight:600;text-transform:uppercase}
.noticias{display:grid;gap:10px}
.noticias a{
display:block;position:relative;padding:.85rem 2.2rem .85rem 1rem;
background:var(--panel-2);border:1px solid var(--line);
clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
transition:border-color .15s ease,background .15s ease;
}
.noticias a:hover{border-color:var(--cyan);background:#161B1F}
.noticia-topo{display:flex;align-items:center;gap:10px;margin-bottom:.3rem}
.noticia-veiculo{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.noticia-data{font-size:.68rem;font-weight:600;color:var(--muted)}
.noticia-titulo{display:block;font-size:.95rem;line-height:1.45;color:#E6EDF1}
.noticia-seta{position:absolute;right:.9rem;top:1rem;color:var(--muted)}
.noticias a:hover .noticia-seta{color:var(--cyan)}
.mais-noticias{
display:block;width:100%;margin-top:10px;padding:.6rem;
border:1px dashed var(--line);background:transparent;color:#9AA5AB;
font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;
}
.mais-noticias:hover{border-color:var(--cyan);color:var(--cyan)}
.agencia{font-size:.95rem;font-weight:600;color:#E6EDF1;line-height:1.5}
.marca-logo{height:22px;width:auto;display:block}
.bandeira{width:30px;height:20px;display:block;border:1px solid rgba(255,255,255,.22);border-radius:1px}
.sigla-txt{color:#D6DEE3;font-weight:700;font-size:.68rem;letter-spacing:.08em}
.datagrid dt{font-size:.68rem;letter-spacing:.1em;color:var(--muted);font-weight:600;text-transform:uppercase}
.datagrid dd{font-size:.95rem;font-weight:600;color:#E6EDF1;margin-top:1px}
.campo{
width:100%;background:#05070A;border:1px solid var(--line);color:#E6EDF1;
font-family:'Barlow',sans-serif;font-size:.88rem;font-weight:500;padding:.6rem .75rem;
}
.campo:hover{border-color:#31424B}
.campo::placeholder{color:#6F7B82}
select.campo{
-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:1.8rem;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:right .7rem center;
}
select.campo option{background:#0B0D0F}
.chip{font-weight:600;font-size:.82rem;letter-spacing:.04em;padding:.5rem .95rem;border:1px solid var(--line);color:#AEB8BE;background:transparent;transition:all .15s ease}
.chip:hover{border-color:#31424B;color:#fff}
.chip[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:#000}
.video-shell{position:relative;aspect-ratio:16/9;background:#05070A;border:1px solid var(--line);overflow:hidden}
.video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play-face{position:absolute;inset:0;width:100%;display:grid;place-items:center;gap:10px;background:radial-gradient(120% 90% at 50% 40%,rgba(56,200,240,.16),transparent 60%),linear-gradient(160deg,#0C1216,#05070A);cursor:pointer}
.play-btn{width:62px;height:62px;display:grid;place-items:center;background:var(--cyan);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.play-face:hover .play-btn{background:#6FDAFA}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}
.modal-panel{background:var(--panel);border:1px solid var(--line);max-height:min(88vh,900px);overflow-y:auto;overscroll-behavior:contain}
.sheet-backdrop{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.9);backdrop-filter:blur(6px)}
.sheet-panel{background:var(--panel);border:1px solid var(--line);max-height:min(88vh,820px);overflow-y:auto}
.msg-box{width:100%;background:#05070A;border:1px solid var(--line);color:#C7CFD4;font-family:'Barlow',sans-serif;font-size:.9rem;line-height:1.6;padding:14px;resize:vertical;min-height:190px}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero-in{animation:rise .7s cubic-bezier(.2,.7,.3,1) both}
.d1{animation-delay:.05s}.d2{animation-delay:.16s}.d3{animation-delay:.27s}.d4{animation-delay:.38s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
section[id], footer[id]{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 74px)}
.rule{height:1px;background:linear-gradient(90deg,var(--cyan),rgba(56,200,240,0) 55%)}
.hero-globo-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.42}
.hero-fundo::after{content:"";position:absolute;inset:0;
background:radial-gradient(ellipse 46% 42% at 50% 46%,rgba(0,0,0,.75),rgba(0,0,0,.35) 60%,transparent 100%),
linear-gradient(180deg,transparent 70%,#000 100%)}
/* altura da abertura travada na altura da tela ao abrir o site (--h-tela, definida no app.js). Em navegadores dentro
de apps (Instagram, Facebook), a área visível muda de tamanho ao rolar e a abertura "dava zoom" junto. */
#topo{min-height:min(var(--h-tela,100svh),900px)}
#topo:not(.hidden){display:flex;flex-direction:column;justify-content:center}
#topo > .relative{width:100%}
@media (max-width:400px){
.nav > div:first-child{padding-left:1rem;padding-right:1rem;gap:.5rem}
.nav > div:first-child > a{gap:.5rem}
.marca-nome{letter-spacing:.14em;font-size:.7rem}
.nav .btn{padding-left:.6rem!important;padding-right:.6rem!important;white-space:nowrap}
}
@media (min-width:640px){.scout-nome{white-space:nowrap}}
.visao-texto p+p{margin-top:1.1em}
.visao-texto b{color:var(--cyan);font-weight:700}
.visao-texto p:first-child{color:#fff;font-weight:600;font-size:1.12em}
.marca-nome-txt{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center}
.marquee{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
--cw:128px;--ch:84px;--area:.8;--hmax:52%;--hselo:62%}
@media (min-width:768px){.marquee{--cw:176px;--ch:110px;--hmax:56%;--hselo:68%}}
.marquee-trilho{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation:marquee 45s linear infinite}
.marquee:hover .marquee-trilho{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marca{position:relative;flex:0 0 auto;width:var(--cw);height:var(--ch)}
.marca img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:calc(var(--w,60) * var(--area) * 1%);max-width:88%;max-height:var(--hmax);height:auto;object-fit:contain;transition:transform .25s ease}
.marca-selo img{width:auto;height:var(--hselo);max-height:none}
.marca:hover img{transform:translate(-50%,-50%) scale(1.08)}
@media (prefers-reduced-motion:reduce){
.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.marquee-trilho{animation:none}
.marquee-trilho [aria-hidden="true"]{display:none}
}
.campo-zona{position:relative;width:100%;max-width:156px}
.campo-zona canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mapa{margin-bottom:22px}
.mapa-topo{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.mapa-palco{position:relative;isolation:isolate;z-index:0;aspect-ratio:16/7;max-height:460px;width:100%;border:1px solid var(--line);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;
background:radial-gradient(ellipse 70% 60% at 50% 58%,rgba(56,200,240,.10),transparent 70%),#000}
@media (max-width:639px){.mapa-palco{aspect-ratio:1/1.05;max-height:none}}
.mapa-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;cursor:grab;display:block}
.mapa-canvas:active{cursor:grabbing}
.mapa-rot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:.22rem .5rem;
background:rgba(0,0,0,.75);border:1px solid rgba(56,200,240,.45);color:#E6EDF1;
font-size:.68rem;font-weight:700;letter-spacing:.08em;white-space:nowrap;cursor:pointer;will-change:transform;transition:background .15s ease,color .15s ease,opacity .2s ease}
.mapa-rot span{color:var(--cyan)}
.mapa-rot:hover{border-color:var(--cyan)}
.mapa-rot.ativo{background:var(--cyan);color:#000;border-color:var(--cyan)}
.mapa-rot.ativo span{color:#000}
.mapa-rot.vazio{opacity:.45}
.com-selecao .mapa-rot:not(.ativo){opacity:.28}
.com-selecao .mapa-rot:not(.ativo):hover{opacity:1}
.mapa-dica{position:absolute;left:8px;bottom:8px;right:8px;width:max-content;max-width:calc(100% - 16px);padding:.2rem .45rem;background:rgba(0,0,0,.65);z-index:3000;font-size:.72rem;font-weight:600;color:var(--muted);pointer-events:none}
.modo-2d .mapa-campo2d{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.modo-2d .mapa-rot{transform:translate(-50%,-50%);flex-direction:column;justify-content:center;gap:0;width:var(--tam);height:var(--tam);border-radius:50%;font-size:.66rem}
.modo-2d .mapa-rot span{font-family:'Anton',sans-serif;font-size:1.05rem;letter-spacing:0}
.mapa-resumo{margin-top:14px}
.mapa-contagem{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px;margin-top:8px}
.mapa-contagem > button{display:flex;flex-direction:column;align-items:center;padding:.35rem .2rem .3rem;border:1px solid var(--line);background:#05070A;transition:border-color .15s ease,background .15s ease}
.mapa-contagem span{font-size:.66rem;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.mapa-contagem b{font-family:'Anton',sans-serif;font-weight:400;font-size:1.25rem;line-height:1.1;color:#E6EDF1}
.mapa-contagem .vazio b{color:#4A565D}
.mapa-contagem .total b{color:var(--cyan)}
.mapa-contagem > button.ativo{border-color:var(--cyan);background:rgba(56,200,240,.09)}
.mapa-extras{display:grid;gap:18px;margin-top:18px}
@media (min-width:768px){.mapa-extras{grid-template-columns:2.2fr 1fr}}
.mapa-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mapa-chips button{padding:.34rem .65rem;border:1px solid var(--line);background:#05070A;font-size:.78rem;font-weight:600;color:#C9D2D7;transition:border-color .15s ease,background .15s ease}
.mapa-chips button:hover{border-color:#31424B}
.mapa-chips button b{color:var(--cyan);margin-left:3px}
.mapa-chips button.ativo{border-color:var(--cyan);background:rgba(56,200,240,.12);color:#fff}
@media (max-width:639px){.mapa-rot{font-size:.6rem;padding:.12rem .36rem;gap:4px}.mapa-dica{top:8px;bottom:auto}}
.mapa-contagem > button{cursor:pointer;transition:border-color .15s ease,background .15s ease}
.mapa-contagem > button:hover{border-color:#31424B}
.mapa-contagem > button.ativo span{color:var(--cyan)}
.vis-linha{display:flex;align-items:center;gap:22px}
#visit-globo{flex:0 0 auto;width:132px;height:132px;display:block;cursor:grab;touch-action:pan-y}
#visit-globo:active{cursor:grabbing}
@media (max-width:639px){.vis-linha{gap:14px}#visit-globo{width:96px;height:96px}}
.vis-info{min-width:0}
.vis-numeros{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:lowercase}
.vis-numeros b{font-family:'Anton',sans-serif;font-weight:400;font-size:1.3rem;color:var(--cyan);margin-right:2px}
.vis-top{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.vis-top li{padding:.16rem .5rem;border:1px solid var(--line);font-size:.72rem;font-weight:600;color:#C9D2D7}
.vis-top li b{color:var(--cyan);margin-left:4px}
.vis-top li.vis-aviso{border:0;padding:0;color:var(--muted);font-weight:500}
.vis-nota{margin-top:8px;font-size:.7rem;line-height:1.5;color:#6F7B82}
.vis-nota a{color:#8C979E;text-decoration:underline;text-underline-offset:3px}
.vis-nota a:hover{color:var(--cyan)}
.privacidade{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;width:min(600px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:hidden;color:#E6EDF1}
.privacidade::backdrop{background:rgba(0,0,0,.72)}
.privacidade-caixa{background:#0B0F12;border:1px solid var(--line);padding:1.6rem 1.5rem;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.privacidade-texto p{font-size:.9rem;line-height:1.6;color:#C9D2D7;margin-top:.8em}
.privacidade-texto p:first-child{margin-top:0}
.privacidade-texto b{color:#fff}
.privacidade-fechar{width:36px;height:36px;border:1px solid var(--line);color:#E6EDF1;flex:0 0 auto}
.privacidade-fechar:hover{border-color:var(--cyan);color:var(--cyan)}
.vis-top li.vis-outros span{color:var(--muted);font-weight:500;margin-left:2px}
.rv{opacity:0;translate:0 22px;transition:opacity .55s cubic-bezier(.2,.7,.3,1) var(--rv-d,0ms),translate .55s cubic-bezier(.2,.7,.3,1) var(--rv-d,0ms)}
.rv[data-de="cima"]{translate:0 -22px}
.rv.rv-in{opacity:1;translate:0 0}
.conq-total{display:inline-block;margin-left:6px;padding:.05rem .45rem;background:var(--cyan);color:#000;font-weight:800;letter-spacing:0}
.conquistas{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.conquista{display:flex;align-items:center;gap:10px;padding:.65rem .75rem;border:1px solid var(--line);background:#07090C}
.conquista.hidden{display:none}
.conq-icone{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(56,200,240,.35);color:var(--cyan);background:rgba(56,200,240,.07)}
.conquista.selecao .conq-icone{border-color:rgba(242,201,76,.55);color:#F2C94C;background:rgba(242,201,76,.08)}
.conq-texto{min-width:0;display:flex;flex-direction:column;gap:2px}
.conq-nome{font-size:.86rem;font-weight:700;color:#E6EDF1;line-height:1.25}
.conq-nome b{color:var(--cyan)}
.conq-meta{font-size:.72rem;font-weight:600;color:var(--muted)}
.conq-meta i{font-style:normal;margin-left:4px;padding:0 .3rem;border:1px solid rgba(242,201,76,.45);color:#F2C94C;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}
.carrossel-wrap{position:relative}
.car-seta{position:absolute;top:38%;z-index:3;display:none;place-items:center;width:42px;height:42px;
background:rgba(0,0,0,.78);border:1px solid rgba(56,200,240,.5);color:#E6EDF1;transition:border-color .15s ease,color .15s ease,background .15s ease}
.car-seta:hover{border-color:var(--cyan);color:var(--cyan);background:#000}
.car-seta[hidden]{display:none!important}
.car-ant{left:-10px}.car-prox{right:-10px}
/* celular e tablet (toque): setas visíveis sobre a borda das cartas, em azul, para mostrar que há mais atletas ao lado.
A da direita some ao chegar no fim; a da esquerda aparece depois de avançar. */
@media (hover:none), (pointer:coarse){
.car-seta{display:grid;width:38px;height:38px;color:var(--cyan);border-color:var(--cyan);background:rgba(0,0,0,.85);
box-shadow:0 0 16px rgba(56,200,240,.35);-webkit-tap-highlight-color:transparent}
.car-seta:active{background:var(--cyan);color:#000}
.car-ant{left:-6px}.car-prox{right:-6px}
}
@media (hover:hover) and (pointer:fine){
.car-seta{display:grid}
.carrossel{cursor:grab}
.carrossel.arrastando{cursor:grabbing;scroll-snap-type:none;user-select:none}
.carrossel.arrastando *{pointer-events:none}
.carrossel-wrap::before,.carrossel-wrap::after{content:"";position:absolute;top:0;bottom:8px;width:48px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}
.carrossel-wrap::before{left:0;background:linear-gradient(90deg,#000,transparent)}
.carrossel-wrap::after{right:0;background:linear-gradient(270deg,#000,transparent)}
.carrossel-wrap.tem-antes::before,.carrossel-wrap.tem-depois::after{opacity:1}
}
.rodape-legal{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
@media (min-width:640px){.rodape-legal{align-items:flex-end;text-align:right}}
.rodape-links{display:flex;flex-wrap:wrap;gap:4px 16px}
.rodape-links a{color:#AEB8BE;text-decoration:underline;text-underline-offset:4px}
.rodape-links a:hover{color:var(--cyan)}
.rodape-empresa{font-size:.74rem;color:#6F7B82}
.privacidade-texto h4{margin-top:1.2em;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
.privacidade-texto a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.doc-data{margin-top:1.4em;font-size:.74rem;color:var(--muted)}
/* ---------- Fundos sutis das seções (base preta com textura leve) ---------- */
#sobre,#visao,#atletas,#marketing,#contato{position:relative;isolation:isolate;overflow:clip}
#sobre::before,#visao::before,#atletas::before,#marketing::before,#contato::before,
#sobre::after,#atletas::after,#contato::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
/* grade técnica, a mesma linguagem do fundo das cartas */
#sobre::after,#contato::after{
background-image:linear-gradient(rgba(127,226,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(127,226,255,.06) 1px,transparent 1px);
background-size:56px 56px}
#sobre::after{-webkit-mask-image:radial-gradient(ellipse 55% 60% at 85% 20%,#000,transparent 75%);mask-image:radial-gradient(ellipse 55% 60% at 85% 20%,#000,transparent 75%)}
#contato::after{-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,#000,transparent 72%);mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,#000,transparent 72%)}
/* brilhos de luz ciano em cantos alternados */
#sobre::before{background:radial-gradient(circle at 0% 0%,rgba(56,200,240,.10),transparent 45%)}
#visao::before{background:radial-gradient(circle at 100% 55%,rgba(56,200,240,.09),transparent 45%)}
#marketing::before{background:radial-gradient(ellipse 50% 70% at 50% 65%,rgba(56,200,240,.06),transparent 70%)}
#contato::before{background:radial-gradient(ellipse 60% 70% at 50% 110%,rgba(56,200,240,.14),transparent 70%)}
/* seção Atletas: linhas de um campo, bem apagadas, atrás das cartas */
#atletas::before{background:radial-gradient(circle at 0% 100%,rgba(56,200,240,.09),transparent 42%)}
#atletas::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201060%20690%22%20fill%3D%22none%22%20stroke%3D%22%237FE2FF%22%20stroke-width%3D%222%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221050%22%20height%3D%22680%22/%3E%3Cline%20x1%3D%22530%22%20y1%3D%225%22%20x2%3D%22530%22%20y2%3D%22685%22/%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22345%22%20r%3D%2291.5%22/%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22345%22%20r%3D%223%22%20fill%3D%22%237FE2FF%22/%3E%3Crect%20x%3D%225%22%20y%3D%22143.4%22%20width%3D%22165%22%20height%3D%22403.2%22/%3E%3Crect%20x%3D%225%22%20y%3D%22253.4%22%20width%3D%2255%22%20height%3D%22183.2%22/%3E%3Crect%20x%3D%22890%22%20y%3D%22143.4%22%20width%3D%22165%22%20height%3D%22403.2%22/%3E%3Crect%20x%3D%221000%22%20y%3D%22253.4%22%20width%3D%2255%22%20height%3D%22183.2%22/%3E%3Cpath%20d%3D%22M170%20272.8a91.5%2091.5%200%200%201%200%20144.4M890%20272.8a91.5%2091.5%200%200%200%200%20144.4%22/%3E%3C/svg%3E") center 58%/min(1150px,140%) auto no-repeat;opacity:.14;
-webkit-mask-image:radial-gradient(ellipse 60% 65% at 50% 58%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 60% 65% at 50% 58%,#000 30%,transparent 80%)}
/* ---------- Efeito holográfico nas cartas ---------- */
.photo{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--hs,1));transition:transform .45s cubic-bezier(.2,.7,.3,1);will-change:transform}
.card.holo-ativo .photo{transition:transform .08s linear}
.holo{position:absolute;left:20.6%;top:13.4%;width:60.3%;height:77.5%;z-index:2;pointer-events:none;
-webkit-mask:var(--mascara-carta) center/100% 100% no-repeat;mask:var(--mascara-carta) center/100% 100% no-repeat;
opacity:0;transition:opacity .35s ease;mix-blend-mode:screen;
background:
radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 34%),
linear-gradient(115deg,transparent 34%,rgba(56,200,240,.16) 42%,rgba(210,248,255,.34) 47%,rgba(255,170,235,.16) 51%,rgba(130,255,215,.14) 55%,transparent 63%);
background-size:100% 100%,260% 260%;background-position:0 0,var(--hx,50%) var(--hy,50%)}
.card.holo-ativo .holo{opacity:1}
/* no celular o brilho passa assim que a carta aparece na tela, e depois repete de tempos em tempos */
.holo.brilha{animation:holo-varredura 1.5s ease-in-out both}
@keyframes holo-varredura{
0%{opacity:0;background-position:0 0,110% 110%}
20%{opacity:1}
75%{opacity:.85}
100%{opacity:0;background-position:0 0,-10% -10%}
}
@media (prefers-reduced-motion:reduce){.photo{transform:none!important}.holo{animation:none!important;opacity:0!important}}
/* ---------- Transições entre telas ---------- */
::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}
/* carta → perfil: a carta cresce sem deformar e vira; o perfil é o "verso" dela (ao fechar, vira de volta) */
::view-transition-group(perfil){animation-duration:.62s;animation-timing-function:cubic-bezier(.3,.7,.2,1)}
::view-transition-image-pair(perfil){perspective:1400px;transform-style:preserve-3d}
::view-transition-old(perfil),::view-transition-new(perfil){height:100%;width:100%;overflow:hidden;backface-visibility:hidden}
::view-transition-old(perfil){object-fit:contain}
::view-transition-new(perfil){object-fit:cover;object-position:50% 0}
::view-transition-old(perfil){animation:vt-vira-sai .3s cubic-bezier(.5,0,.9,.5) both}
::view-transition-new(perfil){animation:vt-vira-entra .34s .27s cubic-bezier(.1,.5,.3,1) both}
@keyframes vt-vira-sai{from{transform:rotateY(0) scale(1);filter:brightness(1)}to{transform:rotateY(90deg) scale(1.04);filter:brightness(1.6)}}
@keyframes vt-vira-entra{from{transform:rotateY(-90deg) scale(1.04);filter:brightness(1.6)}to{transform:rotateY(0) scale(1);filter:brightness(1)}}
html[data-vt="perfil"]::view-transition-old(root),html[data-vt="perfil"]::view-transition-new(root),
html[data-vt="fade"]::view-transition-old(root),html[data-vt="fade"]::view-transition-new(root){animation-duration:.3s}
html[data-vt="entrar"]::view-transition-old(root){animation:vt-sai .3s ease both,vt-esquerda .42s cubic-bezier(.2,.75,.2,1) both}
html[data-vt="entrar"]::view-transition-new(root){animation:vt-entra .35s .05s ease both,vt-da-direita .42s cubic-bezier(.2,.75,.2,1) both}
html[data-vt="sair"]::view-transition-old(root){animation:vt-sai .3s ease both,vt-direita .42s cubic-bezier(.2,.75,.2,1) both}
html[data-vt="sair"]::view-transition-new(root){animation:vt-entra .35s .05s ease both,vt-da-esquerda .42s cubic-bezier(.2,.75,.2,1) both}
@keyframes vt-sai{to{opacity:0}}
@keyframes vt-entra{from{opacity:0}}
@keyframes vt-esquerda{to{transform:translateX(-40px)}}
@keyframes vt-direita{to{transform:translateX(40px)}}
@keyframes vt-da-direita{from{transform:translateX(40px)}}
@keyframes vt-da-esquerda{from{transform:translateX(-40px)}}
/* ---------- Lista de interesse ---------- */
.estrela{position:absolute;top:8px;right:8px;z-index:4;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);
background:rgba(0,0,0,.55);color:#E6EDF1;cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease,background .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.estrela:hover{color:var(--cyan);border-color:var(--cyan)}
.estrela:active{transform:scale(.9)}
.estrela[aria-pressed="true"],.lista-perfil[aria-pressed="true"]{color:#F2C94C;border-color:rgba(242,201,76,.6);--st-fill:#F2C94C}
.lista-perfil{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 .8rem;border:1px solid var(--line);color:#E6EDF1;font-size:.8rem;font-weight:700;cursor:pointer;background:rgba(0,0,0,.3)}
.lista-perfil:hover{border-color:var(--cyan);color:var(--cyan)}
.lista-perfil .lp-rem{display:none}
.lista-perfil[aria-pressed="true"] .lp-add{display:none}.lista-perfil[aria-pressed="true"] .lp-rem{display:inline}
@media (max-width:639px){.lista-perfil span{display:none!important}.lista-perfil{width:40px;padding:0;justify-content:center}}
.lista-flutuante{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:60;
display:inline-flex;align-items:center;gap:8px;padding:.7rem 1rem;background:var(--cyan);color:#000;font-weight:800;font-size:.85rem;border:0;cursor:pointer;
box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.2)}
.lista-flutuante[hidden]{display:none}
.lista-flutuante b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:#000;color:var(--cyan);font-size:.78rem}
.lista-flutuante.pulso{animation:lista-pulso .45s ease}
@keyframes lista-pulso{40%{transform:scale(1.12)}}
.lista-intro{font-size:.88rem;color:#AEB8BE;margin-bottom:14px}
.lista-itens{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.lista-itens li{display:flex;align-items:center;gap:12px;padding:.5rem;border:1px solid var(--line);background:#07090C}
.li-mini{flex:0 0 auto;width:40px;height:64px;background-color:#05070A;background-repeat:no-repeat;background-size:165.78% auto;background-position:52.03% 59.77%}
.li-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.li-txt b{font-size:.92rem;color:#fff}.li-txt span{font-size:.76rem;color:var(--muted)}
.li-rem{width:32px;height:32px;border:1px solid var(--line);color:#AEB8BE;flex:0 0 auto}
.li-rem:hover{border-color:#e05555;color:#ff8a8a}
.lista-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lista-acoes .btn-primary,.lista-acoes .btn-ghost{padding:.7rem 1.1rem;font-size:.85rem;font-weight:800;border:1px solid transparent;cursor:pointer}
.lista-acoes .btn-ghost{border-color:var(--line)}
.lista-acoes .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.li-limpar{margin-left:auto;font-size:.78rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.lista-aviso{margin-top:10px;font-size:.82rem;font-weight:700;color:var(--cyan)}
/* ---------- Elenco pelo mundo ---------- */
.mapa-topo{flex-wrap:wrap}
.mapa-visao{display:inline-flex;border:1px solid var(--line);margin-left:auto}
.mapa-visao button{padding:.4rem .8rem;font-size:.76rem;font-weight:800;letter-spacing:.04em;color:#AEB8BE;background:transparent;cursor:pointer}
.mapa-visao button[aria-selected="true"]{background:var(--cyan);color:#000}
.mapa-topo > .h-px{order:1;flex-basis:100%;display:none}
.mundo-palco{position:relative;aspect-ratio:16/8.4;max-height:460px;width:100%;border:1px solid var(--line);overflow:hidden;isolation:isolate;
background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(56,200,240,.10),transparent 70%),#000}
@media (max-width:639px){.mundo-palco{aspect-ratio:1/1;max-height:none}}
#mundo-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}
#mundo-canvas:active{cursor:grabbing}
.mundo-lista{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mundo-lista button{padding:.32rem .6rem;border:1px solid var(--line);background:#05070A;font-size:.76rem;font-weight:600;color:#C9D2D7;cursor:pointer}
.mundo-lista button b{color:var(--cyan);margin-left:3px}
.mundo-lista button.ativo{border-color:#F2C94C;color:#fff}
.mundo-lista button.ativo b{color:#F2C94C}
.mundo-painel{margin-top:12px;border:1px solid var(--line);background:#07090C;padding:.8rem}
.mundo-painel-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.mundo-painel-topo p{font-size:.9rem;color:#fff}.mundo-painel-topo span{color:var(--muted);font-size:.8rem;margin-left:6px}
.mundo-painel-topo button{width:30px;height:30px;border:1px solid var(--line);color:#AEB8BE}
.mundo-cartas{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.mundo-carta{display:flex;align-items:center;gap:10px;padding:.4rem;border:1px solid var(--line);text-align:left;cursor:pointer;background:#05070A}
.mundo-carta:hover{border-color:var(--cyan)}
/* ---------- Mapa do elenco: painel com a carta grande (computador) ---------- */
.mapa-foco{position:absolute;top:14px;right:14px;z-index:6;pointer-events:none;width:clamp(170px,19%,220px);padding:12px;border:1px solid rgba(56,200,240,.45);
background:rgba(5,7,10,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 30px rgba(56,200,240,.15)}
.mapa-foco[hidden]{display:none}
.mapa-foco.entra{animation:mf-entra .25s ease both}
@keyframes mf-entra{from{opacity:0;translate:8px 0}}
.mf-carta{width:100%;aspect-ratio:374/601;background-color:transparent;background-repeat:no-repeat;background-size:165.78% auto;background-position:52.03% 59.77%;
-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 0 14px rgba(56,200,240,.35))}
.mf-info{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.mf-nome{font-size:.92rem;color:#fff;line-height:1.2}
.mf-pos{font-size:.76rem;font-weight:700;color:var(--cyan)}
.mf-clube{font-size:.74rem;color:var(--muted)}
.mf-ver{margin-top:8px;padding:.5rem .7rem;background:var(--cyan);color:#000;font-weight:800;font-size:.78rem;cursor:pointer;border:0}
.mapa-foco.a-esquerda{right:auto;left:14px}
.mapa-palco:has(.mapa-foco:not([hidden])) .mapa-dica{opacity:0;transition:opacity .2s ease}
.mapa-foco{z-index:8}
@media (max-width:900px){.mapa-foco{width:150px;padding:9px}}
@media (hover:none){.mapa-foco{display:none!important}}
/* equipe no celular (2 colunas): se sobrar um nome sozinho na última linha, ele fica centralizado */
@media (max-width:639px){#grid-scouts > :last-child:nth-child(odd){grid-column:1 / -1;justify-self:center}}
.noticias li.noticia-ano{list-style:none;margin:14px 0 6px;font-family:'Anton',sans-serif;font-size:1rem;letter-spacing:.06em;color:var(--cyan);border-bottom:1px solid var(--line);padding-bottom:4px}
.noticias li.noticia-ano.hidden{display:none}
/* vídeo do Instagram: capa no mesmo formato dos outros vídeos; ao tocar, abre o post no Instagram */
.video-shell.video-instagram .play-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:0 24px;
background:radial-gradient(circle at 50% 40%,rgba(225,48,108,.16),transparent 60%),linear-gradient(160deg,#0E1519,#05070A)}
.video-shell.video-instagram .play-face::after{content:"Instagram ↗";font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#E6EDF1;opacity:.75}
/* abas de vídeos no perfil */
.video-abas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.video-aba{padding:.5rem .85rem;border:1px solid var(--line);background:#05070A;color:#C9D2D7;font-size:.8rem;font-weight:700;cursor:pointer;text-align:left}
.video-aba:hover{border-color:var(--cyan)}
.video-aba[aria-selected="true"]{background:var(--cyan);border-color:var(--cyan);color:#000}
.video-painel[hidden]{display:none}
/* ---------- Trajetória no perfil ---------- */
.trajetoria{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:0}
.traj-parada{position:relative;display:flex;flex-direction:column;gap:3px;padding:0 0 22px 26px}
.traj-parada::before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:linear-gradient(180deg,rgba(56,200,240,.6),rgba(56,200,240,.18))}
.traj-parada:last-child::before{display:none}
.traj-ponto{position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:#05070A;border:2px solid rgba(56,200,240,.7)}
.traj-parada.atual .traj-ponto{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 4px rgba(56,200,240,.18),0 0 14px rgba(56,200,240,.6)}
.traj-periodo{font-size:.74rem;font-weight:800;letter-spacing:.06em;color:var(--cyan)}
.traj-clube{display:flex;align-items:flex-start;gap:7px;font-size:.98rem;line-height:1.25;color:#fff}
.traj-clube .bandeira{width:20px;height:auto;flex:0 0 auto;margin-top:3px}
.traj-etapa{font-size:.74rem;color:var(--muted)}
.traj-etapa i{font-style:normal;margin-left:6px;padding:0 .35rem;background:var(--cyan);color:#000;font-weight:800;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}
.traj-marco{font-size:.78rem;color:#C9D2D7}
.traj-titulos{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:.74rem;font-weight:700;color:#F2C94C}
.traj-titulos svg{width:14px;height:14px}
.traj-transf{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:.74rem;color:#8C979E;white-space:nowrap}
.traj-transf svg{color:var(--cyan);flex:0 0 auto}
.traj-transf b{color:#E6EDF1;font-weight:700}
.traj-titulos-nomes{font-size:.7rem;color:var(--muted);line-height:1.35}
/* computador: linha horizontal, uma coluna por clube */
@media (min-width:768px){
.trajetoria{grid-template-columns:repeat(var(--c),minmax(0,1fr));column-gap:14px;row-gap:28px}
.traj-parada:nth-child(5n)::before{right:0}
.traj-parada{padding:26px 0 0 0}
.traj-parada::before{left:7px;right:-14px;top:6px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,rgba(56,200,240,.6),rgba(56,200,240,.18))}
.traj-ponto{top:0}
}
/* trajetória: o ponto do clube atual pulsa */
.traj-parada.atual .traj-ponto{animation:traj-pulso 1.6s ease-in-out infinite}
@keyframes traj-pulso{0%,100%{box-shadow:0 0 0 0 rgba(56,200,240,.65),0 0 10px rgba(56,200,240,.6)}50%{box-shadow:0 0 0 7px rgba(56,200,240,0),0 0 18px rgba(56,200,240,.9);opacity:.75}}
@media (prefers-reduced-motion:reduce){.traj-parada.atual .traj-ponto{animation:none}}
/* ============ ESTRUTURA (abas por área) ============ */
.time-abas{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -1.25rem 14px;padding:2px 1.25rem;scroll-padding:0 1.25rem}
.time-abas::-webkit-scrollbar{display:none}
.time-aba{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.84rem;letter-spacing:.03em;padding:.55rem .95rem;border:1px solid var(--line);background:transparent;color:#AEB8BE;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.time-aba:hover{border-color:#31424B;color:#fff}
.time-aba[aria-selected="true"]{background:var(--cyan);border-color:var(--cyan);color:#000}
.time-aba:focus-visible,.time-pessoa:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.time-lista{display:grid;grid-template-columns:1fr;column-gap:2rem;align-content:start;list-style:none;margin:0;padding:0}
.time-lista[hidden],.time-painel[hidden]{display:none}
.time-lista.entra .time-pessoa{animation:timeEntra .3s ease both}
.time-lista.entra li:nth-child(2) .time-pessoa{animation-delay:.04s}
.time-lista.entra li:nth-child(3) .time-pessoa{animation-delay:.08s}
.time-lista.entra li:nth-child(n+4) .time-pessoa{animation-delay:.12s}
@keyframes timeEntra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.time-pessoa{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 2px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.time-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.time-nome{font-weight:600;font-size:.98rem;line-height:1.25;transition:color .15s ease}
.time-cargo{font-size:.8rem;color:var(--muted);line-height:1.35}
.time-icone{color:var(--cyan);display:block;transition:transform .15s ease}
.time-icone svg{width:20px;height:20px;display:block}
.time-pessoa:hover .time-nome{color:var(--cyan)}
.time-pessoa:hover .time-icone{transform:scale(1.12)}
@media (min-width:640px){.time-lista{grid-template-columns:repeat(2,minmax(0,1fr))}.time-abas{margin:0 0 18px;padding:2px 0}}
@media (min-width:1024px){.time-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.time-lista.entra .time-pessoa{animation:none}}
/* ============ POSIÇÕES SECUNDÁRIAS ============ */
.pos-sec{display:block;font-size:.8rem;font-weight:500;color:#AEB8BE;margin:-2px 0 10px}
.pos-sec-campo{font-size:.76rem;color:var(--muted);margin-top:3px;line-height:1.35}
/* ============ NÚMEROS POR CLUBE (tabela) ============ */
.nums{margin-top:30px}
.nums-rolagem{overflow-x:auto;max-width:640px}
.nums-tabela{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.nums-tabela th,.nums-tabela td{padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.nums-tabela thead th{font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:right;padding-top:0}
.nums-tabela thead th:first-child,.nums-tabela tbody th,.nums-tabela tfoot th{text-align:left}
.nums-tabela tbody th{font-weight:600;font-size:.88rem}
.nums-clube{display:inline-flex;align-items:center;gap:8px}.nums-clube .bandeira{display:block;width:18px;height:12px;flex:0 0 18px}
.nums-tabela td{text-align:right;font-weight:700;font-size:.9rem}
.nums-tabela tbody tr.atual th{color:var(--cyan)}
.nums-tabela tfoot th,.nums-tabela tfoot td{border-bottom:0;border-top:2px solid var(--cyan);font-weight:800;color:#fff}
.nums-tabela tfoot th{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--cyan)}
.nums-fonte{margin:10px 0 0;font-size:.7rem;color:var(--muted)}
@media (max-width:480px){
.nums-tabela th,.nums-tabela td{padding:8px 4px}
.nums-tabela thead th{font-size:.56rem;letter-spacing:.03em}
.nums-tabela tbody th{white-space:normal;font-size:.8rem;line-height:1.25}
.nums-clube{gap:6px}.nums-clube .bandeira{width:16px;height:11px;flex-basis:16px}
.nums-tabela td{font-size:.82rem}
.nums-tabela th:first-child{padding-left:0}.nums-tabela td:last-child,.nums-tabela th:last-child{padding-right:0}
}
/* ============ TRAJETÓRIA EM ABAS: linha do tempo · números · mapa ============ */
.traj-mais{margin:2px 0 0 26px;padding:.5rem .8rem;border:1px solid var(--line);background:transparent;color:var(--cyan);font-weight:700;font-size:.78rem;cursor:pointer}
.traj-mais:hover{border-color:var(--cyan)}
.trajetoria:not(.aberta) .traj-extra{display:none}
.trajetoria:not(.aberta) .traj-parada:nth-child(4)::before{background:linear-gradient(180deg,rgba(56,200,240,.5),rgba(56,200,240,0))}
@media (min-width:768px){
.traj-mais{display:none}
.trajetoria:not(.aberta) .traj-extra{display:flex}
.trajetoria:not(.aberta) .traj-parada:nth-child(4)::before{background:linear-gradient(90deg,rgba(56,200,240,.6),rgba(56,200,240,.18))}
}
.carreira-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:20px}
.carreira-topo .rotulo{margin:0}
.carreira-abas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.carreira-abas::-webkit-scrollbar{display:none}
.carreira-aba{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:.45rem .85rem;border:1px solid var(--line);background:transparent;color:#AEB8BE;font-weight:600;font-size:.78rem;letter-spacing:.02em;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.carreira-aba:hover{border-color:#31424B;color:#fff}
.carreira-aba:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.carreira-aba[aria-selected="true"]{background:var(--cyan);border-color:var(--cyan);color:#000}
.carreira-painel{animation:carreiraEntra .3s ease both}
@keyframes carreiraEntra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.carreira-totais{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:640px;margin:0 0 24px;padding:14px 16px;background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--cyan)}
.carreira-totais b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.9rem;line-height:1.05;font-variant-numeric:tabular-nums}
.carreira-totais span{display:block;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.nums-barra{display:block;height:3px;margin-top:7px;width:var(--p);max-width:100%;background:linear-gradient(90deg,var(--cyan),rgba(56,200,240,.25));border-radius:2px}
.nums-tabela tbody tr{transition:background .15s}
.nums-tabela tbody tr:hover{background:rgba(56,200,240,.06)}
@media (max-width:767px){
.carreira-abas{display:flex;width:100%;gap:4px}
.carreira-aba{flex:1 1 auto;justify-content:center;padding:.55rem .55rem;font-size:.72rem;white-space:nowrap;gap:4px}
.carreira-totais{gap:6px;padding:12px}
.carreira-totais b{font-size:1.35rem}
}
@media (prefers-reduced-motion:reduce){.carreira-painel{animation:none}}
/* ============ LISTA DE INTERESSE: dossiê, comparação e compartilhamento ============ */
.lista-ferramentas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 14px}
.lista-ferramentas:empty{display:none}
.lista-ferr{display:flex;align-items:center;gap:10px;padding:.75rem .9rem;border:1px solid var(--line);background:#07090C;color:#E6EDF1;font-weight:700;font-size:.82rem;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.lista-ferr svg{color:var(--cyan);flex:0 0 auto}
.lista-ferr:hover{border-color:var(--cyan);background:#0B1418}
.lista-ferr:disabled{opacity:.6;cursor:wait}
.lista-ferr:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.comparar{width:min(1040px,calc(100vw - 24px))}
.cmp-rolagem{overflow-x:auto;overscroll-behavior-x:contain;margin:0 -4px}
.cmp-tabela{border-collapse:collapse;min-width:100%;font-size:.86rem}
.cmp-tabela th,.cmp-tabela td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:150px}
.cmp-tabela thead th{border-bottom:2px solid var(--cyan);vertical-align:top}
.cmp-tabela thead th b{display:block;margin-top:8px;font-size:.95rem;color:#fff}
.cmp-tabela tbody th{position:sticky;left:0;z-index:1;background:#0B0F12;min-width:110px;max-width:120px;font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.cmp-tabela thead th:first-child{position:sticky;left:0;z-index:1;background:#0B0F12;min-width:110px}
.cmp-tabela td{color:#E6EDF1;font-weight:600}
.cmp-tabela td small{display:block;margin-top:2px;font-size:.74rem;font-weight:500;color:var(--muted)}
.cmp-tabela td .bandeira{display:inline-block;width:20px;height:13px;vertical-align:-2px;margin-right:4px}
.cmp-pos{color:var(--cyan)}
.cmp-mini{display:block;width:62px;height:99px}
.cmp-acoes td,.cmp-acoes th{border-bottom:0;padding-top:14px}
.cmp-acoes .btn-ghost{padding:.55rem .8rem;font-size:.78rem;font-weight:800;border:1px solid var(--line);cursor:pointer}
.cmp-acoes .btn-ghost:hover{border-color:var(--cyan)}
@media (max-width:640px){
.cmp-tabela th,.cmp-tabela td{min-width:132px;padding:9px 8px}
.cmp-tabela tbody th,.cmp-tabela thead th:first-child{min-width:92px;max-width:96px;padding-left:2px;padding-right:6px;font-size:.56rem;letter-spacing:0;overflow-wrap:normal;word-break:keep-all}
.lista-ferramentas{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.lista-ferr{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:.7rem .4rem;font-size:.72rem;line-height:1.25}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.selecao-nome{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px;font-size:1rem}
.selecao-nome .bandeira{width:24px;height:16px}
.selecao-nome span{white-space:nowrap;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:.2rem .5rem;border:1px solid var(--line)}
.aba-curta{display:none}
@media (max-width:767px){.aba-longa{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.aba-curta{display:inline}}
/* ============ ACESSIBILIDADE: "pular para o conteúdo" e áreas de toque ============ */
.pular{position:fixed;left:12px;top:-60px;z-index:1000;padding:.7rem 1rem;background:var(--cyan);color:#000;font-weight:800;font-size:.9rem;text-decoration:none;transition:top .15s}
.pular:focus{top:12px;outline:2px solid #fff;outline-offset:2px}
#topo:focus{outline:none}
@media (pointer:coarse){
/* links de texto: a área de toque cresce para 44 px sem mudar o desenho */
.navlink,header a[aria-label="Nextgen"],#voltar,#limpar,#modal-conteudo a.inline-block{position:relative}
.navlink::after,header a[aria-label="Nextgen"]::after,#voltar::after,#limpar::after,#modal-conteudo a.inline-block::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
/* botões, abas e campos: altura mínima de 44 px */
#lang,header .btn-primary,.time-aba,.carreira-aba,.video-aba,.mais-noticias,.campo,[data-visao],[data-mapa],.cmp-acoes .btn-ghost,.lista-ferr,.traj-mais,#apresentar{min-height:44px}
/* link "Ver ficha completa" da faixa "Na prática": área de toque de 44 px sem mudar o desenho */
.pratica-legenda a{position:relative;display:inline-block}.pratica-legenda a::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
#fechar-modal,.lista-perfil,.privacidade-fechar,.li-rem{min-width:44px;min-height:44px}
/* menu do celular: a faixa passa de 39 para 44 px e cada link ocupa a altura toda */
.nav-mobile > div{padding-top:0;padding-bottom:0}
/* links do rodapé (privacidade, acessibilidade, termos): cada um ganha 44 px de altura */
[data-doc]{display:inline-flex;align-items:center;min-height:44px}
.nav-mobile .navlink{display:inline-flex;align-items:center;min-height:44px}
/* estrela das cartas: o desenho continua com 34 px, a área de toque passa a ter 44 px */
.estrela::after{content:"";position:absolute;inset:-6px}
}
/* ============ MODO APRESENTAÇÃO ============ */
.btn-apresentar{display:inline-flex;align-items:center;gap:7px;padding:.45rem .8rem;border:1px solid var(--cyan);background:transparent;color:var(--cyan);font-weight:800;font-size:.78rem;cursor:pointer;white-space:nowrap}
.btn-apresentar:hover{background:var(--cyan);color:#000}
body.apr-aberto{overflow:hidden}
.apr{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;color:#E6EDF1;overflow:hidden;
background:radial-gradient(ellipse 60% 70% at 28% 45%,rgba(56,200,240,.13),transparent 65%),radial-gradient(ellipse 50% 60% at 85% 20%,rgba(56,200,240,.06),transparent 60%),#030507;
padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.apr[hidden]{display:none}
.apr-x{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:rgba(11,15,18,.8);color:#fff;cursor:pointer}
.apr-x:hover{border-color:var(--cyan)}
/* escolha */
.apr-config{position:relative;margin:auto;width:min(560px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:30px 26px 26px;background:#0B0F12;border:1px solid var(--line)}
.apr-logo{height:34px;width:auto;margin-bottom:18px}
.apr-tit{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:2rem;line-height:1.05;text-transform:uppercase;margin:0}
.apr-sub{color:var(--muted);margin:6px 0 18px}
.apr-ops{display:grid;gap:8px;margin-bottom:20px}
.apr-op{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);cursor:pointer;min-height:56px}
.apr-op:has(input:checked){border-color:var(--cyan);background:#0B1418}
.apr-op input{accent-color:var(--cyan);width:18px;height:18px;flex:0 0 auto}
.apr-op span{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;flex:1}
.apr-op small{color:var(--muted);font-size:.8rem}
.apr-op select{max-width:100%;min-height:40px}
.apr-comecar{display:inline-flex;align-items:center;gap:10px;width:100%;justify-content:center;min-height:52px;font-size:1rem}
.apr-aviso{color:#FFB4B4;margin:12px 0 0;font-size:.86rem}
/* topo, barra e setas */
.apr-topo{position:relative;display:flex;align-items:center;gap:16px;min-height:72px;padding:0 74px 0 24px}
.apr-n{font-family:Anton,Impact,sans-serif;font-size:1.3rem;letter-spacing:.04em}
.apr-dica{color:var(--muted);font-size:.78rem}
.apr-barra{height:3px;background:rgba(255,255,255,.07)}.apr-barra i{display:block;height:100%;background:var(--cyan);transition:width .35s ease}
.apr-seta{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:56px;height:56px;margin-top:-28px;border:1px solid var(--line);background:rgba(11,15,18,.75);color:#fff;cursor:pointer;transition:border-color .15s,opacity .15s}
.apr-seta:hover{border-color:var(--cyan)}.apr-seta:disabled{opacity:.2;cursor:default}
.apr-ant{left:18px}.apr-prox{right:18px}
/* slide */
.apr-palco{flex:1;min-height:0;display:flex}
.apr-slide{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,5vw,80px);padding:2vh clamp(84px,9vw,150px) 4vh;animation:aprEntra .45s ease both}
@keyframes aprEntra{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.apr-carta{display:flex;justify-content:center;align-items:center;min-height:0;height:100%;filter:drop-shadow(0 0 26px rgba(56,200,240,.35))}
/* só a carta (recortada no formato da moldura), sem o fundo da imagem */
.apr-carta-img{height:min(74vh,720px);aspect-ratio:374/601;max-width:100%;background-repeat:no-repeat;background-size:165.78% auto;background-position:52.03% 59.77%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.apr-pos{display:inline-block;padding:.35rem .75rem;background:var(--cyan);color:#000;font-weight:800;font-size:clamp(.8rem,1.1vw,1rem);letter-spacing:.03em;transform:skewX(-7deg)}
.apr-nome{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-style:italic;font-size:clamp(2.4rem,6.2vw,5.6rem);line-height:.95;margin:14px 0 8px;letter-spacing:.005em}
.apr-clube{font-size:clamp(1rem,1.6vw,1.35rem);color:#C9D2D7;margin:0 0 6px}
.apr-sec{color:var(--muted);font-size:clamp(.85rem,1.1vw,1rem);margin:0}
.apr-dados{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 18px;margin:26px 0 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.apr-dados dt{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.apr-dados dd{margin:4px 0 0;font-weight:700;font-size:clamp(1rem,1.5vw,1.3rem)}
.apr-dados .bandeira{width:24px;height:16px;display:inline-block;margin-right:4px;vertical-align:-2px}
.apr-totais{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.apr-totais b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1;color:#fff}
.apr-totais span{display:block;margin-top:4px;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cyan)}
.apr-selecao{display:flex;align-items:center;gap:10px;margin:16px 0 0;color:#C9D2D7}.apr-selecao .bandeira{width:24px;height:16px}
.apr-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.apr-acoes .btn{display:inline-flex;align-items:center;gap:9px;min-height:48px}
/* slide final */
.apr-final{grid-template-columns:1fr;justify-items:center;text-align:center;align-content:center}
.apr-logo-g{height:clamp(70px,12vh,120px);width:auto;margin-bottom:10px}
.apr-final .apr-clube{max-width:640px}.apr-contato{color:var(--cyan);font-weight:700;margin:10px 0 0}
.apr-final .apr-acoes{justify-content:center}
/* vídeo e trajetória por cima */
.apr-painel{position:absolute;inset:0;z-index:4;display:flex;background:#030507;animation:aprEntra .3s ease both}
.apr-painel-caixa{margin:auto;width:min(1100px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:20px 4px}
.apr-voltar{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-bottom:16px}
.apr-voltar svg{width:18px;height:18px}
.apr-video{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line)}
.apr-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.apr-vids{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.apr-nome-p{font-size:clamp(2rem,4vw,3.2rem);margin-top:0}
.apr-traj{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.apr-traj li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#0B0F12;border:1px solid var(--line);border-left:3px solid var(--cyan)}
.apr-traj b{display:flex;align-items:center;gap:8px;font-size:1rem}.apr-traj .bandeira{width:20px;height:13px}
.apr-traj span{color:var(--muted);font-size:.84rem}
.apr-tab{margin-top:18px}.apr-tab .nums{display:block!important}
/* celular e tablet em pé */
@media (max-width:820px),(orientation:portrait) and (max-width:1100px){
.apr-slide{grid-template-columns:1fr;align-content:start;align-items:start;gap:14px;padding:14px 20px 90px;overflow:auto}
.apr-carta{height:36vh;min-height:36vh}.apr-carta-img{height:36vh}
.apr-info{text-align:left}
.apr-nome{font-size:clamp(2rem,9vw,3.4rem);margin-top:10px}
.apr-dados{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;padding:14px 0}
.apr-totais b{font-size:1.7rem}
/* no celular as setas sobem para a barra do topo, ao lado do X, para não cobrir os botões do slide */
.apr-seta{top:calc(14px + env(safe-area-inset-top,0px));margin-top:0;width:44px;height:44px}
.apr-ant{left:auto;right:126px}.apr-prox{right:72px}
.apr-dica{display:none}
}
@media (prefers-reduced-motion:reduce){.apr-slide,.apr-painel{animation:none}.apr-barra i{transition:none}}
/* ============ APLICATIVO E SEM INTERNET ============ */
.aviso-offline{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2500;max-width:calc(100% - 32px);padding:.65rem 1rem;background:#0B0F12;border:1px solid var(--cyan);color:#E6EDF1;font-size:.84rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.aviso-offline[hidden]{display:none}
.btn-instalar{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px;padding:.5rem .9rem;border:1px solid var(--cyan);background:transparent;color:var(--cyan);font-weight:800;font-size:.82rem;cursor:pointer}
.btn-instalar[hidden]{display:none}.btn-instalar:hover{background:var(--cyan);color:#000}
.apr-offline{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:10px;border:1px solid var(--line);background:transparent;color:#C9D2D7;font-weight:700;font-size:.86rem;cursor:pointer}
.apr-offline:hover{border-color:var(--cyan);color:#fff}.apr-offline.ok{border-color:var(--cyan);color:var(--cyan)}
.apr-offline-nota{margin:8px 0 0;font-size:.74rem;color:var(--muted);line-height:1.4}
/* ============ "NA PRÁTICA" (jornada de um atleta em uma linha, em "Nossa visão") ============ */
.pratica{margin-top:34px;padding:22px 24px;max-width:860px;background:linear-gradient(90deg,rgba(56,200,240,.07),rgba(56,200,240,0) 70%);border-left:3px solid var(--cyan)}
.pratica-rot{margin:0 0 14px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.pratica-linha{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.pratica-linha::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:2px;background:linear-gradient(90deg,rgba(56,200,240,.35),var(--cyan))}
.pratica-linha button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:58px;padding:0 6px 0 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.pratica-linha i{width:18px;height:18px;border-radius:50%;border:2px solid var(--cyan);background:#05070A;margin-bottom:6px;transition:all .2s}
.pratica-linha .ano{font-family:Anton,Impact,sans-serif;font-size:.95rem;color:var(--muted);line-height:1}
.pratica-linha .clube{font-weight:700;font-size:.9rem;color:#C9D2D7;line-height:1.2}
.pratica-linha button:hover .clube{color:#fff}
.pratica-linha button[aria-selected="true"] i{background:var(--cyan);box-shadow:0 0 0 5px rgba(56,200,240,.18),0 0 14px rgba(56,200,240,.55)}
.pratica-linha button[aria-selected="true"] .ano{color:var(--cyan)}.pratica-linha button[aria-selected="true"] .clube{color:#fff}
.pratica-linha button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.pratica-detalhe{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:14px 0 0;min-height:2.6em}
.pratica-tit{font-family:Anton,Impact,sans-serif;font-weight:400;font-style:italic;text-transform:uppercase;font-size:1.25rem;color:#fff}
.pratica-quando{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.84rem}.pratica-quando .bandeira{width:18px;height:12px}
.pratica-fatos{display:inline-flex;flex-wrap:wrap;gap:4px 12px;color:#AEB8BE;font-size:.88rem}.pratica-fatos b{color:#fff}
.pratica-fatos span{white-space:nowrap}
.pratica-legenda{margin:10px 0 0;font-size:.8rem;color:var(--muted)}
.pratica-legenda a{color:var(--cyan);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){
.pratica{padding:18px 14px;margin-top:26px}
.pratica-linha .clube{font-size:.76rem}.pratica-linha .ano{font-size:.82rem}
.pratica-tit{font-size:1.1rem;width:100%}
}
/* "Na prática": a bola azul percorre a linha (2015 → 2026) e fica pulsando no ano escolhido */
.pratica-linha{--x:8px;--x0:8px}
.pratica-preenche{display:none;position:absolute;left:var(--x0);top:8px;height:2px;width:max(0px,calc(var(--x) - var(--x0)));background:var(--cyan);box-shadow:0 0 8px rgba(56,200,240,.6);z-index:0}
.pratica-cursor{position:absolute;left:var(--x);top:9px;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--cyan);z-index:2;pointer-events:none;animation:pulsoBola 1.6s ease-in-out infinite}
@keyframes pulsoBola{0%,100%{box-shadow:0 0 0 4px rgba(56,200,240,.22),0 0 12px rgba(56,200,240,.55)}50%{box-shadow:0 0 0 10px rgba(56,200,240,.06),0 0 26px rgba(56,200,240,.95)}}
.pratica-linha li{position:relative;z-index:1}
/* o ano onde a bola está fica com o texto em destaque; os outros ficam normais (a bola é o destaque) */
.pratica-linha li.passou .ano{color:var(--cyan)}
.pratica-linha button[aria-selected="true"] i{box-shadow:none}
/* pedido da Nextgen: a bola do "Na prática" continua pulsando mesmo com "reduzir movimento" (pulso suave, sem piscar) */
@media (prefers-reduced-motion:reduce){html body .pratica-linha .pratica-cursor{animation:pulsoBola 2.4s ease-in-out infinite!important}}
/* bolinhas dos anos sempre vazias: quem marca a posição é a bola que anda */
.pratica-linha button i,.pratica-linha button[aria-selected="true"] i{background:#05070A}
.pratica-linha li:not(.passou) button[aria-selected="true"] .ano{color:var(--muted)}
/* rastro de luz atrás da bola enquanto ela anda (como um trem passando pela linha) */
.pratica-rastro{position:absolute;top:8px;left:calc(var(--x) - 64px);width:64px;height:2px;margin-top:-1px;height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(56,200,240,0),rgba(56,200,240,.95));box-shadow:0 0 10px rgba(56,200,240,.7);opacity:0;transition:opacity .25s;z-index:1;pointer-events:none}
.pratica-linha.volta .pratica-rastro{left:var(--x);background:linear-gradient(270deg,rgba(56,200,240,0),rgba(56,200,240,.95))}
.pratica-linha.andando .pratica-rastro{opacity:1}
@media (prefers-reduced-motion:reduce){html body .pratica-linha .pratica-rastro{transition:opacity .25s!important}}
/* data de atualização do elenco */
.elenco-data{margin:-18px 0 22px;font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.02em}
.elenco-data::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(56,200,240,.8);vertical-align:1px}
/* "trem" na trajetória do perfil: bola azul percorre os clubes até o atual e fica pulsando */
.trem-bola{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--cyan);z-index:3;pointer-events:none;animation:pulsoBola 1.6s ease-in-out infinite}
.trem-rastro{position:absolute;left:0;top:0;width:60px;height:4px;margin:-2px 0 0 -60px;transform-origin:60px 50%;border-radius:2px;background:linear-gradient(90deg,rgba(56,200,240,0),rgba(56,200,240,.95));box-shadow:0 0 10px rgba(56,200,240,.7);opacity:0;transition:opacity .25s;z-index:2;pointer-events:none}
.trem-rastro.on{opacity:1}
/* enquanto a bola anda, o clube atual fica com a bolinha normal; quando ela chega, a própria bola é o destaque */
.trajetoria.trem-ativo .traj-parada.atual .traj-ponto{background:#05070A;border-color:rgba(56,200,240,.7);box-shadow:none;animation:none}
@media (prefers-reduced-motion:reduce){html body .trem-bola{animation:pulsoBola 2.4s ease-in-out infinite!important}html body .trem-rastro{transition:opacity .25s!important}}
.pratica-fatos > span{display:inline-flex;align-items:center;gap:6px}.pratica-fatos .bandeira{display:inline-block;width:18px;height:12px}
/* links externos (Transfermarkt, Sofascore): botão com logo, "Ver perfil" e seta, deixando claro que é clicável */
.link-externo{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:7px 14px 7px 8px;border:1px solid var(--line);background:#0B0F12;color:#E6EDF1;text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.link-externo .logo-externo{height:32px}
.link-externo .le-txt{font-weight:700;font-size:.84rem;white-space:nowrap}
.link-externo .le-seta{color:var(--cyan);transition:transform .2s}
.link-externo:hover,.link-externo:focus-visible{border-color:var(--cyan);background:#0B1418;transform:translateY(-2px);box-shadow:0 8px 22px rgba(56,200,240,.18)}
.link-externo:hover .le-seta,.link-externo:focus-visible .le-seta{transform:translate(3px,-3px)}
.link-externo:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.externos-logos{gap:10px}
.externos-logos a.link-externo{display:inline-flex;flex-direction:row;gap:10px;padding:7px 12px 7px 9px;opacity:1}
/* subtítulo das seções (Marketing) */
.secao-sub{margin:0 0 28px;color:#AEB8BE;font-size:clamp(1rem,1.4vw,1.15rem);max-width:60ch}
/* texto de apresentação dentro de uma aba do "Nosso time" (Jurídico) */
.time-texto{grid-column:1/-1;list-style:none;margin:0 0 14px;padding:0}
.time-texto p{margin:0;max-width:72ch;color:#C9D2D7;font-size:.98rem;line-height:1.65}
/* ============ AJUSTES DE DESIGN ============ */
/* 1) topo: a frase do meio ocupa 2 linhas no computador, em vez de 4 */
@media (min-width:768px){.frase-abertura small{max-width:none;width:min(44rem,86vw);position:relative;left:50%;transform:translateX(-50%)}}
/* 2) Quem somos: texto + destaque "20+" em duas colunas, tudo alinhado à esquerda */
.sobre-grade{display:block;margin-bottom:56px}
.sobre-texto .lede{max-width:75ch}
#sobre .externos-logos{justify-content:center;margin:0}
.sobre-destaque{display:flex;flex-direction:column;align-items:flex-start;padding-left:clamp(20px,3vw,40px);border-left:1px solid var(--line)}
.sobre-num{font-family:Anton,Impact,sans-serif;font-size:clamp(5.5rem,11vw,9.5rem);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--cyan);letter-spacing:.01em}
.sobre-rot{margin-top:10px;font-weight:800;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:#E6EDF1;max-width:16ch;line-height:1.35}
@media (max-width:767px){.sobre-grade{grid-template-columns:1fr;gap:26px;margin-bottom:40px}.sobre-destaque{flex-direction:row;align-items:center;gap:16px;padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}.sobre-num{font-size:4.2rem;-webkit-text-stroke-width:1.5px}.sobre-rot{margin-top:0}}
/* 6) transições: a barra do título cresce e o título aparece da esquerda para a direita quando a seção entra na tela */
.section-head.rv .section-bar{transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.7,.3,1) .05s}
.section-head.rv.rv-in .section-bar{transform:scaleY(1)}
.section-head.rv .section-title{clip-path:inset(-10% 100% -10% 0);transition:clip-path .8s cubic-bezier(.2,.7,.3,1) .15s}
.section-head.rv.rv-in .section-title{clip-path:inset(-10% -12% -10% 0)}
/* topo no celular: a frase do meio usa a largura da tela, com letras menos espaçadas */
@media (max-width:767px){.frase-abertura small{max-width:none;width:min(92vw,24rem);position:relative;left:50%;transform:translateX(-50%);letter-spacing:.07em;font-size:.45em;line-height:1.55}}
/* Quem somos no celular: o "20+" sai (o próprio texto já destaca "20 anos de atuação") */
@media (max-width:767px){.sobre-destaque{display:none}}
/* "20+" como marca d'água atrás do título do Quem somos */
#sobre > div{position:relative}
.sobre-corpo{position:relative;z-index:1}
.sobre-marca{position:absolute;z-index:0;pointer-events:none;user-select:none;top:clamp(8px,2vw,24px);right:clamp(0px,2vw,24px);
font-family:Anton,Impact,sans-serif;font-size:clamp(9rem,24vw,21rem);line-height:.8;letter-spacing:.01em;color:transparent;
-webkit-text-stroke:2px rgba(56,200,240,.09);font-variant-numeric:tabular-nums;transition:-webkit-text-stroke-color .8s ease,text-shadow .8s ease,opacity .8s ease;opacity:.85}
.sobre-marca b{font-weight:400}
.sobre-marca.acesa{-webkit-text-stroke-color:rgba(56,200,240,.2);text-shadow:0 0 60px rgba(56,200,240,.06);opacity:1}
@media (max-width:767px){.sobre-marca{font-size:10rem;top:18px;right:-4px;-webkit-text-stroke-width:1.5px}}
/* carrossel de atletas: surge só com esmaecimento (sem deslocar), e nenhuma carta herda deslocamento de revelação */
#carrossel.rv{translate:none}
#carrossel > .rv{translate:none!important;opacity:1!important}
/* ============ ACABAMENTOS DE NAVEGAÇÃO ============ */
/* 1) menu: o texto do item da seção atual fica em ciano */
.navlink{transition:color .25s ease}
.nav a.navlink.ativo{color:var(--cyan)}
/* 2) barra de progresso da leitura, logo abaixo do menu */
.progresso-pagina{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;overflow:hidden}
.progresso-pagina i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 8px rgba(56,200,240,.6);transform:scaleX(0);transform-origin:0 50%}
/* 3) indicador de posição do carrossel */
.carrossel-barra{position:relative;height:3px;margin:14px 0 10px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.carrossel-barra[hidden]{display:none}
.carrossel-barra i{display:block;height:100%;width:20%;background:var(--cyan);border-radius:2px;transition:width .2s ease}
/* 4) alternância sutil de tom entre as seções */
#visao{background:#05080B!important}
#marketing{background-color:#04070A}
/* 5) botão voltar ao topo (canto inferior esquerdo, para não encostar no botão da lista) */
.ao-topo{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:59;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(11,15,18,.88);backdrop-filter:blur(8px);color:var(--cyan);cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.45);transition:border-color .2s,transform .2s}
.ao-topo:hover{border-color:var(--cyan);transform:translateY(-2px)}
.ao-topo[hidden]{display:none}
body.apr-aberto .ao-topo{display:none}
/* ============ ENTRADA DO TOPO E GLOBO ============ */
.hero-globo-canvas{transition:opacity 1.6s ease,scale 1.8s cubic-bezier(.2,.7,.3,1)}
.hero-globo-canvas.entrando{opacity:0;scale:.86;transition:none}
.frase-abertura .hp-txt{display:inline-block}
.frase-abertura .hp{animation:palavra .75s cubic-bezier(.2,.7,.3,1) both}
@keyframes palavra{from{opacity:0;translate:0 18px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.frase-abertura em.hp-brilho{animation:palavra .75s cubic-bezier(.2,.7,.3,1) both,brilhoTexto 1.4s ease 1.2s 1 both}
@keyframes brilhoTexto{0%{text-shadow:0 0 0 rgba(56,200,240,0)}35%{text-shadow:0 0 22px rgba(120,225,255,.95),0 0 44px rgba(56,200,240,.6)}100%{text-shadow:0 0 0 rgba(56,200,240,0)}}
@media (prefers-reduced-motion:reduce){.frase-abertura .hp{animation:none}.hero-globo-canvas{transition:none}}
/* iPhone: dica discreta para ativar o movimento do globo */
.dica-movimento{display:inline-flex;align-items:center;gap:8px;margin:22px auto 0;padding:.55rem .9rem;min-height:40px;border:1px solid rgba(56,200,240,.35);border-radius:999px;background:rgba(5,10,14,.55);backdrop-filter:blur(6px);color:#BFEFFF;font-size:.74rem;font-weight:600;letter-spacing:.02em;cursor:pointer;animation:dicaPulso 2.4s ease-in-out infinite}
.dica-movimento[hidden]{display:none}
.dica-movimento svg{color:var(--cyan);animation:dicaInclina 2.4s ease-in-out infinite}
@keyframes dicaPulso{0%,100%{box-shadow:0 0 0 0 rgba(56,200,240,0)}50%{box-shadow:0 0 0 6px rgba(56,200,240,.08)}}
@keyframes dicaInclina{0%,100%{rotate:-12deg}50%{rotate:12deg}}
@media (prefers-reduced-motion:reduce){.dica-movimento,.dica-movimento svg{animation:none}}
/* ============ SELETOR DE IDIOMA (bandeira + nome na própria língua) ============ */
.lang-escolha{position:relative;display:inline-flex}
.lang-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 .6rem;border:1px solid var(--line);background:#000;color:#E6EDF1;font-weight:800;font-size:.74rem;letter-spacing:.06em;cursor:pointer}
.lang-btn:hover,.lang-btn[aria-expanded="true"]{border-color:var(--cyan)}
.lang-btn svg{color:var(--cyan);flex:0 0 auto}.lang-btn .lang-seta{transition:transform .2s}.lang-btn[aria-expanded="true"] .lang-seta{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:80;min-width:200px;max-height:min(70vh,460px);overflow:auto;margin:0;padding:6px;list-style:none;background:#0B0F12;border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.6)}
.lang-menu[hidden]{display:none}
.lang-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:.45rem .6rem;border:0;background:none;color:#E6EDF1;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;letter-spacing:0}
.lang-menu button:hover,.lang-menu button:focus-visible{background:#121A1F;outline:none}
.lang-menu button[aria-selected="true"]{color:var(--cyan)}
.lang-menu button[aria-selected="true"]::after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.lang-flag{width:24px;height:16px;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.lang-nativo{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}
@media (pointer:coarse){.lang-btn{min-height:44px}}
/* árabe, chinês e japonês: sem espaçamento entre letras (no árabe ele quebra a ligação das letras) */
html:is([lang="ar"],[lang="zh-CN"],[lang="ja"]) body *{letter-spacing:0!important}
/* árabe: cada texto é lido da direita para a esquerda, mantendo o desenho da página */
html[lang="ar"] :is(p,h1,h2,h3,h4,li,dd,dt,td,th,span,a,button,label,small,em,b,strong){unicode-bidi:plaintext}
html[lang="ar"] p{text-align:start}
/* ============ BUSCA POR PERFIL: o que o site entendeu ============ */
.f-entendi{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px}
.f-entendi[hidden]{display:none}
.entendi-rot{font-size:.74rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.entendi-chip{display:inline-flex;align-items:center;padding:.3rem .65rem;border:1px solid rgba(56,200,240,.45);background:rgba(56,200,240,.08);color:#CFF3FF;font-size:.78rem;font-weight:700}
.time-texto p + p{margin-top:.85em}
/* ============ ESPAÇO RESERVADO DAS CARTAS ============
Enquanto a imagem carrega, aparece a silhueta da carta com um brilho passando; a carta entra por cima com um fade. */
.esqueleto{position:absolute;left:20.6%;top:13.4%;width:60.3%;height:77.5%;z-index:0;pointer-events:none;
-webkit-mask:var(--mascara-carta) center/100% 100% no-repeat;mask:var(--mascara-carta) center/100% 100% no-repeat;
background:linear-gradient(110deg,#0D1418 30%,#17323C 46%,#1E4452 50%,#17323C 54%,#0D1418 70%) 0 0/260% 100%,#0D1418;
animation:esqueleto 1.5s linear infinite;transition:opacity .4s ease}
@keyframes esqueleto{from{background-position:130% 0}to{background-position:-130% 0}}
.js-esqueleto .card .foto{opacity:0;transition:opacity .45s ease}
.js-esqueleto .card .foto.ok{opacity:1}
.card .photo:has(.foto.ok) .esqueleto{opacity:0;animation:none}
@media (prefers-reduced-motion:reduce){.esqueleto{animation:none;background:#12262E}}
/* ============ RESPOSTA AO TOQUE: a estrela "pula" ao entrar na lista ============ */
/* estrela: ao entrar na lista cresce, treme e solta um anel de luz; ao sair, dá uma tremida curta */
.estrela.pulou svg,.lista-perfil.pulou svg{animation:estrela-treme .65s cubic-bezier(.3,1.4,.5,1)}
@keyframes estrela-treme{0%{transform:scale(1)}18%{transform:scale(1.55) rotate(-16deg)}36%{transform:scale(1.4) rotate(14deg)}54%{transform:scale(1.25) rotate(-10deg)}72%{transform:scale(1.1) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
.estrela.saiu svg,.lista-perfil.saiu svg{animation:estrela-sai .4s ease}
@keyframes estrela-sai{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px) rotate(-8deg)}45%{transform:translateX(3px) rotate(6deg)}70%{transform:translateX(-2px) rotate(-3deg)}}
.estrela.pulou::before,.lista-perfil.pulou::before{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;translate:-50% -50%;border-radius:50%;border:2px solid var(--cyan);pointer-events:none;animation:estrela-anel .6s ease-out forwards}
@keyframes estrela-anel{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.9);opacity:0}}
.lista-perfil{position:relative}
@media (prefers-reduced-motion:reduce){.estrela.pulou svg,.lista-perfil.pulou svg,.estrela.saiu svg,.lista-perfil.saiu svg{animation:none}.estrela.pulou::before,.lista-perfil.pulou::before{display:none}}
.btn:active,.btn-apresentar:active,.carreira-aba:active,.mst button:active{transform:scale(.97)}
/* botão "Monte seu time" ao lado de "Ver todos os atletas" */
#elenco .btn-apresentar[data-monte-time]{border-color:var(--line);color:#E6EDF1}
#elenco .btn-apresentar[data-monte-time]:hover{border-color:var(--cyan);color:var(--cyan)}
/* celular: no topo do elenco, cada botão mostra o ícone com um nome curto embaixo ("Montar time", "Apresentar");
o "Voltar" vira só a seta (gesto conhecido), para sobrar espaço */
.rot-curto{display:none}
@media (max-width:479px){
#elenco .btn-apresentar span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#elenco .btn-apresentar{flex-direction:column;justify-content:center;gap:3px;min-width:56px;min-height:44px;padding:.3rem .45rem}
#elenco .btn-apresentar .rot-curto{display:block;font-size:.6rem;font-weight:700;letter-spacing:.02em;line-height:1.05;white-space:nowrap}
#voltar-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#voltar{min-width:36px;justify-content:center}
#elenco .elenco-sep{display:none}
}
/* ============ RADAR DA COMPARAÇÃO ============ */
.cmp-radar{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px 24px;align-items:center;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--line)}
@media (max-width:639px){.cmp-radar{grid-template-columns:1fr}}
.radar{width:100%;max-width:420px;height:auto;overflow:visible;justify-self:center}
.radar-anel{fill:none;stroke:#22292E;stroke-width:1}
.radar-eixo{stroke:#22292E;stroke-width:1}
.radar-rot{fill:#8C979E;font:600 11px Barlow,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.radar-area{fill:var(--cor);fill-opacity:.12;stroke:var(--cor);stroke-width:2;stroke-linejoin:round;transition:fill-opacity .2s ease,opacity .2s ease}
.radar-ponto{fill:var(--cor)}
.radar-serie{transition:opacity .2s ease;transform-origin:50% 50%;transform-box:view-box;animation:radar-cresce .6s calc(var(--k) * .08s) cubic-bezier(.2,.8,.3,1.1) both}
@keyframes radar-cresce{from{transform:scale(0);opacity:0}}
.radar.com-foco .radar-serie{opacity:.15}
.radar.com-foco .radar-serie.foco{opacity:1}
.radar.com-foco .radar-serie.foco .radar-area{fill-opacity:.3}
.radar-leg{display:flex;flex-wrap:wrap;gap:6px}
.radar-leg button{display:inline-flex;align-items:center;gap:7px;padding:.4rem .7rem;border:1px solid var(--line);background:transparent;color:#E6EDF1;font-weight:700;font-size:.8rem;cursor:pointer;min-height:36px}
.radar-leg button i{width:10px;height:10px;background:var(--cor);display:inline-block}
.radar-leg button[aria-pressed="true"]{border-color:var(--cor)}
.radar-nota{margin-top:10px;color:#8C979E;font-size:.74rem;line-height:1.5}
@media (prefers-reduced-motion:reduce){.radar-serie{animation:none}}
/* ============ TRAJETÓRIA NO GLOBO ============ */
.globo-carreira{position:relative}
.gc-tela{display:block;width:100%;aspect-ratio:16/10;max-height:380px;background:#000;border:1px solid var(--line)}
@media (max-width:639px){.gc-tela{aspect-ratio:1/1}}
.gc-rodape{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;min-height:44px}
.gc-legenda{display:flex;flex-direction:column;gap:2px;font-size:.82rem;color:#8C979E}
.gc-legenda b{color:#fff;font-size:.95rem}
.gc-repetir{display:inline-flex;align-items:center;gap:6px;padding:.45rem .8rem;border:1px solid var(--line);background:transparent;color:#E6EDF1;font-weight:700;font-size:.78rem;cursor:pointer;min-height:40px;white-space:nowrap}
.gc-repetir:hover{border-color:var(--cyan);color:var(--cyan)}
/* ============ MONTE SEU TIME ============ */
.mst{position:fixed;inset:0;z-index:110;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;background:#000;color:#fff;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);animation:vt-entra .25s ease both}
.mst-topo{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.mst-topo h2{font-size:1.25rem;margin-right:auto}
.mst-forms{display:flex;gap:4px;order:3;width:100%}
@media (min-width:640px){.mst-forms{order:0;width:auto}}
.mst-forms button,.mst-filtros button{padding:.4rem .7rem;border:1px solid var(--line);background:transparent;color:#AEB8BE;font-weight:700;font-size:.8rem;cursor:pointer;min-height:38px;flex:1 1 auto}
.mst-forms button[aria-pressed="true"],.mst-filtros button[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:#000}
.mst-fechar{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:transparent;color:#fff;cursor:pointer}
.mst-fechar:hover{border-color:var(--cyan);color:var(--cyan)}
.mst-corpo{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);overflow:hidden}
@media (max-width:899px){.mst-corpo{display:block;overflow-y:auto;overscroll-behavior:contain}.mst-campo-caixa{min-height:auto;padding:14px 14px 18px}}
.mst-campo-caixa{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;min-height:0}
.mst-campo{position:relative;height:min(100%,calc(100dvh - 190px));aspect-ratio:68/100;max-width:100%;
background:repeating-linear-gradient(180deg,#06141A 0 12.5%,#081A21 12.5% 25%);border:2px solid rgba(56,200,240,.4);touch-action:none}
@media (max-width:899px){.mst-campo{height:auto;width:min(100%,460px)}}
.mst-linha.meio{position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(56,200,240,.3)}
.mst-circ{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;translate:-50% -50%;border:2px solid rgba(56,200,240,.3);border-radius:50%}
.mst-area{position:absolute;left:22%;right:22%;height:15%;border:2px solid rgba(56,200,240,.3)}
.mst-area.cima{top:-2px;border-top:0}.mst-area.baixo{bottom:-2px;border-bottom:0}
.mst-vagas{position:absolute;inset:0}
.mst-vaga{position:absolute;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;color:#fff;cursor:pointer;width:16%;touch-action:none}
.mst-circulo{display:grid;place-items:center;width:clamp(34px,62%,56px);aspect-ratio:1;border-radius:50%;border:2px dashed rgba(56,200,240,.6);background:rgba(5,7,10,.7);font-weight:800;font-size:clamp(.62rem,1.4vw,.78rem);color:#AEC2CB;transition:transform .15s ease,border-color .15s ease}
.mst-vaga.sel .mst-circulo,.mst-vaga.alvo .mst-circulo{border-style:solid;border-color:var(--cyan);color:#fff;transform:scale(1.12);box-shadow:0 0 22px rgba(56,200,240,.5)}
.mst-vaga.sel .mst-circulo{animation:mst-pulsa 1.4s ease-in-out infinite}
@keyframes mst-pulsa{50%{box-shadow:0 0 0 7px rgba(56,200,240,.15),0 0 22px rgba(56,200,240,.5)}}
.mst-mini{display:block;width:100%;aspect-ratio:374/601;background-size:165.78% 128.95%;background-position:52.03% 59.77%;background-repeat:no-repeat;
-webkit-mask:var(--mascara-carta) center/100% 100% no-repeat;mask:var(--mascara-carta) center/100% 100% no-repeat}
.mst-vaga .mst-mini{width:clamp(38px,78%,70px);filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.mst-vaga.sel .mst-mini,.mst-vaga.alvo .mst-mini{filter:drop-shadow(0 0 12px rgba(56,200,240,.8))}
.mst-vaga.entrou .mst-mini{animation:mst-entra .4s cubic-bezier(.3,1.5,.5,1)}
@keyframes mst-entra{from{transform:scale(.4) translateY(14px);opacity:.2}}
.mst-nome{max-width:150%;padding:1px 5px;background:rgba(5,7,10,.85);font-weight:700;font-size:clamp(.58rem,1.3vw,.74rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mst-tirar{position:absolute;top:-6px;right:4%;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#13171A;border:1px solid var(--line);font-size:.6rem;color:#AEB8BE;opacity:0;transition:opacity .15s ease}
.mst-vaga:hover .mst-tirar,.mst-vaga.sel .mst-tirar,.mst-vaga:focus-visible .mst-tirar{opacity:1}
@media (hover:none){.mst-vaga.sel .mst-tirar{opacity:1}}
.mst-acoes{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}
.mst-cont{color:#8C979E;font-weight:700;font-size:.82rem;margin-right:6px}
.mst-acoes .btn-ghost{padding:.5rem .85rem;border:1px solid var(--line);font-weight:700;font-size:.8rem;cursor:pointer;min-height:40px}
.mst-banco{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--panel)}
@media (max-width:899px){.mst-banco{border-left:0;border-top:1px solid var(--line);height:80dvh}}
.mst-dica{padding:14px 18px 8px;color:#B9C3C9;font-size:.85rem;line-height:1.45;min-height:3.4em}
.mst-filtros{display:flex;gap:4px;padding:0 18px 10px;flex-wrap:wrap}
.mst-filtros button{flex:0 0 auto;min-height:34px;font-size:.74rem}
.mst-lista{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 10px 10px;list-style:none;margin:0}
.mst-atleta{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;background:transparent;border:1px solid transparent;color:#fff;text-align:left;cursor:grab;touch-action:pan-y}
.mst-atleta:hover{border-color:var(--line);background:#0E1215}
.mst-atleta .mst-mini{width:34px;flex:0 0 34px}
.mst-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.mst-txt b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mst-txt span{font-size:.74rem;color:#8C979E}
.mst-atleta.serve{border-color:rgba(56,200,240,.35)}
.mst-serve{padding:.12rem .4rem;background:var(--cyan);color:#000;font-weight:800;font-size:.64rem}
.mst-atleta.usado{opacity:.38}
.mst-final{display:grid;gap:8px;padding:12px 18px;border-top:1px solid var(--line)}
.mst-final .btn{width:100%}
.mst-final .btn:disabled{opacity:.45;cursor:not-allowed}
.mst-aviso{color:var(--cyan);font-weight:700;font-size:.82rem;text-align:center}
.mst-fantasma{position:fixed;left:0;top:0;z-index:5;width:56px;margin:-46px 0 0 -28px;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7)) drop-shadow(0 0 14px rgba(56,200,240,.6));rotate:-6deg}
.mst.arrastando{cursor:grabbing;user-select:none}
@media (prefers-reduced-motion:reduce){.mst,.mst *{animation:none!important}}
/* ============ TRAJETÓRIA EM VÍDEO ============ */
.traj-videos{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:.22rem .5rem;border:1px solid rgba(56,200,240,.45);background:rgba(56,200,240,.08);color:var(--cyan);font-weight:700;font-size:.7rem;cursor:pointer;min-height:28px;width:max-content}
.traj-videos:hover,.traj-videos:focus-visible{background:var(--cyan);color:#000;border-color:var(--cyan)}
.caps{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.caps-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.caps-n{margin-left:8px;color:#8C979E;font-weight:600;letter-spacing:0;text-transform:none}
.caps-assistir{display:inline-flex;align-items:center;gap:8px;padding:.55rem .95rem;background:var(--cyan);color:#000;border:0;font-weight:800;font-size:.8rem;cursor:pointer;min-height:40px;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.caps-assistir:hover{filter:brightness(1.1)}
.caps-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 0 12px;padding-bottom:2px;
-webkit-mask:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.caps-chips::-webkit-scrollbar{display:none}
.caps-chips button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
.caps-chips button:last-child{margin-right:28px}
.caps-chips button{display:inline-flex;align-items:center;gap:6px;padding:.35rem .7rem;border:1px solid var(--line);background:transparent;color:#AEB8BE;font-weight:700;font-size:.78rem;cursor:pointer;min-height:36px}
.caps-chips button span{color:#8C979E;font-weight:600}
.caps-chips button[aria-selected="true"]{border-color:var(--cyan);color:#fff}
.caps-chips button[aria-selected="true"] span{color:var(--cyan)}
.cap-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;color:#8C979E;margin-bottom:10px}
.cap-cab p{min-width:0}
.cap-cab b{color:#fff}
/* vídeos do capítulo em carrossel: no celular, um vídeo e meio na tela (o pedaço do próximo convida a arrastar) */
.cap-grade{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,calc((100% - 24px) / 3));gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
scroll-snap-type:x mandatory;scroll-padding-left:0;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#2A3338 transparent}
.cap-grade::-webkit-scrollbar{height:4px}.cap-grade::-webkit-scrollbar-thumb{background:#2A3338}
.cap-grade:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.cap-item{scroll-snap-align:start}
@media (max-width:639px){.cap-grade{grid-auto-columns:76%}}
.cap-setas{display:flex;gap:4px;flex:0 0 auto}
.cap-setas button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);background:transparent;color:#E6EDF1;cursor:pointer}
.cap-setas button:hover{border-color:var(--cyan);color:var(--cyan)}
@media (hover:none){.cap-setas{display:none}}
.cap-item{display:flex;flex-direction:column;gap:4px;min-width:0}
.cap-video{display:flex;flex-direction:column;gap:7px;padding:0;background:none;border:0;color:#fff;text-align:left;cursor:pointer}
.cap-video b{font-size:.84rem;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.cap-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);
background:repeating-linear-gradient(118deg,rgba(56,200,240,.06) 0 10px,transparent 10px 22px),linear-gradient(160deg,#0C2A35,#04090C)}
.cap-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .25s ease}
.cap-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:40px;height:40px;background:var(--cyan);color:#000;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);transition:transform .2s ease}
.cap-play svg{width:15px;height:15px}
.cap-video:hover .cap-thumb img{transform:scale(1.05)}
.cap-video:hover .cap-play,.cap-video:focus-visible .cap-play{transform:scale(1.12)}
.cap-video:hover .cap-thumb{border-color:var(--cyan)}
.cap-credito{font-size:.7rem;color:#7D888F;line-height:1.4}
.cap-credito a,.cap-credito span{color:#9AA5AB;text-decoration:underline;text-decoration-color:rgba(154,165,171,.4);text-underline-offset:2px}
.cap-credito span{text-decoration:none}
.cap-credito a:hover{color:var(--cyan)}
.gc-legenda .gc-assistir{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:.3rem .6rem;width:max-content;border:1px solid rgba(56,200,240,.5);background:transparent;color:var(--cyan);font-weight:700;font-size:.72rem;cursor:pointer;min-height:32px}
.gc-legenda .gc-assistir:hover{background:var(--cyan);color:#000}
/* modo documentário */
.doc{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:rgba(2,4,6,.985);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:env(safe-area-inset-top,0px) 14px env(safe-area-inset-bottom,0px);animation:vt-entra .25s ease both}
.doc-caixa{width:min(960px,100%);display:flex;flex-direction:column;gap:12px}
.doc-topo{display:flex;flex-direction:column;gap:10px;padding-top:10px;touch-action:pan-y}
.doc-barra{display:flex;align-items:center;gap:3px}
.doc-seg{flex:1;height:4px;border:0;padding:0;background:rgba(255,255,255,.18);cursor:pointer;position:relative}
.doc-seg::before{content:"";position:absolute;inset:-8px 0}
.doc-seg.visto{background:rgba(56,200,240,.55)}
.doc-seg.agora{background:var(--cyan);box-shadow:0 0 10px rgba(56,200,240,.6)}
.doc-sep{width:8px;flex:0 0 8px}
.doc-linha{display:flex;align-items:center;gap:12px}
.doc-cap{flex:1;font-size:.82rem;color:#AEB8BE}
.doc-cap b{color:#fff}
.doc-pos{font-size:.78rem;color:#8C979E;font-variant-numeric:tabular-nums}
.doc-fechar{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:transparent;color:#fff;cursor:pointer}
.doc-fechar:hover{border-color:var(--cyan);color:var(--cyan)}
.doc-tela{position:relative;aspect-ratio:16/9;max-height:calc(100dvh - 230px);width:100%;margin:0 auto;background:#000;border:1px solid var(--line)}
.doc-tela iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.doc-rodape{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.doc-texto{text-align:left;min-width:0}
.doc-titulo{font-family:'Barlow',sans-serif;font-weight:700;font-size:1.05rem;line-height:1.3;color:#fff}
.doc-info{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:4px 14px;margin-top:4px}
.doc-info .cap-credito{font-size:.76rem}
.doc-data{font-size:.76rem;color:#7D888F}
.doc-nav{display:flex;gap:6px;flex:0 0 auto}
.doc-btn{display:inline-flex;align-items:center;gap:6px;min-height:42px;min-width:42px;justify-content:center;padding:0 .8rem;border:1px solid var(--line);background:transparent;color:#fff;font-weight:700;font-size:.82rem;cursor:pointer}
.doc-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}
.doc-btn:disabled{opacity:.35;cursor:default}
.doc-prox{background:var(--cyan);border-color:var(--cyan);color:#000}
.doc-prox:hover:not(:disabled){color:#000;filter:brightness(1.1)}
.doc-chips{display:flex;gap:6px;flex-wrap:wrap}
.doc-chips button{padding:.35rem .7rem;border:1px solid var(--line);background:transparent;color:#AEB8BE;font-weight:700;font-size:.76rem;cursor:pointer;min-height:34px}
.doc-chips button[aria-current="true"]{border-color:var(--cyan);color:#fff}
@media (max-width:639px){.doc-rodape{flex-direction:column}.doc-nav{width:100%}.doc-prox{flex:1}.doc-tela{max-height:none}}
@media (prefers-reduced-motion:reduce){.doc{animation:none}.cap-thumb img,.cap-play{transition:none}}
.traj-videos-sel{margin:0 0 14px}
/* perfil: voltar ao topo e fechar (aparecem depois de rolar) */
.perfil-flut{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:85;display:flex;flex-direction:column;gap:10px;animation:vt-entra .2s ease both}
.perfil-flut[hidden]{display:none}
.perfil-flut button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(11,13,15,.92);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.5)}
.perfil-flut button:hover{border-color:var(--cyan);color:var(--cyan)}
.perfil-flut [data-perfil=fechar]{border-color:rgba(56,200,240,.5)}
@media (prefers-reduced-motion:reduce){.perfil-flut{animation:none}}
.perfil-flut [data-perfil=topo]{color:var(--cyan)}
/* carta acessível: o "Ver perfil" é o botão da carta e sua área de toque cobre a carta inteira;
a estrela e os pontinhos de foto ficam por cima, como botões independentes (sem botão dentro de botão) */
.card{position:relative}
button.ver-perfil{width:100%;background:none;border:0;border-top:1px solid var(--line);padding:.6rem 0 0;text-align:left;font-family:inherit;cursor:pointer}
button.ver-perfil::after{content:"";position:absolute;inset:0;z-index:2}
button.ver-perfil:focus-visible{outline:none}
.card:has(.ver-perfil:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}
.card:has(.ver-perfil:focus-visible) .ver-perfil{gap:9px}
/* a área da foto (com a estrela e os pontinhos) fica acima da área de toque do "Ver perfil";
tocar na foto continua abrindo o perfil, porque a carta inteira tem data-abrir */
.card .photo{position:relative;z-index:3}
/* ============ NAVEGAÇÃO DENTRO DO PERFIL ============ */
.pnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:0;transition:gap .35s ease,box-shadow .25s ease;padding:6px 24px;background:rgba(11,13,15,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .25s ease}
@media (min-width:768px){.pnav{padding:6px 32px}}
.pnav.presa{box-shadow:0 10px 24px rgba(0,0,0,.5)}
.pnav-nome{flex:0 0 auto;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:1.02rem;letter-spacing:.01em;text-transform:uppercase;transition:max-width .35s ease,opacity .25s ease}
@media (min-width:640px){.pnav.presa{gap:14px}.pnav.presa .pnav-nome{max-width:260px;opacity:1}}
.pnav-itens{display:flex;gap:2px;flex:1;min-width:0;margin-left:-.75rem;overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 20px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}
.pnav-itens::-webkit-scrollbar{display:none}
.pnav-itens button{position:relative;flex:0 0 auto;padding:.55rem .75rem;min-height:42px;border:0;background:transparent;color:#8C979E;font-weight:700;font-size:.8rem;letter-spacing:.02em;cursor:pointer;transition:color .2s ease}
.pnav-itens button:last-child{margin-right:16px}
.pnav-itens button:hover{color:#E6EDF1}
.pnav-itens button::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:4px;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.pnav-itens button[aria-current="true"]{color:#fff}
.pnav-itens button[aria-current="true"]::after{transform:scaleX(1)}
.pnav-itens button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
#modal-conteudo [data-secao]{scroll-margin-top:72px}
#modal-conteudo [data-secao]:focus{outline:none}
@media (prefers-reduced-motion:reduce){.pnav,.pnav-nome,.pnav-itens button,.pnav-itens button::after{transition:none}}
/* ============ CAMPANHAS (comerciais) ============ */
.campanhas{margin-top:2.2rem}
.campanhas[hidden]{display:none}
.camp-topo{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.camp-n{font-size:.8rem;color:#8C979E;font-weight:600}
.camp-grade{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#2A3338 transparent}
.camp-grade::-webkit-scrollbar{height:4px}.camp-grade::-webkit-scrollbar-thumb{background:#2A3338}
@media (max-width:639px){.camp-grade{grid-auto-columns:44%}}
.camp-card{display:flex;flex-direction:column;gap:9px;padding:0;background:none;border:0;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start}
.camp-thumb{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--line);
background:repeating-linear-gradient(118deg,rgba(56,200,240,.06) 0 10px,transparent 10px 22px),linear-gradient(160deg,#0C2A35,#04090C)}
.camp-thumb > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.camp-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 30%,transparent 60%,rgba(0,0,0,.6));pointer-events:none}
.camp-marca{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:rgba(5,7,10,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14)}
.camp-marca img{height:18px;width:auto}
.camp-marca b{font-size:.72rem;font-weight:800;letter-spacing:.04em}
.camp-thumb .cap-play{z-index:2}
.camp-card:hover .camp-thumb > img{transform:scale(1.05)}
.camp-card:hover .camp-thumb,.camp-card:focus-visible .camp-thumb{border-color:var(--cyan)}
.camp-card:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.camp-txt{display:flex;flex-direction:column;gap:2px}
.camp-txt b{font-size:.86rem;line-height:1.3}
.camp-txt span{font-size:.74rem;color:#8C979E}
.camp-perfil .camp-grade{grid-auto-columns:minmax(130px,150px)}
@media (max-width:639px){.camp-perfil .camp-grade{grid-auto-columns:40%}}
/* faixa de logos: marcas com comercial */
.marquee-trilho li.com-campanha{position:relative;cursor:pointer}
.camp-selo{position:absolute;right:6px;top:4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--cyan);color:#000;box-shadow:0 0 0 3px rgba(5,7,10,.9)}
.camp-selo svg{width:9px;height:9px}
.marquee-trilho li.com-campanha:hover img,.marquee-trilho li.com-campanha:focus-within img{filter:drop-shadow(0 0 10px rgba(56,200,240,.6))}
.camp-logo-btn{position:absolute;inset:0;z-index:2;padding:0;border:0;background:transparent;cursor:pointer}
.camp-logo-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
/* player vertical dos comerciais */
.doc.vertical .doc-caixa{width:min(440px,100%)}
.doc.vertical .doc-tela{aspect-ratio:9/16;width:auto;height:min(64dvh,720px);max-height:none;max-width:100%}
@media (min-width:640px){.doc.vertical .doc-rodape{flex-direction:row}}
.doc.vertical .doc-texto{flex:1}
.camp-perfil-btn{align-self:flex-start;padding:.5rem .9rem;border:1px solid var(--line);font-weight:700;font-size:.8rem;cursor:pointer;min-height:40px}
@media (max-width:639px){.doc.vertical .doc-tela{height:min(60dvh,640px)}}
/* o selo fica no canto do logo: nos logos quadrados (selos), pela altura conhecida do logo */
.marca-selo.com-campanha .camp-selo{right:auto;left:calc(50% + var(--hselo) / 2 - 12px);top:calc(50% - var(--hselo) / 2 - 8px)}
.marquee-trilho li.com-campanha:hover .camp-selo{transform:scale(1.15)}
.camp-selo{transition:transform .25s ease;z-index:2}
/* prévia animada da campanha: entra por cima da capa quando começa a rodar */
.camp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;pointer-events:none}
.camp-video.rodando{opacity:1}
.camp-card:hover .camp-video{transform:scale(1.05);transition:opacity .4s ease,transform .4s ease}
/* celulares muito pequenos (menos de 360 px, ex.: iPhone SE de 1ª geração): a palavra "NEXTGEN" e o traço ao lado
do símbolo somem para o cabeçalho caber na tela; o símbolo NG continua */
@media (max-width:359px){header a[aria-label="NextGen"] > span{display:none}}
@media (min-width:360px) and (max-width:374px){header .marca-nome{letter-spacing:.14em}}
/* computador: o valor da transferência vira uma etiqueta sobre a linha, no meio do trecho entre os dois clubes
(a transferência é a passagem de um clube para o outro); a palavra "Transferência" fica na dica e nos leitores de tela */
@media (min-width:768px){
.traj-parada .traj-transf{position:absolute;top:7px;left:calc(50% + 10px);transform:translate(-50%,-50%);z-index:1;margin:0;padding:2px 9px;gap:5px;
background:#0B0D0F;border:1px solid rgba(56,200,240,.4);border-radius:999px;font-size:.7rem;cursor:default}
.traj-parada .traj-transf > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.traj-parada .traj-transf svg{width:11px;height:11px}
/* fim de uma linha de 5 clubes, ou clube mais antigo: não há trecho à direita, então o valor fica na própria coluna */
.traj-parada:nth-child(5n) .traj-transf,.traj-parada:last-child .traj-transf{position:static;transform:none;margin-top:4px;align-self:flex-start}
}
/* valor da transferência aparece quando a bola da linha do tempo passa pelo trecho */
.trajetoria.trem-transf .traj-transf:not(.revelada){opacity:0;scale:.5}
.trajetoria.trem-transf .traj-transf.revelada{animation:transf-pop .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes transf-pop{0%{opacity:0;scale:.4;box-shadow:0 0 0 0 rgba(56,200,240,0)}45%{opacity:1;scale:1.18;box-shadow:0 0 18px 2px rgba(56,200,240,.55)}100%{scale:1;box-shadow:0 0 0 0 rgba(56,200,240,0)}}
/* compacto de lances depois da trajetória: um respiro em cima */
#modal-conteudo [data-secao="carreira"] + h3[data-secao="videos"]{margin-top:2rem}
/* coluna ao lado da zona de atuação: agências parceiras e, abaixo, os links de estatísticas (Transfermarkt, Sofascore) */
.campo-lado{display:flex;flex-direction:column;gap:1.6rem;min-width:0}
.externos-campo .externos-logos{justify-content:flex-start;gap:10px;margin-top:0}
.externos-campo .externos-logos a{padding:7px 14px 7px 8px}
/* celular: zona de atuação à esquerda e, ao lado, agências parceiras e estatísticas (como no computador) — menos rolagem */
@media (max-width:639px){
#modal-conteudo [data-secao="campo"]{grid-template-columns:minmax(0,128px) minmax(0,1fr);column-gap:18px;row-gap:1rem}
#modal-conteudo [data-secao="campo"] svg.campo{max-width:128px}
.campo-lado{gap:1.1rem}
.externos-campo .externos-logos{gap:8px}
.externos-campo .externos-logos a{padding:5px 9px 5px 6px;gap:8px;min-height:40px}
.externos-campo .logo-externo{height:24px}
.externos-campo .le-seta{width:12px;height:12px}
}
@media (max-width:359px){
#modal-conteudo [data-secao="campo"]{grid-template-columns:minmax(0,112px) minmax(0,1fr);column-gap:14px}
#modal-conteudo [data-secao="campo"] svg.campo{max-width:112px}
}
/* celular: o perfil sobe de baixo ao abrir e desce ao fechar (no computador continua a virada da carta) */
@keyframes perfil-sobe{from{transform:translateY(56px);opacity:0}to{transform:none;opacity:1}}
@keyframes perfil-desce{to{transform:translateY(56px);opacity:0}}
@keyframes fundo-entra{from{opacity:0}}
@keyframes fundo-sai{to{opacity:0}}
.modal-backdrop.entra{animation:fundo-entra .25s ease both}
.modal-backdrop.entra .modal-panel{animation:perfil-sobe .34s cubic-bezier(.2,.8,.3,1) both}
.modal-backdrop.sai{animation:fundo-sai .2s ease both}
.modal-backdrop.sai .modal-panel{animation:perfil-desce .2s ease-in both}
/* Quem somos: segundo parágrafo dentro do mesmo bloco de destaque */
.lede-p2{display:block;margin-top:1em}
/* campanhas com o mesmo carrossel dos atletas: setas nas laterais, sombras nas bordas e faixa de progresso */
.camp-grade{scrollbar-width:none;padding-bottom:0}
.camp-grade::-webkit-scrollbar{display:none}
.camp-wrap .car-seta{top:42%}
.camp-wrap + .carrossel-barra{margin-top:12px}
.camp-arraste{margin-top:6px}
@media (hover:hover) and (pointer:fine){
.camp-grade{cursor:grab}
.camp-grade.arrastando{cursor:grabbing;scroll-snap-type:none;user-select:none}
.camp-grade.arrastando *{pointer-events:none}
.camp-wrap::before,.camp-wrap::after{bottom:auto;height:calc(100% - 3.2rem)}
}
/* o perfil nunca rola para o lado (ex.: o "pop" do valor de transferência passando um pouco da borda) */
#modal-conteudo{overflow-x:hidden;overscroll-behavior-x:none}
/* enquanto o perfil desce para fechar (celular), os toques já passam para a página por baixo */
.modal-backdrop.sai{pointer-events:none}
/* campanha em foto: no player, a imagem inteira, sem cortes */
.doc.foto .doc-caixa{width:min(560px,100%)}
.doc.foto .doc-tela{aspect-ratio:auto;height:auto;max-height:none;display:grid;place-items:center;background:#000}
.doc.foto .doc-tela img{display:block;max-width:100%;max-height:min(66dvh,760px);width:auto;height:auto;object-fit:contain}
@media (min-width:640px){.doc.foto .doc-rodape{flex-direction:row}}
/* ============ NOSSO TIME: "NA PRÁTICA" (resultado da área, com link para a matéria) ============ */
.time-destaque{grid-column:1/-1;list-style:none;margin:16px 0 4px;padding:0}
.td-card{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid rgba(56,200,240,.45);color:inherit;text-decoration:none;
background:linear-gradient(120deg,rgba(56,200,240,.10),rgba(56,200,240,0) 55%),#080C0F;transition:border-color .2s ease,background-color .2s ease}
.td-big{display:flex;flex-direction:column;align-items:center;min-width:64px;flex:0 0 auto}
.td-num{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:2.3rem;line-height:1;color:var(--cyan);text-shadow:0 0 18px rgba(56,200,240,.35)}
.td-uni{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#AEC2CB;margin-top:2px}
.td-corpo{display:flex;flex-direction:column;gap:3px;min-width:0}
.td-rot{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.td-txt{font-size:.9rem;font-weight:600;line-height:1.35;color:#E6EDF1}
.td-fonte{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:#8C979E}
.td-fonte svg{color:var(--cyan);transition:transform .2s ease}
.td-card:hover{border-color:var(--cyan)}
.td-card:hover .td-fonte svg{transform:translate(2px,-2px)}
.td-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* computador: o texto ocupa 2 colunas e o card fica na 3ª, ao lado dele (sem aumentar a altura da seção) */
@media (min-width:1024px){
.time-lista:has(> .time-destaque) > .time-texto{grid-column:1 / span 2}
.time-destaque{grid-column:3;grid-row:1;margin:4px 0 14px;align-self:start}
.td-card{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px}
.td-big{flex-direction:row;align-items:baseline;gap:8px;min-width:0}
.td-num{font-size:2.6rem}
.td-uni{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:1.5rem;letter-spacing:0;text-transform:none;color:var(--cyan);margin:0}
.td-corpo{display:contents}
.td-rot{order:-1}.td-big{order:0}.td-txt{order:1}.td-fonte{order:2}
}
/* celular: resumo curto (2 linhas); computador e tablet: resumo completo */
.td-curto{display:none}
@media (max-width:639px){.td-card:has(.td-curto) .td-longo{display:none}.td-curto{display:inline}.td-card{gap:14px;padding:12px 14px}}
/* marca d'água do Quem somos: "20+" e "R$1BI+" se alternam no mesmo lugar */
.sobre-marca{transition:-webkit-text-stroke-color .8s ease,text-shadow .8s ease,opacity .9s ease,transform .9s ease}
.sobre-marca.oculta{opacity:0 !important;transform:translateY(14px)}
.sobre-marca2{font-size:clamp(5.2rem,13.4vw,11.6rem);top:calc(clamp(8px,2vw,24px) + clamp(1.7rem,4.6vw,4rem))}
@media (max-width:767px){.sobre-marca2{font-size:5.6rem;top:46px}}
@media (prefers-reduced-motion:reduce){.sobre-marca2{display:none}}
/* abas do Nosso time: faixa azul e bordas esmaecidas quando há mais abas para o lado */
.time-barra{margin:-4px 0 16px}
.time-abas.tem-depois{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.time-abas.tem-antes{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
.time-abas.tem-antes.tem-depois{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}
/* "Ver todos os atletas" e "Monte seu time": sempre lado a lado e com a mesma altura.
No celular, cada um ocupa metade da largura (textos longos quebram em duas linhas dentro do botão). */
.atletas-acoes{display:flex;flex-wrap:nowrap;align-items:stretch;gap:.6rem}
.atletas-acoes .btn{margin:0}
@media (max-width:639px){
.atletas-acoes .btn{flex:1 1 0;min-width:0;justify-content:center;text-align:center;white-space:normal;line-height:1.2;padding-left:.75rem;padding-right:.75rem}
.atletas-acoes .btn svg{flex:0 0 auto}
}
/* "Na prática" em forma de depoimento (Análise tática): frase do atleta + dado + links das matérias */
.td-card.td-cit{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}
.td-frase{margin:0;padding:0;border:0}
.td-frase p{margin:0;font-size:.95rem;font-style:italic;font-weight:500;line-height:1.45;color:#E6EDF1}
.td-frase footer{margin-top:6px;font-size:.76rem;color:#8C979E}
.td-extra{font-size:.8rem;color:#AEC2CB}
.td-extra b{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:1.05rem;letter-spacing:.01em;color:var(--cyan)}
.td-fontes{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.td-fontes a{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:#C9D4DA;text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:4px 9px;transition:border-color .2s ease,color .2s ease}
.td-fontes a svg{color:var(--cyan)}
.td-fontes a:hover{border-color:var(--cyan);color:#fff}
.td-fontes a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media (min-width:1024px){.td-card.td-cit{padding:16px 18px}.td-frase p{font-size:1rem}}
/* "Na prática" com resultado em texto (ex.: "Volante artilheiro"): mesmo desenho do card com número da Performance */
.td-palavra{display:block;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:1.2rem;line-height:1.05;text-align:center;
color:var(--cyan);text-shadow:0 0 18px rgba(56,200,240,.35);max-width:5.5rem}
/* celular e tablet: a coluna da esquerda tem a mesma largura nos dois cards, para os textos começarem no mesmo ponto */
@media (max-width:1023px){.td-big{width:5.5rem;min-width:5.5rem}}
.td-links{flex-wrap:wrap;gap:4px 14px}
.td-links a{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;transition:color .2s ease}
.td-links a:hover{color:#fff}
.td-links a:hover svg{transform:translate(2px,-2px)}
.td-links a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media (min-width:1024px){.td-palavra{font-size:2.2rem;text-align:left;max-width:none}}
/* números por categoria (atletas da base): etiqueta ao lado do clube e linhas por categoria */
.nums-tag{margin-left:2px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#AEC2CB;border:1px solid rgba(255,255,255,.18);padding:1px 6px;white-space:nowrap}
.nums-tabela tbody tr.nums-cat th{font-weight:500;font-size:.8rem;color:#9AA9B1;padding-left:34px}
.nums-tabela tbody tr.nums-cat th small{font-size:.72rem;color:#73828A}
.nums-tabela tbody tr.nums-cat td{font-size:.84rem;color:#9AA9B1;font-weight:500}
.nums-tabela tbody tr.nums-cat th,.nums-tabela tbody tr.nums-cat td{padding-top:6px;padding-bottom:6px;border-top-color:rgba(255,255,255,.04)}
@media (max-width:639px){.nums-tabela tbody tr.nums-cat th{padding-left:26px}}
/* ============ CELULAR: ajustes de usabilidade (out/2026) ============ */
/* "Ver perfil" sempre no rodapé da carta, alinhado entre cartas vizinhas (mesmo quando o nome ocupa duas linhas) */
.card > .p-3\.5{flex:1;display:flex;flex-direction:column}
.card > .p-3\.5 > p.truncate{margin-bottom:.7rem}
.card .ver-perfil{margin-top:auto}
/* sócios: o ícone do Instagram fica na mesma altura nos três, mesmo com nome em duas linhas */
.socio-ig{margin-top:auto}
/* abas de vídeo do perfil numa linha só, rolando para o lado (antes empilhavam no celular) */
.video-abas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.video-abas::-webkit-scrollbar{display:none}
.video-aba{flex:0 0 auto;white-space:nowrap}
/* faixas que rolam para o lado: esfumaçado só na borda em que ainda há conteúdo */
.fx{--fe:0px;--fd:0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fe),#000 calc(100% - var(--fd)),transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 var(--fe),#000 calc(100% - var(--fd)),transparent 100%)}
.fx.fx-esq{--fe:28px}.fx.fx-dir{--fd:36px}
.pnav-itens.fx{-webkit-mask:none;mask:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fe),#000 calc(100% - var(--fd)),transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 var(--fe),#000 calc(100% - var(--fd)),transparent 100%)}
/* botão "voltar ao topo": menor no celular e com entrada suave */
@media (hover:none), (pointer:coarse){
.ao-topo{width:40px;height:40px;animation:ao-topo-in .2s ease}
@keyframes ao-topo-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
/* dica de rolagem no topo (celular): seta que convida a descer; some ao rolar */
.dica-rolar{position:fixed;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px));z-index:40;display:none;place-items:center;width:44px;height:44px;
margin-left:-22px;color:var(--cyan);text-decoration:none;transition:opacity .3s ease,transform .3s ease}
.dica-rolar svg{filter:drop-shadow(0 0 8px rgba(56,200,240,.6))}
.dica-rolar.some{opacity:0;transform:translateY(10px);pointer-events:none}
@media (max-width:767px){.dica-rolar{display:grid}}
@media (prefers-reduced-motion:no-preference){.dica-rolar:not(.some) svg{animation:dica-pulo 1.8s ease-in-out infinite}}
@keyframes dica-pulo{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
body.elenco-aberto .dica-rolar,body.modal-aberto .dica-rolar{display:none}
/* cabeçalho do elenco no celular: título numa linha; a contagem já aparece no "Total" do resumo */
@media (max-width:479px){#elenco-titulo{white-space:nowrap;font-size:.95rem}#contador{display:none}#elenco-titulo + #contador + *{margin-left:auto}}
/* alvos de toque pequenos no celular: área mínima de 44 px sem mudar o visual */
@media (hover:none), (pointer:coarse){
#voltar,#limpar{min-height:44px}
.estrela{min-width:40px;min-height:40px}
}
/* cópia da carta que voa para o centro na virada do celular */
.carta-voando{position:fixed;z-index:120;margin:0;pointer-events:none;transform-origin:50% 50%;backface-visibility:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(56,200,240,.25)}
/* barra de ações fixa do perfil (celular) */
.perfil-barra{position:fixed;left:0;right:0;bottom:0;z-index:86;display:flex;gap:10px;
padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
background:rgba(5,7,10,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(56,200,240,.28);
animation:pb-sobe .3s .15s cubic-bezier(.2,.8,.3,1) both}
.perfil-barra[hidden]{display:none}
.perfil-barra .btn{min-height:48px;padding:.7rem 1rem;font-size:.92rem;cursor:pointer}
.perfil-barra .btn-primary{flex:1.5}
.perfil-barra .btn-ghost{flex:1;background:rgba(255,255,255,.03)}
.perfil-barra .btn:active{transform:scale(.97)}
@keyframes pb-sobe{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.perfil-barra{animation:none}}
html.com-barra-perfil #modal-conteudo{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
html.com-barra-perfil .perfil-flut{bottom:calc(80px + env(safe-area-inset-bottom))}
.perfil-aviso{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:87;transform:translateX(-50%);padding:.55rem .9rem;
background:#0B1218;border:1px solid var(--cyan);color:#fff;font-size:.85rem;font-weight:700;white-space:nowrap;animation:vt-entra .2s ease both}
.perfil-aviso[hidden]{display:none}
/* setas nas faixas de abas que rolam para o lado */
.fx-caixa{position:relative;min-width:0}
.fx-seta{position:absolute;z-index:3;width:30px;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--cyan);cursor:pointer;
-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 6px rgba(56,200,240,.55))}
.fx-seta svg{width:26px;height:26px;padding:5px;border:1px solid rgba(56,200,240,.6);background:rgba(0,0,0,.85);box-sizing:border-box}
.fx-seta[hidden]{display:none}
.fx-seta:active svg{background:var(--cyan);color:#000}
/* elenco no celular: botão "Filtrar" flutuante e gaveta de filtros */
.ff-grupo{position:fixed;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:60;transform:translateX(-50%);display:flex;gap:8px;
animation:ff-entra .25s cubic-bezier(.2,.8,.3,1) both}
.ff-grupo[hidden]{display:none}
.ff-grupo .filtro-flut{position:static;transform:none;animation:none}
.ff-grupo .filtro-flut:active{transform:scale(.96)}
.ff-grupo .filtro-flut{white-space:nowrap}
.ff-grupo .filtro-flut svg{flex:0 0 auto}
.ff-grupo .pdf-flut{background:#0B0F12;color:#fff;border:1px solid var(--cyan)}
.ff-grupo .pdf-flut:disabled{opacity:.8;cursor:progress}
.filtro-flut{position:fixed;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:60;transform:translateX(-50%);
display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:.65rem 1.2rem;border:0;background:var(--cyan);color:#000;
font-weight:800;font-size:.92rem;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.6),0 0 22px rgba(56,200,240,.35);
animation:ff-entra .25s cubic-bezier(.2,.8,.3,1) both;-webkit-tap-highlight-color:transparent}
.filtro-flut[hidden]{display:none}
.filtro-flut:active{transform:translateX(-50%) scale(.96)}
.filtro-flut .ff-n{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#000;color:var(--cyan);font-size:.78rem}
.filtro-flut .ff-n[hidden]{display:none}
@keyframes ff-entra{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translateX(-50%)}}
.filtro-gaveta{position:fixed;inset:0;z-index:90}
.filtro-gaveta[hidden]{display:none}
.fg-fundo{position:absolute;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.fg-painel{position:absolute;left:0;right:0;bottom:0;max-height:86vh;max-height:86dvh;display:flex;flex-direction:column;background:#080C0F;
border-top:1px solid rgba(56,200,240,.45);box-shadow:0 -12px 40px rgba(0,0,0,.6)}
.filtro-gaveta.entra .fg-fundo{animation:vt-entra .22s ease both}
.filtro-gaveta.entra .fg-painel{animation:fg-sobe .3s cubic-bezier(.2,.8,.3,1) both}
@keyframes fg-sobe{from{transform:translateY(100%)}to{transform:none}}
.fg-alca{display:block;width:40px;height:4px;margin:8px auto 0;border-radius:2px;background:rgba(255,255,255,.22)}
.fg-topo{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 4px}
.fg-titulo{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:1.35rem;letter-spacing:.01em;text-transform:uppercase;color:#fff}
.fg-x{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:0;background:none;color:#C9D2D7;cursor:pointer}
.fg-corpo{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 18px 14px}
.fg-rot{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8C979E;margin:4px 0 8px}
.fg-pos{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin-bottom:16px}
.fg-pos button{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:48px;padding:6px 4px;border:1px solid var(--line);background:#05070A;color:#AEB8BE;cursor:pointer}
.fg-pos button span{font-size:.68rem;font-weight:700;letter-spacing:.06em}
.fg-pos button b{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:1.05rem;color:var(--cyan)}
.fg-pos button.ativo{border-color:var(--cyan);background:rgba(56,200,240,.12);color:#fff}
.fg-pos button.vazio{opacity:.4}
.fg-campos #filtros2{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:8px}
.fg-pe{display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#05070A}
.fg-pe .btn{min-height:48px;cursor:pointer}
.fg-pe .btn-ghost{flex:0 0 auto}
.fg-pe .btn-primary{flex:1}
/* computador e tablet: a gaveta de filtros abre pela lateral direita */
@media (min-width:768px){
.fg-painel{top:0;left:auto;width:min(420px,92vw);max-height:none;border-top:0;border-left:1px solid rgba(56,200,240,.45);box-shadow:-12px 0 40px rgba(0,0,0,.6)}
.filtro-gaveta.entra .fg-painel{animation:fg-lado .32s cubic-bezier(.2,.8,.3,1) both}
.fg-alca{display:none}
.fg-topo{padding:18px 22px 6px}.fg-corpo{padding:8px 22px 16px}.fg-pe{padding:14px 22px}
.filtro-flut{bottom:24px}
.filtro-flut:hover{filter:brightness(1.08)}
}
@keyframes fg-lado{from{transform:translateX(100%)}to{transform:none}}
/* celular: com a "Minha lista" aberta no canto direito, o "Filtrar" sai do centro e fica à esquerda dela
(deixando livre o lugar do botão de voltar ao topo, no canto esquerdo), para os dois nunca se sobreporem */
@media (max-width:767px){
body:has(#lista-flutuante:not([hidden])) .ff-grupo{left:max(66px,calc(env(safe-area-inset-left) + 66px));transform:none;animation:ff-entra-lado .25s cubic-bezier(.2,.8,.3,1) both}
.ff-grupo .filtro-flut{padding:.65rem .95rem}
}
@keyframes ff-entra-lado{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* fundo que escurece a página enquanto a carta voa (antes de o perfil aparecer) */
.carta-fundo{position:fixed;inset:0;z-index:79;background:rgba(0,0,0,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;animation:fundo-entra .3s ease both}
/* campanha em foto com duas imagens: a segunda aparece e some devagar sobre a primeira (no card e ao abrir) */
.camp-alterna .cap-alt{animation:foto-alterna 9s ease-in-out infinite}
.foto-alterna{display:grid;place-items:center;width:100%}
.foto-alterna > img{grid-area:1 / 1}
.foto-alterna .foto-alt{animation:foto-alterna 9s ease-in-out infinite}
@keyframes foto-alterna{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.camp-alterna .cap-alt,.foto-alterna .foto-alt{animation:none;opacity:0}}
/* segunda foto deitada (panorâmica) no card: entra ampliada mostrando o começo da foto e desliza devagar até o outro
lado enquanto está visível (efeito "Ken Burns"), em vez de aparecer pequena com bordas desfocadas */
.camp-alterna .cap-alt.cap-pan{animation:foto-alterna 9s ease-in-out infinite,foto-pan 9s linear infinite;transform-origin:50% 50%}
.camp-card:hover .camp-thumb > img.cap-pan{transform:none}
@keyframes foto-pan{
0%,36%{object-position:8% 50%;transform:scale(1.04)}
92%{object-position:88% 50%;transform:scale(1.14)}
100%{object-position:88% 50%;transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.camp-alterna .cap-alt.cap-pan{animation:none;opacity:0}}
/* campanha com várias fotos (card e visualizador) */
.camp-multi .cm-img{opacity:0;transition:opacity .5s ease;will-change:transform}
.camp-multi .cm-img.ativa{opacity:1}
.foto-multi .fm-img{opacity:0;transition:opacity .5s ease}
.foto-multi .fm-img.ativa{opacity:1}
/* fotos do atleta no perfil */
.galeria{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.galeria::-webkit-scrollbar{display:none}
.gal-item{position:relative;flex:0 0 46%;aspect-ratio:4/5;padding:0;border:1px solid var(--line);background:#05070A;overflow:hidden;cursor:zoom-in;scroll-snap-align:start}
@media (min-width:640px){.gal-item{flex-basis:31%}}
.gal-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.gal-item:hover img{transform:scale(1.04)}
.gal-item:hover,.gal-item:focus-visible{border-color:var(--cyan)}
.gal-leg{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;font-size:.72rem;font-weight:700;line-height:1.25;color:#fff;text-align:left;
background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))}
.gal-tela{position:fixed;inset:0;z-index:130;display:grid;place-items:center}
.gal-tela[hidden]{display:none}
.gal-fundo{position:absolute;inset:0;background:rgba(2,4,6,.985);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gal-tela.entra .gal-fundo{animation:vt-entra .2s ease both}
.gal-tela.entra .gal-fig{animation:vt-entra .25s ease both}
.gal-fig{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(94vw,1100px)}
.gal-fig img{max-width:100%;max-height:calc(100dvh - 130px);object-fit:contain;display:block}
.gal-fig figcaption{font-size:.85rem;font-weight:600;color:#C9D4DA;text-align:center;padding:0 12px}
.gal-cont{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;font-size:.8rem;font-weight:700;color:#8C979E}
.gal-bt{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(56,200,240,.5);background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.gal-bt[hidden]{display:none}
.gal-bt:hover{border-color:var(--cyan);color:var(--cyan)}
.gal-x{top:max(10px,env(safe-area-inset-top));right:10px}
.gal-ant{left:10px;top:50%;transform:translateY(-50%)}
.gal-prox{right:10px;top:50%;transform:translateY(-50%)}
/* imagem que não carregou: nada de ícone quebrado nem texto alternativo solto */
img.img-falhou{visibility:hidden}
.photo.sem-foto .esqueleto,.photo.sem-foto .holo{display:none}
/* ============ AJUSTES (nov/2026) ============ */
/* capas das campanhas em 9:16 sem depender de aspect-ratio dentro de botão (o Safari do iPad pode zerar a altura) */
.camp-thumb{width:100%;height:0;padding-bottom:177.7778%;aspect-ratio:auto;flex:0 0 auto}
/* apresentação em carrossel: os slides ficam lado a lado e a faixa desliza (o dedo arrasta o slide junto) */
.apr-trilho{flex:1;min-width:0;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
scrollbar-width:none;-webkit-overflow-scrolling:touch}
.apr-trilho::-webkit-scrollbar{display:none}
.apr-trilho > .apr-slide{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;animation:none}
.apr-trilho.arrastando{scroll-snap-type:none;cursor:grabbing;user-select:none}
@media (hover:hover) and (pointer:fine){.apr-trilho{cursor:grab}}
.apr-barra i{transition:width .12s linear}
/* apresentação: a primeira tela é a do dossiê (gerar o PDF ou começar) */
.apr-abertura .apr-acoes .btn:disabled{opacity:.75;cursor:progress}
/* janela "PDF pronto": compartilhar, baixar ou abrir */
.pdf-folha{position:fixed;inset:0;z-index:4000;display:flex;align-items:flex-end;justify-content:center}
.pf-fundo{position:absolute;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:vt-entra .22s ease both}
.pf-painel{position:relative;width:100%;max-width:520px;padding:0 20px calc(20px + env(safe-area-inset-bottom));background:#080C0F;border-top:1px solid rgba(56,200,240,.45);
box-shadow:0 -12px 40px rgba(0,0,0,.6);animation:fg-sobe .3s cubic-bezier(.2,.8,.3,1) both}
.pf-topo{display:flex;align-items:center;gap:14px;padding:14px 0 16px}
.pf-ico{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;background:rgba(56,200,240,.12);color:var(--cyan);border:1px solid rgba(56,200,240,.35)}
.pf-txt{flex:1;min-width:0}
.pf-tit{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:1.4rem;text-transform:uppercase;color:#fff;margin:0;line-height:1.1}
.pf-sub{margin:4px 0 0;font-size:.8rem;color:#8C979E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-x{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:0;background:none;color:#C9D2D7;cursor:pointer;align-self:flex-start}
.pf-nota{margin:0 0 14px;padding:10px 12px;font-size:.8rem;line-height:1.45;color:#C9D2D7;background:#0B1418;border-left:3px solid var(--cyan)}
.pf-acoes{display:grid;gap:10px}
.pf-acoes .btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:100%;cursor:pointer;font-size:.98rem}
@media (min-width:768px){
.pdf-folha{align-items:center}
.pf-painel{border:1px solid rgba(56,200,240,.45);padding:6px 24px 24px;animation:aprEntra .25s ease both}
.pdf-folha .fg-alca{display:none}
}
@media (prefers-reduced-motion:reduce){.pf-fundo,.pf-painel,.ff-grupo{animation:none}}