/* ===== Página de links · Academia Guardiães Estelares (padrão Carol, 16/10/2026)
   Azul noite e dourado (paleta da comunidade). Céu estrelado vivo: estrelas que correm devagar,
   estrela cadente e brilho que respira atrás da estrela. Celular primeiro. ===== */
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/spectral-normal-600.woff2) format('woff2')}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/spectral-italic-400.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/libre-franklin-normal-100-900.woff2) format('woff2')}

:root{
  --deep:#04193F; --mid:#0A3572; --light:#14559E;
  --gold:#E8B93C; --gold-soft:#F2D27A; --gold-deep:#A8842F;
  --horizon:#AAD9F3; --ink:#F2F7FD; --dim:#C3D8F0; --faint:#8AAAD2;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100svh;color:var(--ink);font-family:'Libre Franklin',system-ui,sans-serif;font-size:1rem;line-height:1.5;
  background:radial-gradient(120% 70% at 50% -5%,#14559E 0%,#0A3572 38%,#04193F 75%,#020F29 100%) fixed,#04193F;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}

/* céu: luz que respira no alto, parada no celular (sem camada com máscara: no iPhone vira quadradinho) */
.ceu{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 40% at 50% 12%,rgba(232,185,60,.16),rgba(170,217,243,.06) 55%,rgba(4,25,63,0) 80%)}
#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}

.pag{position:relative;z-index:2;width:min(100% - 3rem,42rem);margin:0 auto;padding:clamp(2.4rem,7vh,4rem) 0 3rem}

/* topo: estrela, nome, marca */
.topo{text-align:center;display:grid;justify-items:center;gap:.8rem;margin-bottom:1.8rem}
.topo__estrela{position:relative;width:clamp(6.8rem,30vw,8.6rem)}
.topo__estrela::before{content:"";position:absolute;inset:-28%;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,rgba(232,185,60,.34),rgba(242,210,122,.12) 55%,rgba(4,25,63,0) 78%);
  animation:respira 7s ease-in-out infinite}
