:root{--neg:#0b0b0b;--neg2:#151515;--bl:#fff;--hueso:#EFEFEC;--linea:#DAD9D5;--lineaD:#2b2b2b;--gris:#6a6a6a;--grisD:#a9a9a9;--verde:#1F7A3F;--disp:'Bebas Neue','Oswald',Impact,'Arial Narrow',sans-serif;--ease:cubic-bezier(.22,.8,.24,1)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--neg)}
body{font-family:'Montserrat',system-ui,sans-serif;background:var(--neg);color:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:0}a{color:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#prog{position:fixed;top:0;left:0;height:3px;background:#fff;width:0;z-index:200}
header.top{position:fixed;left:0;right:0;top:0;z-index:100;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
header.top.sc{background:rgba(11,11,11,.88);backdrop-filter:blur(12px);border-color:var(--lineaD)}
header.top .in{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 5vw;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand img{height:30px;width:auto;filter:invert(1)}.brand b{letter-spacing:.3em;font-size:.95rem}
nav.menu{display:flex;gap:1.6rem}nav.menu a{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;opacity:.85;white-space:nowrap}nav.menu a:hover{opacity:1;text-decoration:underline}
@media(max-width:820px){nav.menu{display:none}}
.cbtn{display:inline-flex;align-items:center;gap:.6rem;border:1.5px solid #fff;border-radius:99px;padding:.6rem 1.1rem;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;min-height:44px}
.cbtn .n{background:#fff;color:#0b0b0b;border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.72rem;padding:0 .3rem}
.cbtn.bump{animation:bump .5s var(--ease)}@keyframes bump{40%{transform:scale(1.12)}}
.hero{position:relative;padding:150px 5vw 5rem;overflow:hidden;background:radial-gradient(120% 90% at 80% 0,#242424 0,#0b0b0b 60%)}
.hero .wrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem;align-items:center}
@media(max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}.hero{padding-top:120px}}
.kicker{font-size:.72rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--grisD)}
.hero h1{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(3.6rem,11vw,9rem);line-height:.86;margin:1rem 0 1.2rem}
.hero h1 i{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff}
.hero .lead{font-size:1.05rem;max-width:34rem;color:#d6d6d6;font-weight:500}
.chips-m{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}.chips-m span{border:1px solid var(--lineaD);border-radius:99px;padding:.4rem .9rem;font-size:.72rem;font-weight:700;color:var(--grisD)}
.hero .cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0b0b0b;border-radius:99px;padding:.9rem 1.5rem;font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;min-height:48px;transition:transform .25s var(--ease),background .25s}
.btn:hover{transform:translateY(-2px);background:#e8e8e8}.btn.ghost{background:transparent;color:#fff;border:1.5px solid #fff}.btn.ghost:hover{background:#fff;color:#0b0b0b}
.hfloat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:520px;margin-left:auto;width:100%}
.hfloat .fp{background:#fff;border-radius:20px;padding:.5rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);will-change:transform;aspect-ratio:1/1.1;display:grid;place-items:center;overflow:hidden}
.hfloat .fp img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hfloat .fp:nth-child(even){margin-top:2.4rem}
@media(max-width:900px){.hfloat{margin:1rem auto 0;max-width:420px}}
.sec{padding:5rem 5vw}.sec.light{background:var(--hueso);color:#0b0b0b}.wrap2{max-width:1240px;margin:0 auto}
.sec h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(2.6rem,7vw,5rem);line-height:.9;margin:.6rem 0 1rem}
.sec .sub{max-width:38rem;color:var(--gris);font-weight:600}
.filt{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.8rem 0 .8rem}
.fc{border:1.5px solid #0b0b0b;border-radius:99px;padding:.6rem 1.1rem;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;min-height:44px;transition:background .25s,color .25s}
.fc[aria-pressed=true]{background:#0b0b0b;color:#fff}
.fmsg{font-weight:700;font-size:.92rem;min-height:2.6em;margin-bottom:1.2rem;transition:opacity .25s}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:minmax(0,1fr)}}
.pc{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:opacity .3s,transform .3s var(--ease),box-shadow .3s}
.pc:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px rgba(0,0,0,.4)}
.pc.out{opacity:0;transform:scale(.96)}.pc[hidden]{display:none}
.pc .im{aspect-ratio:1/1;background:#fff;padding:.8rem;display:grid;place-items:center;overflow:hidden;border-radius:0}
.pc .im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.pc:hover .im img{transform:scale(1.06)}
.pc .bd{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1;border-top:1px solid var(--linea)}
.pc .sku{font-size:.68rem;font-weight:800;letter-spacing:.18em;color:var(--gris);text-transform:uppercase}
.pc h3{font-family:var(--disp);font-weight:400;font-size:1.9rem;line-height:1;text-transform:uppercase}
.pc .es{font-size:.82rem;font-weight:700;color:var(--gris)}
.tg{display:flex;gap:.4rem;flex-wrap:wrap}.tg span{background:var(--hueso);border-radius:99px;padding:.22rem .7rem;font-size:.68rem;font-weight:800;letter-spacing:.06em}
.pc p.d{font-size:.85rem;font-weight:500;color:#333}
.uso{border-top:1px dashed var(--linea);padding-top:.5rem}
.uso button{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between;width:100%;min-height:40px;align-items:center}
.uso button::after{content:"+";font-size:1.2rem;transition:transform .3s}.uso button[aria-expanded=true]::after{transform:rotate(45deg)}
.uso .bx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.uso .bx>div{overflow:hidden}.uso .bx.open{grid-template-rows:1fr}
.uso .bx p{font-size:.84rem;font-weight:500;color:#333;padding:.3rem 0 .5rem}
.tl{display:flex;gap:.4rem}.tl button{border:1.5px solid #0b0b0b;border-radius:99px;padding:.35rem .8rem;font-size:.72rem;font-weight:800;min-height:36px}.tl button[aria-pressed=true]{background:#0b0b0b;color:#fff}
.buy{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.4rem;flex-wrap:wrap}
.pr{font-weight:800;font-size:1.3rem}.buy .btn{background:#0b0b0b;color:#fff;padding:.75rem 1.2rem;min-height:46px}.buy .btn:hover{background:#2a2a2a}
.buy .btn.ok{background:var(--verde)}
.vf{font-size:.72rem;font-weight:800;text-decoration:underline;color:var(--gris)}
.tw{overflow-x:auto;margin-top:2rem;border-radius:16px;border:1px solid var(--linea);background:#fff}
table.cmp{border-collapse:collapse;width:100%;min-width:560px;color:#0b0b0b;font-size:.85rem}
.cmp th,.cmp td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--linea);font-weight:600}.cmp th{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);background:var(--hueso)}
.cmp tr:last-child td{border-bottom:0}.cmp td b{font-weight:800}
.faq{max-width:820px;margin:2rem auto 0}
.fq{border-top:1px solid var(--lineaD)}.fq:last-child{border-bottom:1px solid var(--lineaD)}
.fq>button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:1.1rem 0;font-weight:700;font-size:1rem;gap:1rem;min-height:56px}
.fq>button::after{content:"+";font-size:1.5rem;transition:transform .3s;flex:none}.fq>button[aria-expanded=true]::after{transform:rotate(45deg)}
.fq .bx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.fq .bx>div{overflow:hidden}.fq .bx.open{grid-template-rows:1fr}
.fq p{color:#d0d0d0;font-weight:500;padding:0 0 1.2rem}
.rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:2rem}@media(max-width:700px){.rel{grid-template-columns:minmax(0,1fr)}}
.rc{display:flex;gap:1rem;align-items:center;background:var(--neg2);border:1px solid var(--lineaD);border-radius:18px;padding:1rem;text-decoration:none;transition:transform .3s var(--ease),border-color .3s}
.rc:hover{transform:translateY(-4px);border-color:#fff}.rc .ri{width:110px;height:110px;background:#fff;border-radius:12px;padding:.3rem;flex:none;display:grid;place-items:center}.rc .ri img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.rc b{font-family:var(--disp);font-weight:400;font-size:1.6rem;text-transform:uppercase;line-height:1;display:block}.rc span{font-size:.8rem;color:var(--grisD);font-weight:600}
.cta-fin{text-align:center;padding:5rem 5vw;background:#fff;color:#0b0b0b}.cta-fin h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(3rem,9vw,7rem);line-height:.88}.cta-fin p{margin:1rem auto 2rem;max-width:30rem;color:var(--gris);font-weight:600}
.cta-fin .btn{background:#0b0b0b;color:#fff}
footer.pie{background:#000;text-align:center;padding:4rem 5vw 3rem}footer.pie img{height:70px;margin:0 auto 1.2rem;filter:invert(1)}
footer.pie .fcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:900px;margin:1.6rem auto;text-align:left}
footer.pie h4{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.5rem}
footer.pie .fcols a,footer.pie .fcols p{display:block;font-size:.8rem;color:var(--grisD);text-decoration:none;font-weight:600;padding:.25rem 0}footer.pie .fcols a:hover{color:#fff;text-decoration:underline}
footer.pie small{color:var(--grisD);font-size:.75rem}@media(max-width:700px){footer.pie .fcols{grid-template-columns:minmax(0,1fr);text-align:center}}
.sticky{position:fixed;left:50%;bottom:16px;transform:translate(-50%,140%);z-index:120;background:#fff;color:#0b0b0b;border-radius:99px;padding:.5rem .5rem .5rem 1.3rem;display:flex;align-items:center;gap:1rem;box-shadow:0 18px 40px -10px rgba(0,0,0,.6);transition:transform .45s var(--ease);font-weight:800;font-size:.78rem;width:max-content;max-width:calc(100vw - 24px)}
.sticky.on{transform:translate(-50%,0)}.sticky .btn{background:#0b0b0b;color:#fff;padding:.7rem 1.2rem;min-height:44px}
.toast{position:fixed;left:50%;top:84px;transform:translate(-50%,-20px);background:#0b0b0b;color:#fff;border:1px solid #fff;border-radius:99px;padding:.6rem 1.2rem;font-size:.8rem;font-weight:700;opacity:0;pointer-events:none;transition:.35s var(--ease);z-index:210}.toast.on{opacity:1;transform:translate(-50%,0)}
.rv{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.rm .rv{opacity:1;transform:none;transition:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* imágenes: siempre completas y centradas dentro del recuadro */
.pc .im,.hfloat .fp,.rc .ri{position:relative}
.pc .im img,.hfloat .fp img,.rc .ri img{position:absolute;left:var(--pad);top:var(--pad);width:calc(100% - var(--pad)*2);height:calc(100% - var(--pad)*2);object-fit:contain;object-position:center}
.pc .im{--pad:.9rem}.hfloat .fp{--pad:.7rem}.rc .ri{--pad:.35rem}