/* Destaque do último jogo (usa as cores do style.css, com valores de reserva) */
.destaque{margin-bottom:2rem;padding:1.4rem 1.1rem;text-align:center;border-radius:var(--raio,20px);border:1px solid var(--linha,#ffffff1f);
  background:radial-gradient(500px 220px at 50% 0,#e2a01922,transparent 70%),var(--vidro,#ffffff0d)}
.d-topo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.1rem}
.d-topo small{color:var(--suave,#9fb0cc)}
.d-selo{padding:.25rem .85rem;border-radius:999px;font-weight:700;font-size:.8rem;background:var(--ouro,#e2a019);color:#07142b}
.derrota .d-selo{background:#d92525;color:#fff}
.empate .d-selo{background:#9fb0cc}
.d-placar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}
.d-time{display:grid;justify-items:center;gap:.5rem;min-width:0}
.d-time img,.d-sigla{width:64px;height:64px;object-fit:contain}
.d-sigla{display:grid;place-items:center;border-radius:50%;border:2px solid var(--linha,#ffffff1f);font:900 1.1rem Cinzel,serif;color:var(--ouro2,#f6c453)}
.d-time strong{font:700 .95rem Cinzel,serif;overflow-wrap:anywhere}
.d-gols{display:flex;align-items:center;gap:.4rem;font-family:Cinzel,serif}
.d-gols b{font-size:clamp(2.2rem,11vw,4rem);font-weight:900;line-height:1;color:var(--ouro2,#f6c453)}
.d-gols i{font-style:normal;color:var(--suave,#9fb0cc)}
.d-info{margin-top:1.1rem;font-size:.9rem;color:var(--suave,#9fb0cc)}
.d-quem,.d-resumo{margin-top:.6rem;font-size:.95rem}
.d-resumo{max-width:36rem;margin-inline:auto;color:var(--suave,#9fb0cc)}
.d-foto{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-top:1.1rem}
.jogo .competicao{display:inline-block;margin-bottom:.5rem;padding:.15rem .7rem;border-radius:999px;border:1px solid var(--ouro,#e2a019);color:var(--ouro2,#f6c453);font-size:.72rem;font-weight:700}
@media (min-width:720px){.destaque{padding:2rem}.d-time img,.d-sigla{width:84px;height:84px}}

/* Destaque do último jogo (jogador) */
.dj{display:grid;gap:.9rem;justify-items:center;text-align:center;padding:.9rem;width:fit-content;max-width:100%;margin-inline:auto;border-radius:var(--raio,20px);border:1px solid var(--linha,#ffffff1f);
  background:radial-gradient(420px 260px at 50% 0,#e2a01922,transparent 70%),var(--vidro,#ffffff0d)}
.dj-foto{position:relative;width:280px;max-width:100%;aspect-ratio:2/3;border-radius:16px;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(160deg,#14377a,#07142b);font:900 6rem Cinzel,serif;color:transparent;-webkit-text-stroke:2px var(--ouro,#e2a019)}
.dj-foto img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.dj-num{position:absolute;right:.6rem;bottom:.6rem;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;
  background:var(--ouro,#e2a019);color:#07142b;-webkit-text-stroke:0;font:900 1.1rem Cinzel,serif}
.dj-nome{font:900 clamp(1.7rem,7vw,2.3rem) Cinzel,serif;line-height:1.1}
.dj-apelido{color:var(--suave,#9fb0cc)}
.dj-stats{display:flex;gap:1.5rem;justify-content:center;margin-top:.6rem}
.dj-stats b{display:block;font:900 2.8rem Cinzel,serif;line-height:1;color:var(--ouro2,#f6c453)}
.dj-stats span{font-size:.85rem;color:var(--suave,#9fb0cc)}
.dj-jogo{margin-top:.7rem;max-width:16rem;font-size:.85rem;color:var(--suave,#9fb0cc)}
@media (min-width:720px){.dj{grid-template-columns:auto auto;justify-items:start;text-align:left;align-items:center;gap:1.5rem;padding:1.1rem 1.6rem 1.1rem 1.1rem}.dj-stats{justify-content:flex-start}.dj-foto{width:300px}}
#destaque-jogador h2{text-align:center}

/* ===== Ajustes fluidos para celular (tamanhos que acompanham a largura da tela) ===== */
@media (max-width:719px){
  .secao{padding-block:clamp(2.5rem,9vw,3.5rem)}
  h2{font-size:clamp(1.55rem,7vw,2.2rem)}
  .hero-escudo{width:clamp(130px,46vw,220px)}
  .abas button{min-height:44px}
  .atleta{flex-basis:min(70%,250px)}
  .atleta .foto{font-size:clamp(4rem,24vw,6rem)}
  .destaque{padding-inline:clamp(.8rem,4vw,1.1rem)}
  .d-time img,.d-sigla{width:clamp(48px,15vw,64px);height:clamp(48px,15vw,64px)}
  .dj-foto{width:min(76vw,280px);max-height:62svh;font-size:clamp(4.5rem,24vw,6rem)}
  .dj-stats b{font-size:clamp(2.2rem,11vw,2.8rem)}
}
@media (max-width:359px){
  .menu a{font-size:.66rem}
  .relogio b{font-size:1.4rem}
  .numeros{gap:1.25rem}
}
@media (orientation:landscape) and (max-height:480px){
  .hero{min-height:auto;padding-block:4.5rem 3rem}
  .dj-foto{max-height:80svh}
}

/* Botão de compartilhar o card do jogador */
.dj-share{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;min-height:44px;padding:.6rem 1.3rem;
  border-radius:999px;border:1px solid var(--ouro,#e2a019);background:transparent;color:var(--ouro2,#f6c453);font:700 .9rem Montserrat,sans-serif;
  cursor:pointer;transition:background .2s,color .2s}
.dj-share:hover{background:var(--ouro,#e2a019);color:#07142b}
.dj-share:disabled{opacity:.6;cursor:wait}
@media (max-width:719px){.dj>div:last-child{width:100%}.dj-share{width:100%}}

/* Compartilhar: ícone no canto do card (computador) e menu de destinos */
.dj{position:relative}
.dj-menu,.nt-menu{display:grid;gap:.15rem;min-width:15rem;padding:.4rem;border-radius:16px;border:1px solid var(--linha,#ffffff1f);
  background:rgba(10,24,52,.96);backdrop-filter:blur(14px);box-shadow:0 18px 40px #0009;z-index:5}
.dj-menu[hidden],.nt-menu[hidden]{display:none}
.dj-menu a,.dj-menu button,.nt-menu a,.nt-menu button{display:block;width:100%;text-align:left;padding:.7rem .8rem;border:0;border-radius:10px;background:none;
  color:var(--texto,#f4efe3);font:500 .9rem Montserrat,sans-serif;text-decoration:none;cursor:pointer}
.dj-menu a:hover,.dj-menu button:hover,.dj-menu a:focus-visible,.dj-menu button:focus-visible,.nt-menu a:hover,.nt-menu button:hover,.nt-menu a:focus-visible,.nt-menu button:focus-visible{background:#ffffff14}
@media (min-width:720px){
  .dj-share{position:absolute;right:.9rem;bottom:.9rem;width:44px;height:44px;min-height:0;margin:0;padding:0}
  .dj-menu{position:absolute;right:.9rem;bottom:4rem}
}
@media (max-width:719px){.dj-menu{margin-top:.6rem}}

/* Foto do elenco do ano */
.foto-elenco{margin:0 0 1.75rem}
.fe-moldura{padding:6px;border:1px solid transparent;border-radius:22px;box-shadow:0 0 0 4px transparent,0 0 0 5px transparent;transition:border-color .4s,box-shadow .4s}
.fe-moldura:active,.fe-moldura.toque{border-color:var(--ouro,#e2a019);box-shadow:0 0 0 4px #050d1c,0 0 0 5px #e2a01955}
@media (hover:hover){.fe-moldura:hover{border-color:var(--ouro,#e2a019);box-shadow:0 0 0 4px #050d1c,0 0 0 5px #e2a01955}}
.fe-miolo{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#14377a,#07142b)}
.fe-miolo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.fe-ano{position:absolute;inset:auto 0 0 0;display:flex;align-items:baseline;gap:.6rem;padding:3rem 1.1rem .9rem;
  background:linear-gradient(transparent,rgba(5,13,28,.92))}
.fe-ano small{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro2,#f6c453)}
.fe-ano b{font:900 clamp(2.4rem,11vw,4.2rem) Cinzel,serif;line-height:1;color:var(--ouro2,#f6c453)}
.sem-foto .fe-ano{inset:0;display:grid;place-content:center;justify-items:center;gap:0;padding:0;background:none}
.sem-foto .fe-ano b{font-size:clamp(4rem,22vw,8rem);color:transparent;-webkit-text-stroke:2px var(--ouro,#e2a019)}
.foto-elenco figcaption{margin-top:.8rem;text-align:center;font-size:.85rem;color:var(--suave,#9fb0cc)}
@media (max-width:719px){.fe-miolo{aspect-ratio:5/4}.fe-ano{padding:2.5rem .9rem .7rem}}

/* Primeiro card do carrossel do elenco não gruda na borda da tela */
.grade{scroll-padding-inline:1.25rem}

/* Foto do elenco: mostra a foto inteira (mais distante), com fundo desfocado nas sobras */
.fe-miolo .fe-foto{object-fit:contain}
.fe-miolo.cobrir .fe-foto{object-fit:cover}
.fe-miolo .fe-fundo{inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(24px) brightness(.55);pointer-events:none}

/* Notícias: foto opcional enquadrada e botão de compartilhar */
.noticia{position:relative;padding-bottom:3.6rem}
.nt-foto{aspect-ratio:16/9;margin-bottom:1rem;border-radius:14px;overflow:hidden;border:1px solid var(--linha,#ffffff1f);background:linear-gradient(160deg,#14377a,#07142b)}
.nt-foto img{display:block;width:100%;height:100%;object-fit:cover}
.nt-share{position:absolute;right:.9rem;bottom:.9rem;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;
  border:1px solid var(--ouro,#e2a019);background:transparent;color:var(--ouro2,#f6c453);cursor:pointer;transition:background .2s,color .2s}
.nt-share:hover{background:var(--ouro,#e2a019);color:#07142b}
.nt-menu{position:absolute;right:.9rem;bottom:4rem;z-index:5}
@media (min-width:720px){.nt-foto{aspect-ratio:2/1}}

/* Carrossel das notícias: cards do mesmo tamanho; sem foto mostra o escudo no lugar */
.carrossel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -1.25rem;padding:.6rem 1.25rem 1rem;
  scroll-padding-inline:1.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carrossel::-webkit-scrollbar{display:none}
.carrossel .noticia{flex:0 0 min(86%,360px);scroll-snap-align:start;display:flex;flex-direction:column}
.carrossel .nt-foto{aspect-ratio:16/9;flex:none}
.nt-foto.sem{display:grid;place-items:center;background:radial-gradient(260px 160px at 50% 40%,#e2a01926,transparent 70%),linear-gradient(160deg,#14377a,#07142b)}
.nt-foto.sem img{width:32%;max-width:110px;height:auto;object-fit:contain;opacity:.9}
.car-ctrl{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.3rem}
.car-seta{width:40px;height:40px;border-radius:50%;border:1px solid var(--linha,#ffffff1f);background:var(--vidro,#ffffff0d);color:var(--texto,#f4efe3);
  font:400 1.5rem/1 Montserrat,sans-serif;cursor:pointer;transition:border-color .2s,color .2s}
.car-seta:hover{border-color:var(--ouro,#e2a019);color:var(--ouro2,#f6c453)}
.car-pontos{display:flex}
.car-pontos button{position:relative;width:22px;height:28px;padding:0;border:0;background:none;cursor:pointer}
.car-pontos button::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:99px;translate:-50% -50%;background:#ffffff40;transition:width .25s,background .25s}
.car-pontos button.ativo::before{width:20px;background:var(--ouro,#e2a019)}
@media (hover:none){.car-seta{display:none}}

/* Arrastar com o mouse no computador (carrossel de notícias e elenco). No celular nada muda */
@media (hover:hover){.carrossel,.grade{cursor:grab}}
.carrossel img,.grade img{-webkit-user-drag:none}
.arrastando{cursor:grabbing!important;scroll-snap-type:none!important;-webkit-user-select:none;user-select:none}
.arrastando>*{pointer-events:none}

/* Elenco: a foto tem tamanho fixo (4:5) e a imagem só preenche; assim o card não cresce quando a foto carrega ao rolar */
.atleta .foto{position:relative;overflow:hidden}
.atleta .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}