/* Hypemaker — visual do site (mesmas cores do Fórmula do Hype) */
:root {
  --hc-bg: #0A0910; --hc-bg2: #0D0B14; --hc-card: #121019; --hc-card2: #1A1724; --hc-linha: #26222F; --hc-linha2: #2F2B3D;
  --hc-txt: #F4F2F8; --hc-sub: #A9A4B8; --hc-fraco: #847F96; --hc-rosa: #F43FB5; --hc-roxo: #A855F7; --hc-ciano: #38D5FF; --hc-ciano-txt: #3CD4FF;
  --hc-verde: #34D399; --hc-vermelho: #F87171;
  --hc-grad: linear-gradient(90deg, #F43FB5, #A855F7 50%, #38D5FF);
}
html, body.hc-body { margin: 0; background: var(--hc-bg); }
body.hc-body { color: var(--hc-txt); font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.hc-pagina { min-height: 100vh; background: radial-gradient(900px 600px at 20% -5%, rgba(168,85,247,0.16), transparent 60%), radial-gradient(800px 600px at 100% 40%, rgba(56,213,255,0.06), transparent 60%), var(--hc-bg); }
.hc-pagina *, .hc-pagina *::before, .hc-pagina *::after { box-sizing: border-box; }
/* o tema do WordPress pinta os títulos com a cor dele; aqui eles sempre seguem o Hypemaker */
.hc-pagina { color: var(--hc-txt); font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif; }
.hc-pagina h1, .hc-pagina h2, .hc-pagina h3, .hc-pagina b, .hc-pagina strong, .hc-pagina summary, .hc-pagina label { color: var(--hc-txt); }
.hc-pagina h1, .hc-pagina h2, .hc-pagina h3, .hc-pagina .hc-preco { font-family: 'Space Grotesk', Inter, sans-serif; }
.hc-pagina p { color: inherit; }
.hc-pagina a { color: var(--hc-ciano-txt); }
.hc-pagina a:hover { color: #8BE6FF; }

.hc-topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1180px; margin: 0 auto; padding: 22px 20px; }
.hc-topo > a { text-decoration: none; }
.hc-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--hc-txt); }
.hc-logo-ico { display: block; filter: drop-shadow(0 6px 18px rgba(168,85,247,0.35)); }
.hc-logo-txt { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -0.6px; color: var(--hc-txt); }
.hc-grad-txt { background: var(--hc-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hc-link-suave { color: var(--hc-txt) !important; text-decoration: none; border: 1px solid var(--hc-linha2); border-radius: 10px; padding: 9px 16px; font-weight: 600; font-size: 15px; }
.hc-link-suave:hover { background: var(--hc-card2); }

.hc-olho { display: block; color: var(--hc-ciano-txt); font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.hc-centro { text-align: center; }
.hc-titulo { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(36px, 6vw, 62px); line-height: 1.05; letter-spacing: -1px; margin: 0 0 20px; }
.hc-titulo2 { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(28px, 4vw, 40px); line-height: 1.1; letter-spacing: -0.5px; margin: 0 0 28px; }
.hc-h1 { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 32px; margin: 0 0 8px; letter-spacing: -0.5px; }
.hc-h2 { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 21px; margin: 0 0 8px; }
.hc-lead { color: var(--hc-sub); font-size: 19px; line-height: 1.55; max-width: 680px; margin: 0 auto 30px; }
.hc-sub { color: var(--hc-sub); margin: 6px 0 12px; line-height: 1.55; }
.hc-pequeno { color: var(--hc-fraco); font-size: 14px; margin: 12px 0 0; line-height: 1.5; }

.hc-botao, .hc-pagina input[type=submit], .hc-pagina #wp-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 26px; border: 0; border-radius: 12px; background: var(--hc-grad); color: #0A0910 !important; font-weight: 700; font-size: 15px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; cursor: pointer; box-shadow: 0 10px 34px rgba(168,85,247,0.35); font-family: inherit; }
.hc-botao:hover { filter: brightness(1.06); }
.hc-botao-grande { min-height: 58px; padding: 0 34px; font-size: 16px; }
.hc-botao-sec { min-height: 40px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--hc-linha2); background: transparent; color: var(--hc-txt); font: inherit; font-weight: 600; font-size: 14px; cursor: pointer; }
.hc-botao-sec:hover { background: var(--hc-card2); }

.hc-card { background: var(--hc-card); border: 1px solid var(--hc-linha); border-radius: 20px; padding: 26px; }

/* vendas */
.hc-hero { max-width: 900px; margin: 0 auto; padding: 70px 20px 60px; text-align: center; }
.hc-hero-cta { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }
.hc-preco-mini { color: var(--hc-sub); font-weight: 600; }
.hc-secao { max-width: 1100px; margin: 0 auto; padding: 50px 20px; }
.hc-etapas { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.hc-etapa { display: flex; gap: 14px; align-items: flex-start; background: var(--hc-card); border: 1px solid var(--hc-linha); border-radius: 18px; padding: 20px; }
.hc-etapa b { font-family: 'Space Grotesk', sans-serif; font-size: 18px; }
.hc-etapa p { margin: 6px 0 0; color: var(--hc-sub); font-size: 15px; }
.hc-num { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-family: 'Space Grotesk', sans-serif; font-weight: 700; border: 2px solid; }
.hc-num-0 { color: #38D5FF; border-color: #38D5FF; } .hc-num-1 { color: #F43FB5; border-color: #F43FB5; } .hc-num-2 { color: #C99BFB; border-color: #A855F7; }
.hc-dupla { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
.hc-lista { list-style: none; padding: 0; margin: 0 auto; max-width: 700px; display: grid; gap: 12px; }
.hc-lista li { position: relative; padding: 16px 18px 16px 50px; background: var(--hc-card); border: 1px solid var(--hc-linha); border-radius: 14px; }
.hc-lista li::before { content: '✓'; position: absolute; left: 18px; top: 15px; color: var(--hc-verde); font-weight: 700; }
.hc-oferta { max-width: 760px; margin: 0 auto; text-align: center; padding: 44px 26px; border-color: #3B2A55; box-shadow: 0 30px 90px rgba(168,85,247,0.2); }
.hc-preco { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(40px, 7vw, 68px); letter-spacing: -1px; line-height: 1.1; }
.hc-oferta .hc-botao { margin-top: 20px; }
.hc-faq { max-width: 780px; }
.hc-faq details { background: var(--hc-card); border: 1px solid var(--hc-linha); border-radius: 14px; padding: 0 20px; margin-bottom: 10px; }
.hc-faq summary { cursor: pointer; font-weight: 600; padding: 18px 0; list-style: none; }
.hc-faq summary::-webkit-details-marker { display: none; }
.hc-faq summary::after { content: '+'; float: right; color: var(--hc-ciano-txt); }
.hc-faq details[open] summary::after { content: '–'; }
.hc-faq details p { color: var(--hc-sub); margin: 0 0 18px; }
.hc-rodape { max-width: 1100px; margin: 0 auto; padding: 40px 20px 60px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; color: var(--hc-fraco); font-size: 14px; border-top: 1px solid var(--hc-linha); }

/* minha conta */
.hc-conta-main { max-width: 980px; margin: 0 auto; padding: 20px 20px 80px; display: flex; flex-direction: column; gap: 18px; }
.hc-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
.hc-login { max-width: 440px; width: 100%; margin: 30px auto 0; padding: 34px; box-shadow: 0 30px 80px rgba(168,85,247,0.18); border-color: var(--hc-linha2); }
.hc-login form p { margin: 0 0 16px; }
.hc-login label, .hc-form-senha label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 8px; }
.hc-pagina input[type=text], .hc-pagina input[type=email], .hc-pagina input[type=password] { width: 100%; height: 50px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--hc-linha2); background: var(--hc-bg); color: var(--hc-txt); font: inherit; margin-top: 8px; }
.hc-pagina input:focus { outline: 2px solid var(--hc-roxo); outline-offset: 1px; }
.hc-login .login-remember label { display: flex; align-items: center; gap: 8px; font-weight: 400; color: var(--hc-sub); }
.hc-login #wp-submit { width: 100%; }
.hc-pilula { display: inline-flex; padding: 6px 14px; border-radius: 20px; font-weight: 700; font-size: 14px; margin: 4px 0 6px; }
.hc-pilula-ok { background: rgba(52,211,153,0.12); color: var(--hc-verde); }
.hc-pilula-erro { background: rgba(248,113,113,0.12); color: var(--hc-vermelho); }
.hc-aviso { padding: 14px 18px; border-radius: 12px; font-weight: 600; }
.hc-aviso-ok { background: rgba(52,211,153,0.12); color: var(--hc-verde); border: 1px solid rgba(52,211,153,0.35); }
.hc-aviso-erro { background: rgba(248,113,113,0.12); color: var(--hc-vermelho); border: 1px solid rgba(248,113,113,0.35); }
.hc-pc { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid var(--hc-linha); flex-wrap: wrap; }
.hc-pc-ico { width: 40px; height: 40px; border-radius: 10px; background: var(--hc-card2); display: grid; place-items: center; color: var(--hc-sub); }
.hc-pc-info { flex: 1 1 200px; display: flex; flex-direction: column; }
.hc-pc-info span { color: var(--hc-fraco); font-size: 14px; }
.hc-form-senha { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; align-items: end; }
@media (max-width: 600px) { .hc-hero { padding-top: 40px; } .hc-card { padding: 20px; } }

/* ---------- planos (mensal e anual) ---------- */
a.hc-botao-sec { display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; color: var(--hc-txt) !important; }
.hc-planos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 860px; margin: 26px auto 0; align-items: stretch; }
.hc-plano { position: relative; display: flex; flex-direction: column; gap: 6px; text-align: center; padding: 36px 24px 26px; }
.hc-plano .hc-preco { font-size: clamp(38px, 6vw, 56px); }
.hc-plano .hc-preco small { font-size: 0.38em; font-weight: 600; color: var(--hc-sub); letter-spacing: 0; }
.hc-plano .hc-botao, .hc-plano .hc-botao-sec { margin-top: 14px; width: 100%; }
.hc-plano .hc-pequeno { margin-top: 10px; }
.hc-plano-destaque { border-color: #5B3A85; box-shadow: 0 30px 90px rgba(168,85,247,0.25); background: linear-gradient(180deg, rgba(168,85,247,0.10), rgba(56,213,255,0.03)), var(--hc-card); }
.hc-selo { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 5px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; color: #fff; background: linear-gradient(90deg, #F43FB5, #A855F7 55%, #38D5FF); white-space: nowrap; }
@media (max-width: 720px) { .hc-planos { grid-template-columns: 1fr; } }
.hc-plano .hc-botao-sec { min-height: 58px; font-size: 16px; border-radius: 12px; }
.hc-bonus { display: flex; gap: 10px; align-items: center; justify-content: center; margin: 4px auto 0; padding: 10px 14px; border-radius: 12px; background: rgba(244,63,181,0.10); border: 1px solid rgba(244,63,181,0.35); color: var(--hc-txt); font-size: 15px; line-height: 1.4; text-align: left; }
.hc-bonus b { color: #FF8AD6; }