.topo__estrela img{width:100%;height:auto;filter:drop-shadow(0 6px 22px rgba(232,185,60,.35))}
@keyframes respira{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
h1{margin:.2rem 0 0;font-family:'Spectral',Georgia,serif;font-weight:600;font-size:clamp(2.1rem,9.5vw,2.75rem);line-height:1.08;letter-spacing:-.01em;
  background:linear-gradient(135deg,#FFF6DA 10%,#F2D27A 50%,#E8B93C 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.topo__academia{width:min(72%,16.5rem);height:auto;opacity:.95}

/* cards quadrados lado a lado (Carol, 16/10): 2 por linha no celular, 3 no computador; bate o olho em tudo sem rolar muito */
.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.card{flex:0 1 calc((100% - .75rem) / 2);min-width:0}
@media (min-width:700px){.cards{gap:.9rem}.card{flex-basis:calc((100% - 1.8rem) / 3)}}
.card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.55rem;text-align:center;
  min-height:9.6rem;padding:1.05rem .8rem .95rem;border-radius:16px;text-decoration:none;color:var(--ink);
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 60%);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 40px -24px rgba(1,8,24,.95),0 2px 6px -2px rgba(1,8,24,.5);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
/* a última linha incompleta fica no meio (flex com justify-content:center) */
.card:hover,.card:focus-visible{transform:translateY(-3px);border-color:rgba(232,185,60,.65);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 26px 46px -22px rgba(1,8,24,.95),0 0 26px -10px rgba(232,185,60,.55)}
.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.card__ic{width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;flex:none;
  background:radial-gradient(circle at 35% 30%,rgba(242,210,122,.22),rgba(232,185,60,.06) 70%);
  border:1px solid rgba(232,185,60,.45)}
.card__ic svg{width:1.4rem;height:1.4rem;color:var(--gold)}
.card__txt{min-width:0;width:100%}
.card__t{display:block;font-weight:700;font-size:.98rem;line-height:1.25;text-wrap:balance;overflow-wrap:break-word}
.card__f{display:block;margin-top:.3rem;font-size:.8rem;line-height:1.35;color:var(--dim);text-wrap:balance}

/* card em destaque: contorno e brilho dourados */
.card--destaque{border:1.5px solid rgba(232,185,60,.8);
  background:linear-gradient(160deg,rgba(232,185,60,.20),rgba(255,255,255,.03) 65%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 22px 44px -22px rgba(1,8,24,.95),0 0 34px -12px rgba(232,185,60,.6)}
.card--destaque .card__ic{background:linear-gradient(150deg,#F2D27A,#E8B93C);border-color:transparent}
.card--destaque .card__ic svg{color:#04193F}
.card--destaque .card__t{color:var(--gold-soft)}


/* ===== CARD AO VIVO (Carol, 16/10/2026): em cima de tudo, na largura toda (o espaço de 2 cards no celular, 3 no computador).
   Bolinha vermelha piscando, borda que pulsa, botão "Assistir agora". Quem entra bate o olho e clica direto. ===== */
#aovivo{margin-bottom:.9rem}
#aovivo[hidden]{display:none}
.vivo{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem 1rem;
  padding:1.05rem 1.1rem;border-radius:18px;text-decoration:none;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,rgba(230,33,23,.42),rgba(120,12,30,.38) 55%,rgba(4,25,63,.5));
  border:1.5px solid rgba(255,90,80,.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 22px 44px -22px rgba(1,8,24,.95);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:sobe .5s cubic-bezier(.2,.7,.2,1) backwards}
/* brilho vermelho que pulsa em volta (só opacidade: leve no celular) */
.vivo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 2px rgba(255,80,70,.55),0 0 34px 2px rgba(255,59,48,.55);animation:pulsa-vivo 1.6s ease-in-out infinite}
@keyframes pulsa-vivo{0%,100%{opacity:.25}50%{opacity:1}}
.vivo:hover{transform:translateY(-2px)}
.vivo__yt{width:3.4rem;height:3.4rem;border-radius:14px;display:grid;place-items:center;background:#E62117;
  box-shadow:0 8px 20px -8px rgba(230,33,23,.9)}
.vivo__yt svg{width:2rem;height:2rem;color:#fff}
.vivo__txt{min-width:0}
.rec{display:inline-flex;align-items:center;gap:.45em;padding:.22em .65em;border-radius:999px;background:#E62117;color:#fff;
  font-weight:800;font-size:.72rem;letter-spacing:.1em}
.rec i{width:.62em;height:.62em;border-radius:50%;background:#fff;animation:rec 1.1s ease-in-out infinite}
@keyframes rec{50%{opacity:.2}}
.vivo__t{display:block;margin-top:.35rem;font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.32rem;line-height:1.15;text-wrap:balance}
.vivo__f{display:block;margin-top:.2rem;font-size:.86rem;line-height:1.35;color:#FFE3DF;text-wrap:pretty}
.vivo__btn{grid-column:1/-1;justify-self:stretch;text-align:center;padding:.7em 1em;border-radius:999px;font-weight:800;font-size:.98rem;
  color:#04193F;background:linear-gradient(150deg,#FFE58A,#E8B93C);box-shadow:0 10px 22px -10px rgba(232,185,60,.9)}
@media (min-width:700px){
  .vivo{grid-template-columns:auto minmax(0,1fr) auto;padding:1.15rem 1.3rem}
  .vivo__btn{grid-column:auto;justify-self:end;padding:.75em 1.5em}
  .vivo__t{font-size:1.45rem}
}
@media (prefers-reduced-motion:reduce){.vivo::after,.rec i{animation:none}.vivo::after{opacity:.8}}

/* rodapé */
.rodape{text-align:center;margin-top:2.8rem;color:var(--faint);font-size:.92rem}
.rodape p{margin:.3rem 0}
.rodape__frase{font-family:'Spectral',Georgia,serif;font-style:italic;font-size:1.15rem;color:var(--dim);margin-bottom:.9rem!important}
.rodape__marca{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:600;color:var(--horizon)}
.rodape a{color:var(--gold-soft);text-decoration:none;border-bottom:1px solid rgba(242,210,122,.4)}

/* WhatsApp flutuante (padrão de toda LP) */
.wa-float{position:fixed;right:18px;bottom:22px;z-index:70;width:56px;height:56px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px -8px rgba(0,0,0,.6);transition:transform .25s ease}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:30px;height:30px;fill:#fff}

/* entrada curta (PÁGINA LEVE): o topo aparece logo */
.stg{opacity:0;animation:sobe .6s cubic-bezier(.2,.7,.2,1) forwards}
.g1{animation-delay:.05s}.g2{animation-delay:.12s}.g3{animation-delay:.2s}
.card{animation:sobe .5s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes sobe{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.stg,.card{animation:none;opacity:1}.topo__estrela::before{animation:none}}

/* celular: o WhatsApp não cobre o último card */
@media (max-width:640px){.pag{padding-bottom:5.5rem}}