/* BrandGram — Pack para Igrejas (/packs/igrejas/)
   Paleta: Ice White #F9F9FD, Electric Violet #8A2BE1, Dark Navy #1F1E2E.
   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:#8A2BE1;         /* Electric Violet — acento (reaproveita a var usada pelos componentes base) */
  --gold-soft:#A768E8;    /* Electric Violet clareado, para gradientes e hover */
  --blue:#211f33;         /* navy elevado, para ícones/avatares */
  --blue-soft:#2c2a45;
  --beige:#F9F9FD;        /* Ice White */
  --beige-dim:#c7c6d6;
  --bg:#1F1E2E;           /* Dark Navy */
  --bg-2:#17161f;
  --bg-card:#262536;
  --line:rgba(249,249,253,.14);
  --line-soft:rgba(249,249,253,.06);
  --txt:#F9F9FD;          /* Ice White */
  --txt-mut:#9491a8;
  --radius:16px;
  /* Electric Violet é escuro demais para texto escuro em cima — usa Ice White
     (ao contrário dos outros temas, que usam tinta escura sobre o acento claro) */
  --accent-ink:#F9F9FD;
}

body::before{
  background:
    radial-gradient(620px 440px at 82% -5%, rgba(138,43,225,.22), transparent 60%),
    radial-gradient(520px 480px at 4% 16%, rgba(138,43,225,.1), transparent 55%),
    radial-gradient(900px 600px at 50% 112%, rgba(31,30,46,.7), transparent 60%);
}

/* Hero head image (ftheadigreja): 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(138,43,225,.55))
    drop-shadow(0 0 80px rgba(138,43,225,.32))
    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(138,43,225,.5))
      drop-shadow(0 0 46px rgba(138,43,225,.3))
      drop-shadow(0 14px 26px rgba(0,0,0,.4));
  }
}