/* ==========================================================================
   TEMA CLARO — branco + verde claro (psico.tiagobastos.site)
   Mesmo design system do site: Anton, kicker mono, grid, partículas, gradiente.
   ========================================================================== */
:root{
  --bg:#F7FCF8; --bg-2:#EFF8F1; --panel:#FFFFFF; --line:#D3E8D8;
  --cyan:#0E9F6E; --violet:#16A34A; --magenta:#65A30D; --green:#0D9488;
  --amber:#CA8A04; --white:#0E2A1B; --soft:#3A5747; --grey:#5E7A69; --dim:#7C9585;
  --dot-off:#CFE3D6; --dot-on:#16A34A;
}
html,body{background:#F7FCF8; color:var(--soft);}
::selection{background:rgba(22,163,74,.18); color:#0E2A1B;}
#stage{background:#F7FCF8;}

.bg-layer{
  background:
    radial-gradient(ellipse 62% 52% at 8% 4%, rgba(22,163,74,.13), transparent 62%),
    radial-gradient(ellipse 55% 50% at 96% 2%, rgba(132,204,17,.14), transparent 64%),
    radial-gradient(ellipse 70% 55% at 50% 108%, rgba(13,148,136,.10), transparent 66%),
    linear-gradient(158deg,#FFFFFF 0%,#F6FBF7 42%,#E9F6EE 100%);
}
.bg-veil{
  background:
    radial-gradient(ellipse 62% 44% at 50% -8%, rgba(255,255,255,.95), transparent 64%),
    radial-gradient(ellipse 130% 55% at 50% 112%, rgba(222,243,229,.75), transparent 66%);
}
.aurora{mix-blend-mode:normal; filter:blur(7vw); opacity:.30;}
.aurora.a{background:radial-gradient(circle, rgba(22,163,74,.55), transparent 66%);}
.aurora.b{background:radial-gradient(circle, rgba(13,148,136,.42), transparent 66%);}
.aurora.c{background:radial-gradient(circle, rgba(132,204,17,.38), transparent 66%);}
@keyframes pulseA{0%,100%{opacity:.16}50%{opacity:.30}}
@keyframes pulseB{0%,100%{opacity:.18}50%{opacity:.34}}

.beams{mix-blend-mode:normal; opacity:.55; filter:blur(2.4vw);}
.beams i:nth-child(1){background:linear-gradient(90deg,transparent,rgba(22,163,74,.10) 46%,rgba(22,163,74,.03) 72%,transparent);}
.beams i:nth-child(2){background:linear-gradient(90deg,transparent,rgba(13,148,136,.09) 50%,transparent);}
.beams i:nth-child(3){background:linear-gradient(90deg,transparent,rgba(132,204,17,.08) 44%,transparent 78%);}

.sweep{
  mix-blend-mode:normal;
  background:linear-gradient(112deg,
    transparent 38%,
    rgba(22,163,74,.05) 46%,
    rgba(255,255,255,.55) 50%,
    rgba(132,204,17,.04) 54%,
    transparent 64%);
}
.bg-grid{
  background-image:
    linear-gradient(to right, rgba(22,163,74,.10) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(22,163,74,.10) 1px, transparent 1px);
}

/* véu branco: partículas e grid passam, o texto continua legível */
.slide::before{
  background:radial-gradient(ellipse 76% 78% at 50% 50%,
    rgba(255,255,255,.60) 0%, rgba(255,255,255,.28) 54%, transparent 86%);
}

/* gradiente de assinatura em verde */
.acc{background:linear-gradient(96deg,#0B7A55 0%,#16A34A 46%,#65A30D 100%);
  -webkit-background-clip:text; background-clip:text;}

/* cards brancos com sombra verde suave */
.el.rect{
  border:1px solid rgba(22,163,74,.17);
  box-shadow:0 26px 54px -34px rgba(11,70,44,.45),
             0 2px 0 rgba(255,255,255,.9) inset;
}
/* halos radiais dos layouts ficam discretos no fundo claro */
.el[style*="radial-gradient"]{opacity:.13 !important;}

.deck-bar{background:linear-gradient(90deg,#0E9F6E,#16A34A 55%,#65A30D);
  box-shadow:0 0 14px rgba(22,163,74,.30);}
.dots i{background:var(--dot-off); box-shadow:0 0 0 1px rgba(22,163,74,.16);}
.dots i.on{background:#16A34A; box-shadow:0 0 10px rgba(22,163,74,.45);}
.navbtn{background:rgba(255,255,255,.92); border-color:var(--line); color:#3A5747;
  box-shadow:0 8px 20px -12px rgba(11,70,44,.40);}
.navbtn:hover{background:#fff; border-color:rgba(22,163,74,.55); color:#0E2A1B;
  box-shadow:0 10px 26px -12px rgba(22,163,74,.45);}
.navbtn.next{border-color:rgba(22,163,74,.42); color:#0E9F6E;}
.counter{color:rgba(94,122,105,.95);}
.counter b{color:#0E7A4F;}
.rotate-hint{background:rgba(255,255,255,.94); border-color:var(--line); color:var(--grey);}
.rotate-hint b{color:#0E9F6E;}

/* modo captura (PDF/print): sem controles */
.capture .controls,.capture .dots,.capture .counter,
.capture .deck-bar,.capture .rotate-hint{display:none !important;}
@media print{
  .el.rect{box-shadow:none;}
}