:root{
    --bg:#12131c;
    --surface:#1b1d2b;
    --surface-2:#242739;
    --yellow:#ffd400;
    --red:#ff3d3d;
    --cream:#f5f2e9;
    --muted:#9497ab;
    --line:#33364a;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{
    background:var(--bg);
    color:var(--cream);
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
  }
  .noise{
    position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:1;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .wrap{max-width:1080px;margin:0 auto;padding:0 24px;position:relative;z-index:2;}

  /* ---------- TOP BAR ---------- */
  .topbar{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 0;border-bottom:1px solid var(--line);
  }
  .brand{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;}
  .brand b{color:var(--yellow);}
  .stock-pill{
    font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.05em;
    background:var(--red);color:#fff;padding:6px 12px;border-radius:100px;
    display:flex;align-items:center;gap:6px;text-transform:uppercase;font-weight:600;
  }
  .stock-pill::before{content:'';width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.4s infinite;}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

  .hero{padding:52px 0 20px;position:relative;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}
  @media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:32px;}}

  .eyebrow{
    font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;
    color:var(--yellow);text-transform:uppercase;margin-bottom:14px;font-weight:600;
  }
  h1{
    font-family:'Anton',sans-serif;
    font-size:clamp(34px,5.4vw,58px);
    line-height:.98;
    text-transform:uppercase;
    letter-spacing:.01em;
    margin-bottom:16px;
  }
  h1 span, p span {color:var(--yellow);}
  .subtext{color:var(--muted);font-size:16px;line-height:1.55;margin-bottom:26px;max-width:440px;}

  .price-box{
    display:flex;align-items:flex-end;gap:16px;margin-bottom:8px;flex-wrap:wrap;
  }
  .price-old{
    font-family:'JetBrains Mono',monospace;font-size:20px;color:var(--muted);
    text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px;
  }
  .price-new{font-family:'Anton',sans-serif;font-size:clamp(42px,6vw,64px);color:var(--yellow);line-height:1;}
  .price-new small{font-family:'Inter',sans-serif;font-size:16px;color:var(--cream);font-weight:600;vertical-align:middle;}
  .installments{
    font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted);margin-bottom:28px;
  }
  .installments b{color:var(--cream);}

  .cta-row{display:flex;gap:12px;flex-wrap:wrap;}
  .btn-whatsapp{
    display:inline-flex;align-items:center;gap:10px;
    background:#25D366;color:#0c1a12;font-weight:800;
    padding:16px 26px;border-radius:10px;text-decoration:none;
    font-size:16px;box-shadow:0 8px 24px rgba(37,211,102,.25);
    transition:transform .15s ease;
  }
  .btn-whatsapp:hover{transform:translateY(-2px);}
  .btn-whatsapp svg{width:20px;height:20px;}
  .btn-secondary{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid var(--line);color:var(--cream);
    padding:16px 22px;border-radius:10px;text-decoration:none;
    font-size:14px;font-weight:600;font-family:'JetBrains Mono',monospace;
  }

  .media{position:relative;}
  .sticker{
    position:absolute;top:-18px;right:6px;z-index:5;
    width:118px;height:118px;border-radius:50%;
    background:var(--red);color:#fff;
    display:flex;align-items:center;justify-content:center;
    transform:rotate(12deg);
    box-shadow:0 10px 26px rgba(255,61,61,.35);
    font-family:'Anton',sans-serif;text-align:center;line-height:1;
    border:3px dashed rgba(255,255,255,.5);
  }
  .sticker div{display:flex;flex-direction:column;}
  .sticker .pct{font-size:30px;}
  .sticker .off{font-size:13px;letter-spacing:.05em;margin-top:2px;}

  .shot{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:18px;
    aspect-ratio:4/3;
    display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
    margin-bottom:14px;
  }
  .shot::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(circle at 30% 20%, rgba(255,212,0,.08), transparent 60%);
  }
  .shot .ph-label{
    font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);
    display:flex;flex-direction:column;align-items:center;gap:10px;
  }
  .shot svg{width:64px;height:64px;stroke:var(--muted);opacity:.5;}
  .thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .thumb{
    background:var(--surface);border:1px solid var(--line);border-radius:12px;
    aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
  }
  .thumb svg{width:34px;height:34px;stroke:var(--muted);opacity:.45;}

  /* ---------- SPECS ---------- */
  .section-label{
    font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;
    color:var(--muted);text-transform:uppercase;margin-bottom:16px;
    display:flex;align-items:center;gap:10px;
  }
  .section-label::after{content:'';flex:1;height:1px;background:var(--line);}

  .specs{padding:56px 0 8px;}
  .specs-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
    background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  }
  @media(max-width:700px){.specs-grid{grid-template-columns:repeat(2,1fr);}}
  .spec{
    background:var(--surface);padding:20px 18px;
  }
  .spec .k{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
  .spec .v{font-size:15px;font-weight:600;line-height:1.3;}

  /* ---------- WARRANTY / SUPPORT ---------- */
  .perks{padding:52px 0;}
  .perks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  @media(max-width:760px){.perks-grid{grid-template-columns:1fr;}}
  .perk{
    background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;
  }
  .perk .icon{
    width:38px;height:38px;border-radius:10px;background:var(--surface-2);
    display:flex;align-items:center;justify-content:center;margin-bottom:14px;
  }
  .perk .icon svg{width:20px;height:20px;stroke:var(--yellow);}
  .perk h3{font-size:15px;margin-bottom:6px;}
  .perk p{font-size:13.5px;color:var(--muted);line-height:1.5;}

  /* ---------- FINAL CTA ---------- */
  .final{
    padding:60px 0 80px;text-align:center;
  }
  .final-box{
    background:linear-gradient(135deg,var(--surface-2),var(--surface));
    border:1px solid var(--line);border-radius:20px;padding:48px 24px;position:relative;overflow:hidden;
  }
  .final-box::before{
    content:'ÚLTIMA UNIDAD';
    position:absolute;top:22px;left:-46px;
    background:var(--yellow);color:#12131c;
    font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
    padding:5px 50px;transform:rotate(-38deg);letter-spacing:.05em;
  }
  .final h2{
    font-family:'Anton',sans-serif;font-size:clamp(26px,4vw,38px);
    text-transform:uppercase;margin-bottom:10px;
  }
  .final h2 span{color:var(--yellow);}
  .final p{color:var(--muted);margin-bottom:26px;font-size:15px;}

  footer{
    border-top:1px solid var(--line);padding:24px 0;text-align:center;
    font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);
  }

  /* ---------- FLOATING WHATSAPP ---------- */
  .float-wa{
    position:fixed;bottom:22px;right:22px;z-index:50;
    width:58px;height:58px;border-radius:50%;background:#25D366;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 28px rgba(37,211,102,.4);text-decoration:none;
    animation:float 2.6s ease-in-out infinite;
  }
  .float-wa svg{width:28px;height:28px;fill:#0c1a12;}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  @media(prefers-reduced-motion:reduce){
    .float-wa{animation:none;}
    .stock-pill::before{animation:none;}
  }