:root{
  --black:#030303;
  --white:#ffffff;
  --soft:#fbf8fb;
  --text:#101010;
  --muted:#555;
  --lime:#d7ff45;
  --blue:#2455bf;
  --line:#ededed;
  --shadow:0 16px 45px rgba(0,0,0,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#121212;
  color:var(--text);
  font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.phone-page{
  width:100%;
  max-width:430px;
  min-height:100vh;
  margin:0 auto;
  background:var(--soft);
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 80px rgba(0,0,0,.45);
  overflow:hidden;
  position:relative;
}
.hero-top{background:var(--black);color:var(--white)}
.top-image-wrap{
  width:100%;
  height:315px;
  background:#f3f3f3;
  overflow:hidden;
}
.top-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hero-copy{
  padding:48px 26px 54px;
  text-align:left;
}
.kicker{
  margin:0 0 14px;
  color:var(--lime);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.13em;
}
h1,h2,h3,p{margin-top:0}
.hero-copy h1{
  font-size:39px;
  line-height:1.05;
  letter-spacing:-1.6px;
  margin:0 0 20px;
  font-weight:700;
}
.hero-copy p:not(.kicker){
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#f6f6f6;
}
.hero-buttons{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin-top:34px;
}
.btn-primary,.btn-secondary,.btn-card,.btn-bottom{
  border:0;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  letter-spacing:.02em;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 25px;
  text-align:center;
  text-transform:uppercase;
}
.btn-primary,.btn-card,.btn-bottom{
  background:var(--lime);
  color:#050505;
  box-shadow:0 12px 30px rgba(215,255,69,.25);
}
.btn-secondary{
  color:#fff;
  border:1.5px solid rgba(255,255,255,.25);
  min-height:44px;
  background:rgba(255,255,255,.08);
}
.btn-secondary.dark-text{
  color:#111;
  border-color:rgba(0,0,0,.12);
  background:#fff;
}
.light-section{
  background:var(--soft);
  padding:38px 23px;
}
.intro-section h2,.flyer-section h2,.testimonials-section h2{
  font-size:23px;
  line-height:1.15;
  letter-spacing:-.8px;
  font-weight:500;
  margin-bottom:17px;
}
.intro-section h2 strong,.flyer-section h2 strong,.testimonials-section h2 strong{font-weight:900}
.intro-section>p,.flyer-section>p,.testimonials-section>p{
  color:#3d3d3d;
  font-size:13px;
  line-height:1.65;
  margin-bottom:24px;
}
.how-box,.group-card,.testimonial-card,.proof-card{
  background:#fff;
  border-radius:6px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.how-box{padding:22px 17px;margin:20px 0 18px}
.how-box h3{
  margin:0 0 16px;
  font-size:17px;
  font-weight:900;
}
.steps{display:grid;gap:12px}
.steps div{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.steps span{
  flex:0 0 28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#0a0a0a;
  background:var(--lime);
  font-weight:900;
  font-size:12px;
}
.steps p{margin:0;color:#202020;font-size:13px;line-height:1.45}
.group-card{
  padding:22px 17px 18px;
  margin-top:17px;
  border:1px solid rgba(0,0,0,.04);
}
.group-card .label{
  display:inline-flex;
  margin:0 0 10px;
  padding:6px 10px;
  border-radius:999px;
  background:#eefdd0;
  color:#0d0d0d;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.group-card .label.premium{background:#101010;color:#fff}
.group-card h3{
  font-size:21px;
  line-height:1.15;
  margin-bottom:10px;
  font-weight:900;
}
.group-card>p:not(.label){
  color:#4b4b4b;
  font-size:13px;
  line-height:1.55;
  margin-bottom:16px;
}
.draws{display:grid;gap:10px;margin-bottom:18px}
.draw-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  background:#fff;
}
.draw-item h4{margin:0 0 3px;font-size:14px;font-weight:900}
.draw-item p{margin:0;color:#5b5b5b;font-size:12px;line-height:1.35}
.draw-price{text-align:right;font-weight:900;color:#111;font-size:13px}
.draw-price span{display:block;color:#159341;font-size:12px;margin-top:2px}
.btn-card{width:100%;min-height:48px}
.btn-card.dark{background:#101010;color:#fff;box-shadow:none}
.black-section{
  background:#050505;
  color:#fff;
  padding:42px 24px;
}
.rule-section h2{
  font-size:28px;
  line-height:1.1;
  letter-spacing:-1px;
  margin-bottom:14px;
  font-weight:500;
}
.rule-section h2 strong{font-weight:900;color:var(--lime)}
.rule-section p{font-size:13px;line-height:1.7;color:#ececec;margin-bottom:24px}
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rule{
  background:#111;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  text-align:center;
  padding:15px 8px;
}
.rule strong{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  margin:0 auto 8px;
  border-radius:50%;
  background:var(--lime);
  color:#111;
  font-size:16px;
}
.rule span{font-size:11px;color:#eee;font-weight:700}
.flyer-section{text-align:left}
.flyer-frame{
  background:#fff;
  border-radius:18px;
  padding:10px;
  box-shadow:var(--shadow);
  margin:18px 0 20px;
}
.flyer-frame img{
  width:100%;
  border-radius:12px;
  background:#f6f6f6;
  object-fit:contain;
}
.compact{margin-top:18px}
.testimonials-section{padding-bottom:52px}
.proofs-list,.testimonials-list{display:grid;gap:16px;margin-top:20px}
.proof-card{
  overflow:hidden;
  border:1px solid rgba(0,0,0,.04);
}
.proof-card img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:#f4f4f4;
}
.proof-content{padding:14px 15px 16px}
.proof-content h3{font-size:15px;margin:0 0 4px;font-weight:900}
.proof-content p{font-size:12px;color:#555;line-height:1.45;margin:0 0 8px}
.proof-content strong{display:block;color:#101010;font-size:13px}
.testimonial-card{
  padding:22px 17px;
  border:1px solid rgba(0,0,0,.035);
}
.stars{color:var(--blue);font-size:22px;letter-spacing:1px;line-height:1;margin-bottom:17px}
.testimonial-card .quote{font-size:13px;line-height:1.65;color:#1d1d1d;margin-bottom:20px}
.person{
  display:flex;
  align-items:center;
  gap:13px;
}
.avatar{
  flex:0 0 70px;
  width:70px;height:70px;
  border-radius:50%;
  background:linear-gradient(135deg,#111,#4d4d4d);
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:22px;
  overflow:hidden;
}
.avatar img{width:100%;height:100%;object-fit:cover}
.person strong{display:block;font-size:15px}
.person span{font-size:13px;color:#444}
.btn-bottom{margin:35px auto 0;display:flex;width:max-content;min-width:190px}
.footer-section{text-align:center;padding-bottom:82px}
.footer-section img{width:82px;margin:0 auto 14px;border-radius:18px}
.footer-section h2{font-size:24px;margin-bottom:14px}
.footer-section p{font-size:12px;line-height:1.6;color:#d9d9d9;margin-bottom:10px}
.footer-copy{opacity:.78}
 .whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:30;
  min-height:58px;
  padding:9px 15px 9px 10px;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:9px;
  background:#25D366;
  color:#071b0d;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  border:2px solid rgba(255,255,255,.75);
}
.wa-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#25D366;
  font-size:23px;
  line-height:1;
}
.wa-text{
  display:block;
  font-size:11px;
  line-height:1.05;
  letter-spacing:.02em;
}
.wa-text strong{
  font-size:12px;
  color:#071b0d;
  letter-spacing:0;
}
.empty{
  background:#fff;
  border:1px dashed #ddd;
  border-radius:12px;
  padding:18px;
  font-size:12px;
  color:#666;
  line-height:1.5;
}
@media (min-width:431px){
  body{padding:24px 0}
  .phone-page{border-radius:0}
}
@media (max-width:360px){
  .hero-copy h1{font-size:34px}
  .top-image-wrap{height:280px}
  .rule-grid{grid-template-columns:1fr}
  .whatsapp-float{right:12px;bottom:12px;min-height:54px;padding-right:12px}
}


/* AJUSTE 2026-06-24F: logo flotante de WhatsApp solo icono */
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:30;width:64px;height:64px;display:block;padding:0;margin:0;background:transparent;border:none;border-radius:50%;box-shadow:none;min-height:auto;}
.whatsapp-float img{display:block;width:64px;height:64px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));}
.whatsapp-float .wa-icon,.whatsapp-float .wa-text{display:none !important;}
@media (max-width:360px){.whatsapp-float{right:12px;bottom:12px;width:58px;height:58px}.whatsapp-float img{width:58px;height:58px}}


/* AJUSTE 2026-06-24G — LANDING FULL WIDTH Y RESPONSIVE */
body{background:var(--soft) !important;}
.phone-page{width:100% !important;max-width:none !important;min-height:100vh !important;margin:0 !important;background:var(--soft) !important;box-shadow:none !important;overflow:hidden !important;position:relative !important;}
.hero-top,.light-section,.black-section,.footer-section{width:100% !important;}
.top-image-wrap{height:clamp(280px, 48vw, 520px) !important;}
.hero-copy{padding:42px clamp(22px,4vw,54px) 52px !important;}
.hero-copy h1{font-size:clamp(42px, 9vw, 68px) !important;line-height:1.02 !important;letter-spacing:-1.8px !important;}
.hero-copy p:not(.kicker){font-size:clamp(15px, 2vw, 22px) !important;max-width:900px !important;}
.light-section,.black-section{padding:48px clamp(22px,4vw,64px) !important;}
.intro-section h2,.flyer-section h2,.testimonials-section h2,.black-section h2,.footer-section h2{font-size:clamp(28px, 5vw, 48px) !important;line-height:1.1 !important;}
.intro-section>p,.flyer-section>p,.testimonials-section>p,.black-section>p,.footer-section p{font-size:clamp(14px, 1.8vw, 18px) !important;max-width:1000px !important;}
.hero-buttons{flex-direction:column;align-items:center;gap:14px;}
.btn-primary,.btn-secondary,.btn-card,.btn-bottom{min-height:50px; font-size:14px;}
.proofs-list,.testimonials-list{display:grid !important;grid-template-columns:1fr !important;gap:20px !important;}
@media (min-width: 900px){
  .hero-top{display:grid !important;grid-template-columns:minmax(360px, 40%) 1fr !important;align-items:stretch !important;min-height:560px !important;}
  .top-image-wrap{height:100% !important;min-height:560px !important;}
  .hero-copy{display:flex !important;flex-direction:column !important;justify-content:center !important;padding:70px clamp(38px, 6vw, 96px) !important;}
  .hero-buttons{flex-direction:row !important;justify-content:flex-start !important;align-items:center !important;flex-wrap:wrap !important;gap:16px !important;}
  .btn-primary,.btn-secondary{min-width:260px !important;min-height:54px !important;font-size:15px !important;}
  .light-section,.black-section{padding:64px clamp(38px, 6vw, 96px) !important;}
  .group-card,.proof-card,.testimonial-card{padding:26px !important;}
  .proofs-list,.testimonials-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .rule-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (min-width: 1280px){
  .hero-top{grid-template-columns:minmax(420px, 38%) 1fr !important;}
  .top-image-wrap{min-height:620px !important;}
  .hero-copy{padding:84px clamp(48px, 7vw, 120px) !important;}
  .light-section,.black-section{padding:76px clamp(48px, 7vw, 120px) !important;}
}


/* AJUSTE 2026-06-24K — HERO 50/50 con mismas dimensiones */
@media (min-width: 900px){
  .hero-top{
    display:grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items:stretch !important;
    min-height: 640px !important;
  }
  .hero-top > .top-image-wrap,
  .hero-top > .hero-copy{
    min-width:0 !important;
    width:100% !important;
    min-height:640px !important;
  }
  .top-image-wrap{
    height:100% !important;
    background:#ece9eb !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .top-image{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
  .hero-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    padding:72px clamp(42px, 5vw, 90px) !important;
  }
}
@media (min-width: 1280px){
  .hero-top{min-height:700px !important;}
  .hero-top > .top-image-wrap,
  .hero-top > .hero-copy{min-height:700px !important;}
}


/* AJUSTE 2026-06-24L — colores solicitados en botones de WhatsApp
   Premium = verde / Dinámicas 360 normal = rojo. */
#btnPremiumHero,
#btnPremiumCard,
#btnPremiumFlyer,
.floatingPremium{
  background:#25D366 !important;
  color:#06160a !important;
  border:0 !important;
  box-shadow:0 12px 30px rgba(37,211,102,.28) !important;
}
#btnNormalHero,
#btnNormalCard,
#btnNormalFlyer,
#btnNormalBottom,
.floatingNormal{
  background:#e11d2e !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:0 12px 30px rgba(225,29,46,.26) !important;
}
#btnPremiumHero:hover,
#btnPremiumCard:hover,
#btnNormalHero:hover,
#btnNormalCard:hover,
#btnNormalBottom:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}