@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

:root{
  --roxo: #7a1fa2;
  --roxo-escuro: #4a0d63;
  --rosa: #f3d9f7;
  --verde: #25a244;
  --verde-escuro: #1c7d35;
  --texto: #26202b;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Poppins', Arial, sans-serif;
  color:var(--texto);
  background:#fff;
  line-height:1.5;
}
img{max-width:100%;display:block;}
h1,h2,h3{line-height:1.25;margin:0 0 12px;}
.container{max-width:1080px;margin:0 auto;padding:0 20px;}
.section{padding:50px 20px;}
.section.rosa{background:var(--rosa);}
.section.escuro{background:linear-gradient(180deg,#2b0a38,#5c1478);color:#fff;}
.center{text-align:center;}

/* Botões — única fonte de verdade, nunca duplicados com imagem */
.btn{
  display:inline-block;
  border:none;cursor:pointer;
  padding:15px 30px;border-radius:8px;
  font-weight:700;font-size:.98rem;
  text-decoration:none;text-align:center;
  transition:opacity .15s;
}
.btn:hover{opacity:.88;}
.btn-whatsapp{background:var(--verde);color:#fff;}
.btn-roxo{background:var(--roxo);color:#fff;}
.btn-verde-claro{background:#00c896;color:#fff;}
.btn-lilas{background:#6a1bd6;color:#fff;}
.btn-vermelho{background:#e53935;color:#fff;}
.btn-gradient{background:linear-gradient(90deg,#7a1fa2,#c2185b);color:#fff;}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:18px;}

/* Header / nav */
header.topo{background:var(--roxo);color:#fff;padding:16px 0;}
.topo .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.logo{font-weight:800;font-size:1.4rem;letter-spacing:1px;}
.logo span{color:#ff9800;}
.logo small{display:block;font-size:.55rem;font-weight:400;letter-spacing:2px;opacity:.85;}
.site-nav{display:flex;flex-wrap:wrap;gap:6px 20px;}
.site-nav a{color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;}
.site-nav a:hover{text-decoration:underline;}

/* Hero */
.hero{background:linear-gradient(180deg,#f3d9f7,#fff);padding:50px 20px;}
.hero .container{display:flex;align-items:center;gap:40px;flex-wrap:wrap;}
.hero-texto{flex:1 1 340px;}
.hero-texto .eyebrow{font-weight:600;color:#444;}
.hero-texto h1{font-size:2.1rem;color:var(--texto);}
.hero-img{flex:1 1 320px;max-width:420px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);}

/* Grid de produtos (3 colunas) */
.produtos-grid{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;margin:34px 0;}
.produto-col{flex:1 1 260px;max-width:300px;text-align:center;}
.produto-col img{border-radius:8px;margin-bottom:14px;}
.produto-col h3{font-size:1.05rem;}

/* Ícones (vantagens) */
.icones-grid{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;margin:30px 0;}
.icone-item{flex:1 1 220px;max-width:260px;text-align:center;}
.icone-item .emoji{font-size:2.6rem;display:block;margin-bottom:10px;}
.icone-item h4{margin-bottom:6px;}
.icone-item p{color:#555;font-size:.92rem;}

/* Lista de vantagens (representante) */
.lista-vantagens{max-width:720px;margin:0 auto;}
.lista-vantagens .item{margin-bottom:18px;}
.lista-vantagens .item b{display:block;color:var(--roxo-escuro);}

/* Kits */
.kits-grid{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;margin:34px 0;}
.kit-card{
  flex:1 1 260px;max-width:300px;background:#fff;border-radius:14px;padding:24px;
  text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.08);
}
.kit-card .selo{color:#4527a0;font-weight:700;font-size:.85rem;margin-bottom:8px;}
.kit-card img{border-radius:8px;margin-bottom:14px;}
.kit-card h3{font-size:1.05rem;}
.kit-card ul{text-align:left;padding-left:18px;color:#444;font-size:.92rem;margin:14px 0;}
.kit-card .btn{width:100%;}

/* Vídeo */
.video-wrap{max-width:760px;margin:0 auto;border-radius:10px;overflow:hidden;
  position:relative;width:100%;padding-top:56.25%;background:#000;}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

/* Página inicial (gate) */
.gate-hero{background:linear-gradient(180deg,#8e24aa,#6a1b9a);color:#fff;text-align:center;padding:50px 16px 30px;}
.gate-hero h1{font-size:1.7rem;margin:0 0 6px;}
.gate-hero p{font-size:1.15rem;margin:0;font-weight:600;}
.gate-cards{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;padding:34px 16px;background:linear-gradient(180deg,#6a1b9a,#8e24aa);}
.gate-card{background:#fff;border-radius:18px;padding:18px;width:270px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.15);}
.gate-card img{border-radius:8px;}
.gate-buttons{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;padding:0 16px 44px;background:#8e24aa;}
.gate-buttons .btn{min-width:260px;}
.gate-footer{text-align:center;padding:34px 16px 50px;}
.gate-footer h2{font-size:1.2rem;}
.gate-footer p{color:#555;max-width:600px;margin:8px auto;}

/* Página de captura (interstitial) */
.captura-wrap{max-width:640px;margin:0 auto;padding:50px 20px 70px;text-align:center;}
.captura-wrap h1{color:var(--roxo-escuro);font-size:2.2rem;margin-bottom:14px;}
.captura-wrap p{color:#444;max-width:520px;margin:0 auto 30px;}
.form-captura{border:1px dashed #bbb;border-radius:6px;padding:26px 24px;text-align:left;}
.form-captura input{
  width:100%;padding:13px 14px;margin-bottom:14px;border:none;border-bottom:1.5px solid #ddd;
  font-family:inherit;font-size:1rem;background:transparent;
}
.form-captura input:focus{outline:none;border-bottom-color:var(--roxo);}

/* Formulário de contato */
.contato{background:var(--rosa);padding:44px 16px;text-align:center;}
.contato h2{font-size:1.8rem;margin-bottom:6px;}
.contato p{color:#444;margin-top:0;}
.form-contato{max-width:560px;margin:26px auto 0;text-align:left;}
.form-contato input, .form-contato textarea{
  width:100%;padding:13px 14px;margin-bottom:14px;border:1.5px solid var(--roxo);
  border-radius:6px;font-family:inherit;font-size:1rem;
}
.form-contato textarea{min-height:100px;resize:vertical;}
.form-contato button{width:100%;}
.aviso-obs{max-width:560px;margin:6px auto 0;font-size:.8rem;color:#777;text-align:left;}

footer{background:var(--roxo);color:#fff;text-align:center;padding:18px;font-size:.85rem;}

@media (max-width:640px){
  .site-nav{display:none;}
  .gate-hero h1{font-size:1.3rem;}
  .hero-texto h1{font-size:1.6rem;}
}