/* Tema cósmico (versão de teste /teste/) — por cima de app.css e vendas.css */
:root.cosmico{
  --bg:#05060d !important; --bg-2:rgba(255,255,255,.045) !important; --bg-3:rgba(255,255,255,.08) !important; --bg-4:rgba(255,255,255,.11) !important;
  --line:rgba(255,255,255,.10) !important; --line-2:rgba(255,255,255,.16) !important;
  --text:#F1EEF8 !important; --muted:#A6A1B8 !important; --muted-2:#7d788f !important;
  --green:#2BFF88 !important; --green-bg:rgba(43,255,136,.12) !important;
  --roxo:#9B6BFF !important; --roxo-claro:#C4A8FF !important;
  --grad:linear-gradient(135deg,#FF9A3D 0%,#FF3D2E 100%) !important;
  --fogo:linear-gradient(90deg,#FFD166,#FF7A18,#FF3D2E);
  --neon:#2BFF88;
  --sombra:0 30px 80px -30px rgba(0,0,0,.9) !important;
  color-scheme:dark !important;
}
.cosmico body{background:transparent !important;font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}
.cosmico .cz-ceu{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(900px 600px at 85% 5%,rgba(255,90,40,.15),transparent 60%),
  radial-gradient(800px 600px at 5% 45%,rgba(43,255,136,.07),transparent 60%),
  radial-gradient(1000px 700px at 50% 105%,rgba(155,107,255,.18),transparent 60%),#05060d}
.cosmico #cz-rede{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.85}
/* vidro */
.cosmico .card,.cosmico .modal,.cosmico .lateral,.cosmico .lp-rec,.cosmico .lp-dor,.cosmico .lp-passo,.cosmico .lp-dep article,.cosmico .lp-plano,.cosmico .lp-faq details,.cosmico .lp-mock{
  background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.025)) !important;
  border-color:rgba(255,255,255,.12) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 80px -40px rgba(0,0,0,.9)}
.cosmico .modal{background:rgba(14,12,24,.94) !important}
.cosmico .barra-app,.cosmico .topo,.cosmico .lp-topo{background:rgba(5,6,13,.65) !important;backdrop-filter:blur(14px)}
.cosmico .inp{background:rgba(0,0,0,.35) !important}
/* marca e títulos cromados */
.cosmico .marca span,.cosmico .lp-marca{font-family:Orbitron,Sora,sans-serif;letter-spacing:.02em}
.cosmico .lp-hero h1,.cosmico .secao-t h1{font-family:Orbitron,Sora,sans-serif !important;letter-spacing:.01em}
.cosmico .cz-cromo,.cosmico .lp-hero h1{background:linear-gradient(180deg,#fff 0%,#d7dae3 40%,#7b8090 50%,#c9ccd6 62%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,100,40,.4))}
.cosmico .grad-txt,.cosmico .lp-grad{background:var(--fogo) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;filter:none}
.cosmico .lp-hero h1 .lp-grad{filter:drop-shadow(0 0 16px rgba(255,90,30,.55))}
/* botões: ação = verde neon, destaque = fogo */
.cosmico .btn-pri,.cosmico .lp-verde{background:var(--neon) !important;color:#04110a !important;box-shadow:0 0 0 1px rgba(43,255,136,.4),0 10px 36px -8px rgba(43,255,136,.7) !important}
.cosmico .btn-soft{background:rgba(255,120,40,.12) !important;color:#FFB070 !important;border-color:rgba(255,120,40,.35) !important}
.cosmico .lp-roxo-btn{background:var(--grad) !important}
.cosmico .lp-plano.lp-top{border-color:rgba(255,110,40,.75) !important;box-shadow:0 0 0 1px rgba(255,110,40,.4),0 30px 90px -30px rgba(255,80,30,.8) !important}
.cosmico .lp-plano.lp-top .lp-btn{background:var(--grad) !important;color:#fff !important}
.cosmico .lp-mais{background:var(--grad) !important}
.cosmico .lp-rot{color:var(--neon) !important;font-family:Orbitron,sans-serif !important}
.cosmico .lp-pilula{color:#FFB08A;background:rgba(255,110,40,.12);border-color:rgba(255,110,40,.35)}
.cosmico .lp-pilula i{background:#FF7A18;box-shadow:0 0 0 4px rgba(255,122,24,.2)}
.cosmico .lp-rec i,.cosmico .lp-passo .lp-num,.cosmico .marca-ico,.cosmico .lp-marca i{background:rgba(43,255,136,.12) !important;color:var(--neon) !important;box-shadow:0 0 20px -6px rgba(43,255,136,.6) !important}
.cosmico .lp-passo .lp-num{font-family:Orbitron,sans-serif}
.cosmico .lp-hero::after{background:radial-gradient(closest-side,rgba(255,90,30,.22),transparent 70%) !important}
.cosmico .lp-hero::before{display:none}
.cosmico .lp,.cosmico .lp-final{background:transparent !important}
.cosmico .lp-final{border-color:rgba(255,110,40,.5) !important;background:radial-gradient(ellipse at top,rgba(255,90,30,.25),transparent 65%),rgba(255,255,255,.03) !important}
.cosmico .lp-parc,.cosmico .kpi .val{font-family:Orbitron,Sora,sans-serif}
.cosmico .kpi .val{letter-spacing:0}
.cosmico .lat-item.ativo{background:rgba(43,255,136,.12) !important;color:var(--neon) !important;box-shadow:inset 2px 0 0 var(--neon)}
.cosmico .lat-grupo{font-family:Orbitron,sans-serif;letter-spacing:.2em}
.cosmico .selo-ok{color:var(--neon) !important}
/* arte no topo da área de vendas */
.cz-arte{display:block;margin:0 auto 10px;width:min(420px,80vw);aspect-ratio:604/500;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 68% 68% at 50% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 68% 68% at 50% 45%,#000 55%,transparent 100%)}
.cz-faixa{position:fixed;right:12px;bottom:12px;z-index:90;font:600 12px "Plus Jakarta Sans",sans-serif;padding:7px 12px;border-radius:99px;background:rgba(255,110,40,.18);color:#FFB070;border:1px solid rgba(255,110,40,.4);backdrop-filter:blur(8px)}
.cz-faixa a{color:#fff;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.cosmico #cz-rede{display:none}}

.cz-faixa.cz-versao{left:auto !important;right:10px !important;top:auto !important;bottom:8px !important;transform:none !important;padding:3px 8px !important;font-size:10.5px !important;opacity:.55;background:rgba(255,255,255,.06) !important;color:#A6A1B8 !important;border-color:rgba(255,255,255,.12) !important;pointer-events:none}
/* conversas */
.cosmico .wa-caixa{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02)) !important;border-color:rgba(255,255,255,.12) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.cosmico .wa-conv{background:rgba(3,4,10,.55) !important}
.cosmico .wa-cab,.cosmico .wa-envio{background:rgba(10,9,20,.75) !important}
.cosmico .wa-bal.ele{background:rgba(255,255,255,.09) !important}
.cosmico .wa-bal.eu{background:linear-gradient(135deg,rgba(43,255,136,.22),rgba(43,255,136,.12)) !important;color:#EFFFF6 !important;border:1px solid rgba(43,255,136,.28)}
.cosmico .wa-abas button.ativo{background:linear-gradient(135deg,#FF9A3D,#FF3D2E) !important}
.cosmico .wa-mandar{background:linear-gradient(135deg,#FF9A3D,#FF3D2E) !important;color:#fff !important;box-shadow:0 0 18px rgba(255,90,40,.45)}
.cosmico .wa-badge{background:var(--neon) !important;color:#04120a !important;box-shadow:0 0 10px rgba(43,255,136,.5)}
.cosmico .wa-msgs{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px) !important}

/* página só de planos */
.cosmico .as-plano{background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.025)) !important;border-color:rgba(255,255,255,.12) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.cosmico .as-plano.as-top{border-color:rgba(255,110,40,.75) !important;box-shadow:0 0 0 1px rgba(255,110,40,.4),0 30px 90px -30px rgba(255,80,30,.8) !important}
.cosmico .as-plano.as-top .lp-btn{background:var(--grad) !important;color:#fff !important}
.cosmico .as-mais{background:var(--grad) !important}
.cosmico .as-corpo h1{font-family:Orbitron,Sora,sans-serif !important;background:linear-gradient(180deg,#fff 0%,#d7dae3 40%,#7b8090 50%,#c9ccd6 62%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cosmico body.lp-ativa{background:transparent !important}