/* =========================================================
   ORBIT — landings de producto (tráfico frío de anuncios)
   Cada landing define su tema con variables en <body>.
   orbit.js sigue a cargo del carrito, el pago, las cookies y el píxel;
   acá se esconden la barra y el pie de Orbit y se usa uno propio.
   ========================================================= */
body.lp{--bg:#F2EFE8;--bg2:#E4E0D6;--ink:#0D0D0E;--mut:#5f5d58;--acc:#FF4F2E;--acc2:#3047FF;--hi:#D9FF45;--card:#fff;
  --hd:'Inter Tight',system-ui,sans-serif;--it:'Playfair Display',Georgia,serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  --r:18px;--pad:clamp(16px,4.4vw,56px);--max:1180px;--ease:cubic-bezier(.7,0,.2,1);
  background:var(--bg);color:var(--ink);font-family:var(--hd);font-size:17px;line-height:1.5}
body.lp>.nav,body.lp>.foot,body.lp .mnav{display:none!important}
.lp *{box-sizing:border-box}
.lp img,.lp video{max-width:100%;display:block}
.lp a{color:inherit}
.lp .w{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.lp .mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.lp em{font-family:var(--it);font-style:italic;font-weight:500;letter-spacing:-.01em}
.lp h1,.lp h2,.lp h3{font-family:var(--hd);margin:0;letter-spacing:-.035em;line-height:.98}
.lp h1{font-size:clamp(42px,6.4vw,88px);font-weight:900;text-transform:uppercase}
.lp h2{font-size:clamp(34px,5vw,64px);font-weight:900;text-transform:uppercase}
.lp h3{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.lp h1 em,.lp h2 em{text-transform:none;font-weight:500}
.lp p{margin:0}
.lp main>section{padding:clamp(64px,10vw,128px) 0}

/* barra superior */
.lp-top{background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;white-space:nowrap}
.lp-top div{display:inline-flex;gap:38px;padding:9px 0;animation:lpT 32s linear infinite}
.lp-top span::before{content:'●';color:var(--acc);margin-right:10px;font-size:8px;vertical-align:2px}
@keyframes lpT{to{transform:translateX(-50%)}}
.lp-head{display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);max-width:var(--max);margin:0 auto}
.lp-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:18px;text-decoration:none}
.lp-stamp{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;border-radius:99px;padding:6px 12px 6px 8px;text-decoration:none}
.lp-stamp svg{width:16px;height:16px}

/* hero */
.lp main>.lp-hero{padding:clamp(8px,2vw,28px) 0 clamp(56px,8vw,96px)}
.lp-hero .g{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,5vw,72px);align-items:center}
.lp-kick{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}
.lp-kick b{background:var(--hi);color:var(--ink);border-radius:99px;padding:5px 11px;font-weight:600}
.lp-sub{font-size:clamp(18px,1.6vw,21px);line-height:1.45;max-width:34ch;margin-top:22px;color:var(--ink)}
.lp-sub strong{font-weight:700}
.lp-media{position:relative}
.lp-media video,.lp-media img.main{width:100%;height:auto;border-radius:var(--r);box-shadow:0 30px 60px -30px rgba(13,13,14,.45);background:var(--bg2);aspect-ratio:4/5;object-fit:cover}
.lp-badge{position:absolute;left:-14px;bottom:28px;background:var(--ink);color:var(--bg);border-radius:14px;padding:12px 16px;transform:rotate(-3deg);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.lp-badge b{display:block;font-size:26px;letter-spacing:-.03em}

/* bloque de compra */
.lp-buy{margin-top:30px;display:grid;gap:12px;max-width:440px}
.lp-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.lp-price b{font-size:clamp(40px,4.4vw,56px);font-weight:900;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.lp-price s{color:var(--mut);font-size:18px}
.lp-cta{appearance:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:62px;padding:16px 22px;border-radius:14px;background:var(--acc);color:#fff;font:800 18px/1.1 var(--hd);letter-spacing:-.01em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 0 -2px var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.lp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 0 -2px var(--ink)}
.lp-cta:active{transform:translateY(4px);box-shadow:0 4px 0 -2px var(--ink)}
.lp-cta:focus-visible{outline:3px solid var(--acc2);outline-offset:3px}
.lp-cta .ar{font-size:24px}
.lp-trust{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--mut);font-size:14px}
.lp-trust span{display:inline-flex;align-items:center;gap:6px}
.lp-trust span::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--acc2)}
.lp-pay{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lp-pay i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.04em;border:1px solid rgba(13,13,14,.25);border-radius:6px;padding:4px 8px}

