/* PRISMA - mesma identidade do tema "prisma" do painel: ceu noturno, horizonte rosa, vidro com borda neon. */
:root{
  --fundo:#0b0920; --fundo2:#140f33; --txt:#f1eeff; --mut:#b9b0e0;
  --roxo:#a78bfa; --rosa:#f472b6; --ciano:#67e8f9; --verde:#34d399;
  --vidro:rgba(28,20,66,.55); --borda:rgba(167,139,250,.35);
  --grad:linear-gradient(90deg,#f0abfc,#a78bfa 35%,#38bdf8 70%,#34d399);
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fundo);color:var(--txt);font:16px/1.6 "Sora",system-ui,sans-serif;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}

/* ceu */
.ceu{position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 80% at 50% 0%,#1d1450 0%,var(--fundo) 60%)}
.estrelas{position:absolute;inset:-50%;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,#cfc7ff,transparent),radial-gradient(1.5px 1.5px at 200px 160px,#fff,transparent),radial-gradient(1px 1px at 300px 40px,#f0abfc,transparent);background-size:320px 220px;opacity:.6;animation:deriva 120s linear infinite}
.e2{background-size:520px 380px;opacity:.35;animation-duration:200s}
.horizonte{position:absolute;left:0;right:0;bottom:-30vh;height:60vh;background:radial-gradient(60% 50% at 50% 100%,rgba(244,114,182,.35),transparent 70%)}
@keyframes deriva{to{transform:translate(160px,110px)}}

/* topo */
.topo{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(16px,calc((100vw - 1120px)/2));background:rgba(11,9,32,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(167,139,250,.15)}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.12em}
.topo nav{display:flex;align-items:center;gap:18px;font-size:.92rem}
.topo nav a{text-decoration:none;color:var(--mut)}
.topo nav a:hover{color:var(--txt)}

/* botoes */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:0;background:linear-gradient(90deg,#f472b6,#a78bfa);color:#140f33 !important;font-weight:600;text-decoration:none;cursor:pointer;font:inherit;font-weight:600;box-shadow:0 0 24px rgba(244,114,182,.35);transition:transform .2s,box-shadow .2s}
.botao:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(244,114,182,.55)}
.botao.vazado{background:transparent;color:var(--txt) !important;border:1px solid var(--borda);box-shadow:none}
.botao.pequeno{padding:8px 16px;font-size:.88rem}
.botao[disabled]{opacity:.6;cursor:wait}

/* hero */
main{max-width:1120px;margin:0 auto;padding:0 16px}
.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;min-height:78vh;padding:48px 0}
.selo{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid var(--borda);color:var(--ciano);font-size:.82rem;letter-spacing:.04em}
h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;margin:18px 0}
h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);font-size:1.08rem;max-width:560px}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.mascote svg{width:min(320px,70vw);margin:auto;overflow:visible;filter:drop-shadow(0 0 30px rgba(167,139,250,.55))}
.corpo{animation:flutua 4.2s ease-in-out infinite;transform-box:fill-box}
.sombra{animation:sombra 4.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.olho{animation:pisca 5s infinite;transform-box:fill-box;transform-origin:center}
@keyframes flutua{50%{transform:translateY(-10px)}}
@keyframes sombra{50%{transform:scaleX(.8);opacity:.25}}
@keyframes pisca{0%,94%,100%{transform:none}97%{transform:scaleY(.1)}}

/* secoes */
.secao{padding:64px 0}
h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:0 0 8px}
.sub{color:var(--mut);margin:0 0 28px}
.vidro{background:var(--vidro);border:1px solid var(--borda);border-radius:20px;backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 10px 40px rgba(0,0,0,.35)}
.produtos{display:grid;gap:22px}
.produto{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}
.produto:nth-child(even){grid-template-columns:1fr 1.2fr}
.produto:nth-child(even) img{order:2}
.produto img{width:100%;height:100%;object-fit:cover;object-position:top left;border-right:1px solid var(--borda)}
.produto-texto{padding:26px}
.produto h3{font-size:1.5rem;margin:8px 0 4px}
.para{color:var(--ciano);margin:0 0 10px;font-weight:600}
.produto p{color:var(--mut)}
.preco{color:var(--txt) !important;font-weight:600;margin-top:14px}
.etiqueta{display:inline-block;font-size:.75rem;padding:3px 10px;border-radius:999px;background:rgba(244,114,182,.15);color:var(--rosa);letter-spacing:.06em;text-transform:uppercase}
.passos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.passos li{padding:24px}
.passos b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#140f33}
.passos h3{margin:14px 0 6px}
.passos p{color:var(--mut);margin:0}
.caso{padding:34px;background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(28,20,66,.6))}
.caso p{color:var(--mut);max-width:680px}

/* contato */
.contato{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}
.canais{display:flex;flex-direction:column;gap:12px}
.formulario{padding:24px;display:grid;gap:14px}
.formulario label{display:grid;gap:6px;font-size:.9rem;color:var(--mut)}
.formulario input,.formulario textarea{font:inherit;color:var(--txt);background:rgba(11,9,32,.7);border:1px solid var(--borda);border-radius:12px;padding:12px}
.formulario input:focus,.formulario textarea:focus{outline:2px solid var(--roxo);outline-offset:1px}
.armadilha{position:absolute;left:-9999px}
.aviso{margin:0;min-height:1.4em;color:var(--ciano)}
.aviso.erro{color:#fca5a5}
.rodape{text-align:center;color:var(--mut);padding:40px 16px;font-size:.88rem;border-top:1px solid rgba(167,139,250,.15)}

/* celular */
@media (max-width:820px){
  .topo nav a:not(.botao){display:none}
  .hero{grid-template-columns:1fr;text-align:center;min-height:auto;padding:32px 0}
  .hero p{margin:auto}
  .acoes{justify-content:center}
  .mascote{order:-1}
  .mascote svg{width:180px}
  .produto,.produto:nth-child(even){grid-template-columns:1fr}
  .produto:nth-child(even) img{order:0}
  .produto img{border-right:0;border-bottom:1px solid var(--borda);aspect-ratio:16/10}
  .passos{grid-template-columns:1fr}
  .contato{grid-template-columns:1fr}
  .canais{flex-direction:row;flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .estrelas,.corpo,.sombra,.olho{animation:none}
  .botao{transition:none}
}