/* ░░ Landing — Plataforma Verificada (estilo referencia) ░░ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#eef0f3; --ink:#141414; --mut:#6b7280;
  --wa:#21c063; --wa-d:#15a350;
  --dark:#0d0d0d; --gold:#e7b432; --tp:#00b67a;
}
html,body{height:100%}
body{
  background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.5;
  padding-bottom:62px; /* espacio barra sticky */
}

/* ── Header ── */
.topbar{
  background:#fff;border-bottom:1px solid #e3e6ea;
  display:flex;align-items:center;justify-content:center;gap:8px;
  height:54px;
}
.topbar .wa-glyph{color:var(--wa);display:flex}
.topbar .wa-glyph svg{width:24px;height:24px}
.topbar b{color:var(--wa-d);font-size:1.15rem;letter-spacing:-.01em}

/* ── Columna central ── */
.page{
  max-width:430px;margin:0 auto;padding:26px 20px 30px;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;
}

/* ── Logo ── */
.logo{
  width:148px;height:148px;border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#2a2a2a,#000);
  border:2px solid var(--gold);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  position:relative;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  margin-top:6px;
}
.logo-crown{position:absolute;top:14px;font-size:1.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.logo-lion{font-size:3.5rem;line-height:1;margin-top:14px}
.logo-text{
  color:var(--gold);font-weight:900;font-size:.72rem;letter-spacing:.14em;
  margin-top:2px;line-height:1.05;
}
.logo-text i{font-style:normal;font-size:.62rem;letter-spacing:.22em;opacity:.92}

/* ── Título ── */
h1{font-size:1.6rem;font-weight:800;letter-spacing:-.01em}

/* ── Pill de bono ── */
.bonus-pill{
  width:100%;background:#e7f4ec;border:1px solid #cde9d8;
  border-radius:14px;padding:15px;font-weight:700;font-size:1.02rem;color:#1c2b22;
}

/* ── CTA ── */
.cta{
  width:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,var(--wa),var(--wa-d));
  color:#fff;font-weight:800;font-size:1.12rem;text-decoration:none;
  padding:17px 22px;border-radius:999px;
  box-shadow:0 10px 26px rgba(33,192,99,.4);
  transition:transform .12s ease,filter .12s ease;
}
.cta:active{transform:scale(.98)}
.cta:hover{filter:brightness(1.05)}

/* ── Cards oscuras ── */
.card{
  width:100%;background:var(--dark);color:#fff;
  border-radius:20px;padding:20px 18px;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}
.amounts{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;
  font-size:1.02rem;font-weight:800;
}
.amounts em{font-style:normal;color:var(--gold);font-size:.92rem}
.amounts b{color:var(--wa)}
.amounts .sep{color:#3a3a3a}
.card-sub{
  margin-top:10px;color:#cfd2d6;font-size:.84rem;font-weight:700;letter-spacing:.03em;
}
.card h2{font-size:1.15rem;font-weight:900;letter-spacing:.04em;margin-bottom:14px}

/* ── Medios de pago ── */
.pays{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pay{
  background:#fff;color:#1a1a1a;border-radius:13px;
  padding:12px 6px 10px;font-size:.74rem;font-weight:700;
  display:flex;flex-direction:column;align-items:center;gap:7px;
}
.pay-ico{
  width:34px;height:34px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;font-size:1.1rem;background:#eef1f5;
}
.pay-ico.mp{background:#009ee3;color:#fff;font-size:.82rem;font-weight:900}
.pay-ico.ua{background:linear-gradient(135deg,#ff4f87,#7b3ff2);color:#fff;font-weight:900}

/* ── Prueba social ── */
.social{
  width:100%;background:linear-gradient(90deg,#2aa9a0,#28c0a8);
  border-radius:999px;padding:9px 16px;
  display:flex;align-items:center;gap:10px;color:#fff;
}
.avatars{display:flex}
.avatars i{
  width:30px;height:30px;border-radius:50%;border:2px solid #fff;
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.9rem;
  margin-left:-9px;
}
.avatars i:first-child{margin-left:0}
.social-txt{font-size:.82rem;text-align:left;line-height:1.25}
.social-txt b{font-weight:800}

/* ── Trustpilot ── */
.trust{
  width:100%;background:#fff;border:1.5px dashed #c7ccd3;border-radius:12px;
  padding:11px 12px;display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:5px 8px;font-size:.82rem;color:#3a3f47;
}
.trust-word{color:#141414;font-size:.9rem}
.trust-stars{display:flex;gap:1px}
.trust-stars i{
  background:var(--tp);color:#fff;font-style:normal;font-size:.74rem;
  width:17px;height:17px;display:flex;align-items:center;justify-content:center;border-radius:3px;
}
.trust-stars i.half{background:linear-gradient(90deg,var(--tp) 55%,#dcdfe3 55%)}
.trust-brand{font-weight:800;color:#141414;display:flex;align-items:center;gap:3px}
.trust-brand i{color:var(--tp);font-style:normal}

/* ── Footer ── */
.foot{color:#9aa0a8;font-size:.76rem;margin-top:6px}

/* ── Barra sticky ── */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:linear-gradient(180deg,var(--wa),var(--wa-d));
  color:#fff;text-decoration:none;font-weight:800;font-size:.86rem;
  padding:15px 14px;text-align:center;
  box-shadow:0 -6px 20px rgba(0,0,0,.18);
}
.sticky u{text-underline-offset:2px}

/* Botón sin número configurado: no navega, pero se ve normal */
[data-wa-disabled]{cursor:default}

@media(min-width:480px){
  h1{font-size:1.75rem}
}
@media(max-width:479px){
  .amounts{flex-direction:column;gap:3px}
  .amounts .sep{display:none}
}