/* problema */
.lp-dark{background:var(--ink);color:var(--bg)}
.lp-dark .lp-mut{color:#a9a69e}
.lp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.lp-card{border:1px solid rgba(242,239,232,.18);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:14px;min-height:230px}
.lp-card .n{font-family:var(--mono);font-size:12px;color:var(--acc)}
.lp-card p{color:#cfcbc2;font-size:16px}
.lp-big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.lp-num{border-radius:var(--r);padding:28px;background:#161617;border:1px solid #242426}
.lp-num b{display:block;font-size:clamp(40px,6vw,76px);font-weight:900;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.lp-num.hot{background:var(--acc);border-color:var(--acc);color:#fff}
.lp-note{margin-top:14px;font-size:13px;color:#8C8A84}

/* solución */
.lp-sol{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:48px}
.lp-tile{grid-column:span 6;background:var(--card);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(13,13,14,.08)}
.lp-tile.wide{grid-column:span 12;display:grid;grid-template-columns:1.3fr 1fr}
.lp-tile .im{background:var(--bg2);overflow:hidden}
.lp-tile .im img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:top left}
.lp-tile .tx{padding:26px;display:flex;flex-direction:column;gap:10px}
.lp-tile .tx .mono{color:var(--acc2)}
.lp-tile .tx p{color:var(--mut)}

/* demo */
.lp-demo{background:var(--card);border-radius:24px;padding:clamp(22px,4vw,44px);margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;border:1px solid rgba(13,13,14,.08)}
.lp-demo label{display:block;font-weight:700;margin-bottom:10px}
.lp-demo .inp{display:flex;align-items:center;border:2px solid var(--ink);border-radius:12px;padding:0 16px;height:64px;font-size:28px;font-weight:800;background:#fff}
.lp-demo .inp input{border:0;outline:0;font:inherit;width:100%;background:transparent;min-width:0}
.lp-demo .inp:focus-within{box-shadow:0 0 0 4px var(--hi)}
.lp-demo input[type=range]{width:100%;margin-top:18px;accent-color:var(--acc)}
.lp-out{border-radius:18px;padding:24px;background:var(--ink);color:var(--bg);display:grid;gap:12px;transition:background .3s var(--ease)}
.lp-out.bad{background:var(--acc)}
.lp-out.ok{background:#1d6b45}
.lp-out .row{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.lp-out .row b{font-family:var(--hd);font-size:20px;letter-spacing:-.02em;text-transform:none}
.lp-out .verdict{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15;border-top:1px solid rgba(255,255,255,.25);padding-top:14px}

/* pasos */
.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px;counter-reset:s}
.lp-step{border-top:2px solid var(--ink);padding-top:18px}
.lp-step::before{counter-increment:s;content:'0' counter(s);display:block;font-weight:900;font-size:56px;letter-spacing:-.05em;line-height:1;margin-bottom:10px;color:var(--acc)}
.lp-step p{color:var(--mut);margin-top:8px}

/* galería */
.lp-gal{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px var(--pad) 26px;margin-top:40px;scrollbar-width:thin}
.lp-gal img{flex:0 0 auto;height:min(64vh,520px);width:auto;border-radius:10px;scroll-snap-align:center;box-shadow:0 18px 40px -22px rgba(13,13,14,.5);background:#fff}

/* oferta */
.lp-offer{background:var(--card);border-radius:28px;border:2px solid var(--ink);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;margin-top:44px}
.lp-offer .l{padding:clamp(24px,4vw,48px)}
.lp-offer .r{padding:clamp(24px,4vw,48px);background:var(--bg2);display:flex;flex-direction:column;gap:16px;justify-content:center}
.lp-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.lp-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.lp-list li::before{content:'';width:24px;height:24px;border-radius:50%;background:var(--hi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230D0D0E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;border:1.5px solid var(--ink);margin-top:1px}
.lp-list b{display:block}
.lp-list span{color:var(--mut);font-size:15px}
.lp-bump{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;border:2px dashed var(--ink);border-radius:16px;padding:16px;background:#fff;cursor:pointer;position:relative}
.lp-bump:has(input:checked){border-style:solid;background:var(--hi)}
.lp-bump input{width:26px;height:26px;accent-color:var(--ink);margin:2px 0 0;cursor:pointer}
.lp-bump .tag{position:absolute;top:-11px;right:14px;background:var(--ink);color:var(--bg);border-radius:99px;padding:3px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.lp-bump b{display:block;font-size:17px}
.lp-bump small{display:block;color:var(--mut);font-size:14px;margin-top:4px;line-height:1.4}
.lp-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(13,13,14,.2);padding-top:14px}
.lp-total b{font-size:34px;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}

/* garantía */
.lp-guar{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.lp-seal{width:clamp(120px,16vw,170px);aspect-ratio:1;border-radius:50%;background:var(--acc2);color:#fff;display:grid;place-items:center;text-align:center;font-weight:900;letter-spacing:-.04em;line-height:.9;transform:rotate(-8deg)}
.lp-seal b{font-size:clamp(48px,6vw,68px);display:block}
.lp-seal span{font-family:var(--mono);font-size:11px;letter-spacing:.06em;font-weight:500;text-transform:uppercase}

/* faq */
.lp-faq{margin-top:36px;border-top:1px solid rgba(13,13,14,.2)}
.lp-faq details{border-bottom:1px solid rgba(13,13,14,.2)}
.lp-faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:700;font-size:19px;position:relative;letter-spacing:-.01em}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:'+';position:absolute;right:4px;top:16px;font-size:30px;font-weight:400;transition:transform .3s var(--ease)}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq details p{padding:0 0 22px;color:var(--mut);max-width:68ch}

/* final */
.lp-final{text-align:left}
.lp-final .g{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,72px);align-items:end}

/* pie */
.lp-foot{background:var(--ink);color:var(--bg);padding:48px 0 calc(110px + env(safe-area-inset-bottom,0px))}
.lp-foot .g{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start}
.lp-foot nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.lp-foot nav a{text-decoration:none;font-size:14px;opacity:.75}
.lp-foot nav a:hover{opacity:1}
.lp-foot p{font-size:13px;color:#8C8A84;margin-top:14px;max-width:60ch}

/* barra fija de compra en el celular */
.lp-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ink);color:var(--bg);padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .35s var(--ease)}
.lp-bar.on{transform:none}
.lp-bar b{font-size:22px;letter-spacing:-.03em;display:block;line-height:1}
.lp-bar small{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#a9a69e}
.lp-bar .lp-cta{width:auto;min-height:52px;padding:12px 18px;font-size:15px;box-shadow:none}
body.lp:has(.ck.on) .lp-bar{bottom:var(--ckh,0px)}

/* animación de entrada */
.lp .rv{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.lp .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.lp .rv{opacity:1;transform:none;transition:none}.lp-top div{animation:none}.lp-cta{transition:none}}

@media (max-width:900px){
  .lp-hero .g,.lp-demo,.lp-offer,.lp-final .g,.lp-tile.wide{grid-template-columns:1fr}
  .lp-cards,.lp-steps{grid-template-columns:1fr}
  .lp-tile{grid-column:span 12}
  .lp-media{max-width:520px}
  .lp-badge{left:10px;bottom:-16px}
  .lp-big{grid-template-columns:1fr}
  .lp-guar{grid-template-columns:1fr}
}
@media (max-width:560px){
  body.lp{font-size:16px}
  .lp-head{padding:14px var(--pad)}
  .lp-stamp{font-size:10px}
  .lp-card{min-height:0}
}
.lp input{color:var(--ink);font-family:inherit}