/* Tema "capa acesa" — halo quente só no herói, corpo segue a noite.

   Todo seletor nasce sob [data-tema="capa-acesa"], que o gabarito escreve no <html>
   a partir do campo `tema` do banco. É o que faz o tema vencer por ESPECIFICIDADE:
   depender da ordem das folhas quebrou uma vez, porque o Astro injeta a folha do
   projeto no fim do <head>, depois de qualquer <link> escrito à mão.

   Regra que valha para todas as rotas não entra aqui: entra em landing.css.

   ⚠️ Este arquivo foi reescrito em 31/08/2026. A versão anterior tinha o prefixo do
   tema injetado DENTRO das declarações e dos argumentos de rgba(), o que invalidava o
   `transform` e o `background` do halo: o navegador aceitava 8 regras e pintava
   `background-image: none`. O halo, que é o tema inteiro, estava morto em produção.
   Prefixo entra só antes do seletor, nunca dentro do bloco. */

[data-tema="capa-acesa"] .hero{position:relative;isolation:isolate}
[data-tema="capa-acesa"] .hero::before{
  content:"";position:absolute;left:50%;top:-14%;
  width:min(1000px,145%);height:900px;
  transform:translateX(-50%);pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,
    rgba(214,128,82,.55), rgba(214,128,82,.22) 45%, rgba(214,128,82,0) 75%);
}
[data-tema="capa-acesa"] .player .play{background:#c87850;box-shadow:0 12px 32px rgba(200,120,80,.55)}
[data-tema="capa-acesa"] .rot i{color:#e8a06e}
[data-tema="capa-acesa"] .cta{background:#d8814f}
[data-tema="capa-acesa"] .dock{border-color:rgba(200,120,80,.55);
  box-shadow:0 10px 36px rgba(0,0,0,.55),0 0 26px rgba(200,120,80,.32),inset 0 1px 0 rgba(233,231,247,.18)}

/* estado de ponteiro: a lei mora no landing.css, e vale igual dentro do tema —
   `:hover` solto gruda no toque, e e daqui que vem 94,5% do trafego. */
@media (hover:hover) and (pointer:fine){
  [data-tema="capa-acesa"] .player .play:hover{background:#dd8a5e}
  [data-tema="capa-acesa"] .cta:hover{background:#e8956a}
}