/* ============================================================
   PedeZapPro — LANDING premium dark/neon.
   SO a landing (index.php) carrega este arquivo, DEPOIS do site.css.
   Sobrescreve apenas o visual da landing — admin/portal/checkout ficam intactos.
   Paleta: preto #050505 + vermelho neon #ff2d2d + branco.
   ============================================================ */
:root{
  --pzp-red:#ff2d2d;
  --pzp-red-dark:#c81f1f;
}

body{ background:#050505; color:#fff; }

/* brilho/atmosfera de fundo (fixo, atras de tudo) */
body::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(900px 520px at 82% -8%, rgba(255,45,45,.18), transparent 60%),
    radial-gradient(700px 520px at -5% 18%, rgba(255,45,45,.10), transparent 55%),
    #050505;
}

/* ---- NAVBAR (glass + borda neon) ---- */
.pzp-navbar{
  background:rgba(8,8,10,.72)!important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,45,45,.35)!important;
}
.pzp-brand .w{ text-shadow:0 0 20px rgba(255,45,45,.25); }
.navbar .btn-outline-light{ border-color:rgba(255,255,255,.4); }

/* ---- HERO ---- */
.pzp-hero{ background:transparent; padding:90px 0; }
.pzp-hero::after{ width:420px;height:420px;background:#ff2d2d;opacity:.12;filter:blur(50px); pointer-events:none; }
.pzp-hero h1{
  font-weight:800; letter-spacing:-1.5px; line-height:1.05;
  font-size:clamp(2.4rem,5vw,4rem);
  text-shadow:0 2px 30px rgba(0,0,0,.6);
}
.pzp-hero h1 strong{ color:#ff2d2d; text-shadow:0 0 30px rgba(255,45,45,.55); }
.pzp-hero p.lead{ opacity:.82; }
.pzp-hero-mascote{
  max-width:100%; height:auto;
  filter:drop-shadow(0 0 45px rgba(255,45,45,.45));
  animation:pzpFloat 5s ease-in-out infinite;
}
@keyframes pzpFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }

/* ---- BOTOES CTA (gradiente + glow neon) ---- */
.btn-cta{
  background:linear-gradient(135deg,#ff2d2d,#c81f1f);
  border-radius:14px;
  box-shadow:0 0 0 1px rgba(255,45,45,.5), 0 8px 30px rgba(255,45,45,.30);
}
.btn-cta:hover{
  background:linear-gradient(135deg,#ff4a4a,#e02424); color:#fff;
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(255,45,45,.85), 0 12px 42px rgba(255,45,45,.5);
}

/* ---- SECOES ---- */
.pzp-section{ background:transparent; }
.pzp-section.bg-white{ background:#070708!important; }
.pzp-section h2{ color:#fff; font-weight:700; letter-spacing:-.5px; }
.pzp-section h2 strong, .pzp-section h2 .text-pzp-red{ color:#ff2d2d; }
.pzp-section .section-sub{ color:rgba(255,255,255,.55); }

/* ---- CARDS (glassmorphism) ---- */
.feature-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-radius:16px;
}
.feature-card:hover{
  border-color:rgba(255,45,45,.6);
  box-shadow:0 0 0 1px rgba(255,45,45,.4), 0 14px 40px rgba(255,45,45,.18);
}
.feature-card h3{ color:#fff; }
.feature-card p{ color:rgba(255,255,255,.6); }
.feature-icon{
  background:linear-gradient(135deg,#ff2d2d,#c81f1f);
  box-shadow:0 0 24px rgba(255,45,45,.5);
}

/* ---- PLANOS ---- */
.plano-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-radius:18px;
}
.plano-card:hover{
  border-color:rgba(255,45,45,.5);
  box-shadow:0 14px 40px rgba(255,45,45,.15);
}
.plano-card.popular{
  border-color:#ff2d2d;
  background:rgba(255,45,45,.06);
  box-shadow:0 0 0 1px #ff2d2d, 0 0 55px rgba(255,45,45,.35);
}
.plano-card.popular::before{
  background:linear-gradient(135deg,#ff2d2d,#c81f1f);
  box-shadow:0 0 18px rgba(255,45,45,.7);
}
.plano-card h3{ color:#fff; }
.plano-preco{ color:#fff; }
.plano-preco small{ color:rgba(255,255,255,.5); }
.plano-features li{ color:rgba(255,255,255,.72); border-bottom-color:rgba(255,255,255,.07); }
.plano-features li::before{ color:#ff2d2d; }

/* ---- FAQ ---- */
.faq-item{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
}
.faq-item summary{ color:#fff; }
.faq-item p{ color:rgba(255,255,255,.6); }

/* ---- BOTOES outline (parceiros/ajuda) no dark ---- */
.pzp-section .btn-outline-dark{ color:#fff; border-color:rgba(255,255,255,.35); }
.pzp-section .btn-outline-dark:hover{ background:#ff2d2d; border-color:#ff2d2d; color:#fff; }

/* ---- FOOTER ---- */
.pzp-footer{ background:#050505; border-top:1px solid rgba(255,45,45,.25); }
.pzp-footer, .pzp-footer p{ color:rgba(255,255,255,.5); }