/* BrandGram — Pack Jurídico Canva (/packs/advogados/)
   Paleta: Snow White #F4FFFB, Tiffany #21F1A8, Dark Grey #171717.
   Mesma estrutura de seções e os mesmos componentes de
   /assets/css/base.css (header, footer, hero, VSL, carrossel, stats,
   cards, depoimentos, pricing, FAQ); só os tokens de cor abaixo
   mudam (item 44 do briefing original: mesmos componentes, tema
   visual próprio por produto). */

:root{
  --gold:#21F1A8;         /* Tiffany — acento (reaproveita a var usada pelos componentes base) */
  --gold-soft:#6BF6C4;    /* Tiffany clareado, para gradientes e hover */
  --blue:#1c2420;         /* grafite com leve tom esverdeado, para ícones/avatares */
  --blue-soft:#243530;
  --beige:#F4FFFB;        /* Snow White */
  --beige-dim:#c9d6d2;
  --bg:#171717;           /* Dark Grey */
  --bg-2:#121212;
  --bg-card:#1d1f1e;
  --line:rgba(244,255,251,.14);
  --line-soft:rgba(244,255,251,.06);
  --txt:#F4FFFB;          /* Snow White */
  --txt-mut:#9aa39f;
  --radius:12px;
  --accent-ink:#0d1512;   /* texto escuro sobre o verde Tiffany */
}

body::before{
  background:
    radial-gradient(620px 440px at 82% -5%, rgba(33,241,168,.16), transparent 60%),
    radial-gradient(520px 480px at 4% 16%, rgba(33,241,168,.08), transparent 55%),
    radial-gradient(900px 600px at 50% 112%, rgba(23,23,23,.7), transparent 60%);
}

/* Hero head image (ftheadadv): maior e com brilho na cor do tema.
   A imagem é um PNG sem fundo (recorte), então o brilho usa
   drop-shadow — que segue o contorno real dos elementos recortados —
   em vez de box-shadow, que iluminaria o retângulo inteiro da imagem.
   Margem reduzida — a subheadline mais curta é o que garante que os
   CTAs continuem visíveis sem precisar rolar a página. */
.hero-head-img{
  max-width:480px;
  margin-top:20px;
  filter:
    drop-shadow(0 0 34px rgba(33,241,168,.55))
    drop-shadow(0 0 80px rgba(33,241,168,.3))
    drop-shadow(0 22px 40px rgba(0,0,0,.45));
}
@media(max-width:640px){
  .hero-head-img{
    max-width:300px;margin-top:16px;
    filter:
      drop-shadow(0 0 20px rgba(33,241,168,.5))
      drop-shadow(0 0 46px rgba(33,241,168,.28))
      drop-shadow(0 14px 26px rgba(0,0,0,.4));
  }
}