*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ac:#c8952a;
  --ac2:#b07d20;
  --bk:#121212;
  --dk:#1a1a1a;
  --cd:#222222;
  --br:#333333;
  --mt:#a0a0a0;
  --lt:#ffffff;
}
html{scroll-behavior:smooth;overflow-x:hidden}
*, *::before, *::after{box-sizing:border-box}
body{overflow-x:hidden;max-width:100vw;background:var(--bk);color:var(--lt);font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'cv02','cv03','cv04','cv11'}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}

/* TICKER */
.ticker{background:#000;border-bottom:1px solid #111;height:32px;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center}
.ticker-inner{display:flex;white-space:nowrap;animation:tick 30s linear infinite}
.ticker-inner span{padding:0 2rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#888}
.ticker-inner span:nth-child(odd){color:var(--ac)}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* NAVBAR */
.navbar{position:fixed;top:32px;left:0;right:0;z-index:199;background:rgba(10,10,10,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--br);height:60px}
.nav-inner{max-width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;height:100%;gap:2rem}
.logo{font-family:'Inter',sans-serif;font-weight:900;font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}
.logo-img{height:52px;width:auto;object-fit:contain;display:block}
.logo span{color:var(--ac)}
.nav-links{display:flex;gap:1.75rem;flex:1}
.nav-links a{color:#f0f0f0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}
.btn-wa{background:var(--ac);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.45rem 1rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;border-radius:999px}
.btn-wa:hover{background:var(--ac2)}
.btn-cart{background:none;border:none;color:var(--lt);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;width:42px;height:42px;border-radius:50%;transition:background .2s}
.btn-cart:hover{background:rgba(255,255,255,.08)}
.btn-cart svg{width:22px;height:22px;stroke:var(--lt);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn-cart span{position:absolute;top:4px;right:4px;background:var(--ac);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;line-height:1}
.btn-burger{display:none;background:none;border:none;color:var(--lt);font-size:1.4rem;cursor:pointer}
.nav-mobile{display:none;flex-direction:column;background:var(--dk);border-top:1px solid var(--br);position:fixed;top:92px;left:0;right:0;z-index:198}
.nav-mobile.open{display:flex}
.nav-mobile a{padding:.85rem 1.5rem;color:#e0e0e0;font-size:.8rem;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--br)}
@media(max-width:768px){.nav-links{display:none}.btn-burger{display:block}.btn-wa span{display:none}}

/* MAIN */
main{padding-top:92px}

/* CART */
.cart-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:300;backdrop-filter:blur(4px)}
.cart-overlay.open{display:block}
.cart-drawer{position:fixed;top:0;right:-100%;width:420px;max-width:100vw;height:100%;background:#252525;border-left:1px solid #3a3a3a;z-index:301;transition:right .3s;display:flex;flex-direction:column}
.cart-drawer.open{right:0}
.cart-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--br)}
.cart-head h2{font-family:'Inter',sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cart-head button{background:none;border:none;color:var(--mt);font-size:1.2rem;cursor:pointer}
#cart-body{flex:1;overflow-y:auto}
#cart-foot{border-top:1px solid var(--br)}

/* BUTTONS */
.btn-accent{display:inline-block;background:var(--ac);color:#fff;padding:.75rem 1.6rem;font-family:'Inter',sans-serif;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .2s;border:none;text-align:center}
.btn-accent:hover{background:var(--ac2)}
.btn-outline{display:inline-block;border:1px solid rgba(255,255,255,.2);color:var(--lt);background:none;padding:.75rem 1.6rem;font-family:'Inter',sans-serif;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s;text-align:center}
.btn-outline:hover{border-color:var(--ac);color:var(--ac)}
.btn-full{display:block;width:100%;text-align:center}

/* HERO */
.hero{min-height:calc(100vh - 92px);background:var(--bk) url('/uploads/hero-bg.jpg') center right/cover no-repeat;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;width:100%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.88) 45%,rgba(0,0,0,.35) 100%);z-index:2}
.hero-content{position:relative;z-index:3;padding:4rem 2rem 3rem;max-width:600px}
.hero-tag{color:var(--ac);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.25rem}
.hero h1{font-family:'Inter',sans-serif;font-size:clamp(3.2rem,8vw,6.5rem);font-weight:900;line-height:.9;text-transform:uppercase;letter-spacing:-.04em;margin-bottom:1.25rem}
.hero h1 span{color:var(--ac)}
.hero p{color:rgba(255,255,255,.95);font-size:.95rem;max-width:400px;margin-bottom:2rem;line-height:1.65}
.hero-btns{display:flex;gap:.75rem;flex-wrap:wrap}
.hero-bottom{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:1.5rem;padding:.85rem 2rem;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);border-top:1px solid rgba(255,255,255,.08)}
.hero-badge{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.06em}
.hero-badge::before{content:'';width:5px;height:5px;background:var(--ac);border-radius:50%;flex-shrink:0}

/* SECTIONS */
.section{padding:5rem 0}
.section-dark{background:var(--dk);border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.section-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;box-sizing:border-box}
.section-inner-flush{padding:0 2rem;margin-bottom:2rem}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}
.stag{color:var(--ac);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.4rem}
.section-head h2,.section-inner>h2{font-family:'Inter',sans-serif;font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em}
.slink{color:#ddd;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:color .2s}
.slink:hover{color:var(--ac)}

/* PRODUCT GRID */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}
@media(max-width:560px){.pgrid{grid-template-columns:repeat(2,1fr);gap:.75rem}}
@media(max-width:640px){.section-inner{padding:0 1rem}.section{padding:3rem 0}.section-head{margin-bottom:1.5rem}}
.pcard{border:1px solid #333;background:#252525;display:block;transition:border-color .3s}
.pcard:hover{border-color:rgba(139,154,70,.5)}
.pcard-img{aspect-ratio:1;overflow:hidden;background:var(--dk);position:relative;display:block}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pcard:hover .pcard-img img{transform:scale(1.05)}
.no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}
.no-img.big{font-size:5rem;min-height:280px}
.pcard-brand{position:absolute;top:.6rem;left:.6rem;background:rgba(0,0,0,.85);color:var(--ac);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.15rem .5rem}
.pcard-body{padding:.85rem 1rem 1rem}
.pcard-name{font-family:'Inter',sans-serif;font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.01em;margin-bottom:.15rem}
.pcard-model{color:#aaa;font-size:.75rem;margin-bottom:.35rem;font-style:normal;letter-spacing:.01em}
.pcard-dots{display:flex;gap:.3rem;margin-bottom:.6rem}
.cdot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);display:inline-block}
.pcard-price{font-family:'Inter',sans-serif;font-weight:800;font-size:1.15rem;color:var(--ac)}

/* CUOTAS */
.cuota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}
.cuota-card{border:1px solid var(--br);padding:1.5rem}
.cuota-card h3{font-size:.85rem;font-weight:800;text-transform:uppercase;margin-bottom:.5rem}
.cuota-card p{color:var(--mt);font-size:.85rem;line-height:1.6}
.ctable{width:100%;border-collapse:collapse;margin-top:1.25rem}
.ctable th{text-align:left;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--mt);padding:.6rem 1rem;border-bottom:1px solid var(--br);background:var(--cd)}
.ctable td{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.04)}
.ctable .cn{font-weight:900;color:var(--ac)}

/* ENVIOS */
.envios-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:768px){.envios-grid{grid-template-columns:1fr}}
.envio-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.envio-stats div{border:1px solid var(--br);padding:1.5rem;text-align:center}
.envio-stats strong{display:block;font-family:'Inter',sans-serif;font-size:2rem;font-weight:900;color:var(--ac);letter-spacing:-.03em}
.envio-stats span{font-size:.72rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em}

/* PRODUCTS PAGE */
.playout{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:180px 1fr;gap:2.5rem}
@media(max-width:768px){.playout{grid-template-columns:1fr}}
.pflters h3{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#999;margin:1rem 0 .4rem}
.pflters a{display:block;font-size:.8rem;color:#ccc;padding:.3rem 0;transition:color .2s}
.pflters a:hover,.pflters a.act{color:var(--ac);font-weight:700}
.ptitle{font-family:'Inter',sans-serif;font-size:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:1.75rem}
.ptitle span{font-size:.9rem;color:var(--mt);font-weight:400;margin-left:.5rem;font-family:'Inter',sans-serif}

/* PRODUCT DETAIL */
.detail{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}
@media(max-width:900px){.detail{grid-template-columns:1fr;gap:2rem}}
.dgallery{display:flex;flex-direction:column;gap:.6rem}
.dmain{aspect-ratio:4/3;background:var(--cd);border:1px solid var(--br);overflow:hidden;cursor:zoom-in;position:relative}
.dmain img{width:100%;height:100%;object-fit:contain;transition:transform .1s ease;transform-origin:center center;pointer-events:none}
.dthumbs{display:flex;gap:.4rem;flex-wrap:wrap}
.thumb{width:68px;height:68px;border:2px solid var(--br);overflow:hidden;cursor:pointer;transition:border-color .2s}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.active,.thumb:hover{border-color:var(--ac)}
.dinfo{position:sticky;top:100px}
.dbrand{color:var(--ac);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem}
.dname{font-family:'Inter',sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:.25rem}
.dmodel{color:#bbb;font-size:.875rem;margin-bottom:.75rem;font-style:normal}
.ddesc{color:#d0d0d0;font-size:.875rem;line-height:1.65;margin-bottom:1rem}
.dprice{font-family:'Inter',sans-serif;font-size:2rem;font-weight:900;color:var(--ac);margin-bottom:1.25rem;letter-spacing:-.02em}
/* Sale price layout — product detail */
.dprice-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}
.dprice-sale{font-family:'Inter',sans-serif;font-size:2rem;font-weight:900;color:var(--ac);letter-spacing:-.02em;white-space:nowrap}
.dprice-original{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:500;color:#555;text-decoration:line-through;letter-spacing:-.01em;white-space:nowrap}
.dprice-badge{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  background:#dc2626;color:#fff;
  font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  padding:.5rem .9rem .5rem 1.1rem;
  border-radius:8px;
  position:relative;flex-shrink:0;
  box-shadow:2px 3px 10px rgba(220,38,38,.45);
  min-width:52px;text-align:center;line-height:1;
}
.dprice-badge br{display:block}
/* hole = string attachment point */
.dprice-badge::before{
  content:'';position:absolute;top:50%;left:5px;transform:translateY(-50%);
  width:8px;height:8px;border-radius:50%;
  background:rgba(0,0,0,.3);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);
}
.clabel{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin-bottom:.5rem;display:block}
.cswatches{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.25rem}
.cswatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:border-color .2s}
.cswatch:hover{border-color:rgba(255,255,255,.5)}
.cswatch.active{border-color:var(--ac)}
.size-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.size-head span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#bbb}
.sguide-btn{background:none;border:none;color:var(--ac);font-size:.75rem;font-weight:700;cursor:pointer;text-decoration:underline}
#size-grid{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.szbt{width:52px;height:52px;border:2px solid #3a3a3a;background:none;color:#fff;font-weight:800;font-size:.82rem;cursor:pointer;transition:all .2s;position:relative}
.szbt:hover:not(.disabled){border-color:var(--ac);color:var(--ac)}
.szbt.sel{border-color:var(--ac);background:var(--ac);color:#fff}
.szbt.disabled{border-color:#222;color:#444;cursor:not-allowed}
.low{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ef4444;border-radius:50%}
#stock-info{font-size:.75rem;color:#aaa;min-height:1.2rem;margin-bottom:1rem}
.dfeatures{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 0;border-top:1px solid var(--br);margin-top:1rem;font-size:.78rem;color:#ccc}

/* SIZE GUIDE MODAL */
.sgmodal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:500;align-items:center;justify-content:center;padding:1rem}
.sgbox{background:var(--dk);border:1px solid var(--br);max-width:480px;width:100%;max-height:88vh;overflow-y:auto}
.sghead{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--br)}
.sghead h3{font-size:.9rem;font-weight:900;text-transform:uppercase}
.sghead button{background:none;border:none;color:var(--mt);font-size:1.2rem;cursor:pointer}

/* CHECKOUT */
.checkout{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}
.checkout>h1{font-family:'Inter',sans-serif;font-size:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:2rem}
.checkout-grid{display:grid;grid-template-columns:1fr 360px;gap:2.5rem}
@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}}
.co-sec{margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--br)}
.co-sec h2{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;color:#e0e0e0}
label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ddd;margin-bottom:.3rem}
input,select,textarea{display:block;width:100%;background:#252525;border:1px solid #3a3a3a;padding:.7rem .9rem;color:#ffffff;font-size:.875rem;outline:none;transition:border-color .2s;font-family:inherit;margin-bottom:.85rem}
input:focus,select:focus{border-color:var(--ac)}
.co-summary{border:1px solid #333;padding:1.5rem;align-self:start;position:sticky;top:100px;background:#252525}
.co-summary>h2{font-size:.875rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #3a3a3a;color:#fff}
.co-shipping-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #252525;font-size:.85rem;color:#bbb}
#co-shipping-cost{font-weight:700;color:#c8952a}
.co-total{display:flex;justify-content:space-between;font-family:'Inter',sans-serif;font-size:1.3rem;font-weight:900;padding-top:.75rem;border-top:1px solid var(--br);margin-top:.75rem;text-transform:uppercase;letter-spacing:-.01em}

/* FOOTER */
.footer{background:var(--dk);border-top:1px solid var(--br);padding:3rem 0 1.5rem}
.footer-inner{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
@media(max-width:640px){.footer-inner{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}}
.footer-inner h4{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--mt);margin-bottom:.75rem}
.footer-inner a,.footer-inner span{display:block;font-size:.8rem;color:#ccc;margin-bottom:.35rem;transition:color .2s}
.footer-inner a:hover{color:#fff}
.footer-inner p{font-size:.82rem;color:#bbb;margin-top:.5rem;line-height:1.6}
.footer-bottom{max-width:1200px;margin:0 auto;padding:1rem 1.5rem 0;border-top:1px solid #333;font-size:.72rem;color:#999}

/* CALCULADOR DE ENVÍO EN PRODUCTO */
.ship-calc{border:1px solid var(--br);border-radius:6px;overflow:hidden;margin:.75rem 0}
.ship-calc-head{background:#111;padding:.6rem 1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#999}
.ship-calc-body{padding:.85rem 1rem;background:#0d0d0d}
.ship-calc-row{display:flex;gap:.5rem;align-items:center}
.ship-calc-row .ship-inp{flex:1;margin-bottom:0}
.ship-calc-row .ship-btn{background:#c8ff00;color:#000;border:none;padding:.7rem 1rem;font-weight:800;font-size:.78rem;text-transform:uppercase;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0;height:38px;display:flex;align-items:center}

/* WA FLOAT BUTTON */
.wa-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:400;width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.4);transition:transform .2s,background .2s}
.wa-float:hover{background:#1ebe5a;transform:scale(1.08)}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* VIRALIZA FOOTER */
.viraliza-footer{border-top:1px solid #222;margin-top:1rem;padding:.85rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}
.viraliza-footer p{font-size:.62rem;color:#444;letter-spacing:.02em;margin:0}


/* HERO SLIDER */
.hero-slider{position:relative;overflow:hidden;background:#111 !important;isolation:isolate}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .9s ease;z-index:0}
.slider-dots{position:absolute;bottom:5.5rem;left:2rem;z-index:4;display:flex;gap:.5rem}
.sdot{width:32px;height:3px;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .3s;padding:0;border-radius:2px}
.sdot.active{background:var(--ac);width:48px}

/* SCROLLABLE PRODUCT GRID */
.pgrid-scroll{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:.75rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.pgrid-scroll::-webkit-scrollbar{height:4px}
.pgrid-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}
.pgrid-scroll::-webkit-scrollbar-thumb{background:var(--ac);border-radius:2px}
.pgrid-scroll .pcard{flex:0 0 260px;scroll-snap-align:start;min-width:0}
@media(max-width:640px){.pgrid-scroll .pcard{flex:0 0 200px}}

/* SIDEBAR HIERARCHY */
.pflters .brand-group{margin-top:1.25rem}
.pflters .brand-label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:#fff;display:block;padding:.3rem 0 .25rem;border-bottom:1px solid #2a2a2a;margin-bottom:.3rem}
.pflters .brand-label.act{color:var(--ac)}
.pflters .brand-products a{display:block;font-size:.78rem;color:#888;padding:.2rem 0 .2rem .85rem;transition:color .2s;border-left:2px solid transparent;line-height:1.4}
.pflters .brand-products a:hover,.pflters .brand-products a.act{color:var(--ac);border-left-color:var(--ac)}
.pflters h3.cat-heading{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#555;margin:1.5rem 0 .4rem;padding-top:.5rem;border-top:1px solid #222}

/* SALE PRICE */
.pcard-sale{color:var(--ac);font-weight:800;font-size:.95rem}
.pcard-original{color:var(--mt);text-decoration:line-through;font-size:.78rem;margin-left:.4rem}
.pcard-saving{font-size:.72rem;color:#4ade80;margin-top:.2rem;font-weight:600}
.pcard-badge-sale{
  position:absolute;top:.5rem;right:.5rem;
  background:#dc2626;color:#fff;
  font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  padding:.3rem .5rem .3rem .75rem;
  border-radius:6px;
  z-index:2;
  display:flex;flex-direction:column;align-items:center;
  box-shadow:2px 3px 8px rgba(0,0,0,.4);
  min-width:36px;text-align:center;line-height:1;
}
.pcard-badge-sale br{display:block}
.pcard-badge-sale::before{
  content:'';position:absolute;top:50%;left:4px;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;
  background:rgba(0,0,0,.3);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);
}

/* ===================== OUTLET BADGE ===================== */
.pcard-badge-outlet{position:absolute;top:.6rem;left:.6rem;background:#f59e0b;color:#000;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .45rem;border-radius:3px;z-index:2}

/* ===================== COLLECTION PANELS ===================== */
/* Full-width section, 2 panels visible at once, side by side    */
.colpanels {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000;
  height: 72vh;
  min-height: 400px;
  max-height: 700px;
}
@media (max-width: 640px) {
  .colpanels { height: 55vw; min-height: 260px; }
}

/* Viewport clips the track */
.colpanels-viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Track: all panels in a row, each 50% wide */
.colpanels-track {
  display: flex;
  height: 100%;
  /* width is as wide as needed (total panels × 50%) */
  transition: transform 0.75s cubic-bezier(0.77, 0, 0.18, 1);
  will-change: transform;
}

/* Each panel */
.colpanel {
  flex: 0 0 50%;
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
/* On mobile: each panel is 100% width */
@media (max-width: 640px) {
  .colpanel { flex: 0 0 100%; }
}

/* The photo fills the panel completely */
.colpanel-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 7s ease;
  filter: brightness(0.6);
}
.colpanel:hover .colpanel-img {
  transform: scale(1.04);
  filter: brightness(0.5);
}
.colpanel-placeholder {
  position: absolute;
  inset: 0;
}

/* Dark gradient overlay — heavier at the bottom for text legibility */
.colpanel-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.80) 0%,
    rgba(0,0,0,0.30) 50%,
    rgba(0,0,0,0.05) 100%
  );
  z-index: 1;
}

/* Subtle vertical separator between panels */
.colpanel + .colpanel::before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 1px;
  background: rgba(255,255,255,0.12);
  z-index: 2;
}

/* Text content: pinned to bottom-left */
.colpanel-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem 2.5rem;
  z-index: 2;
  pointer-events: none;
  text-align: left;
}
@media (max-width: 900px) { .colpanel-content { padding: 1.5rem 1.75rem; } }
@media (max-width: 640px) { .colpanel-content { padding: 1.25rem 1.25rem; } }

/* Small uppercase tag: "COLECCIÓN CLÁSICA" */
.colpanel-tag {
  display: block;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ac);
  margin-bottom: 0.5rem;
}

/* Big bold title: "NEW BALANCE 574" */
.colpanel-title {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1.8rem, 3.5vw, 3.8rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.04em;
  line-height: 0.95;
  color: #fff;
  margin: 0 0 1.25rem;
}

/* "Explorar colección →" */
.colpanel-cta {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: rgba(255,255,255,0.75);
  border-bottom: 1px solid rgba(255,255,255,0.35);
  padding-bottom: 0.2rem;
  transition: color 0.3s, border-color 0.3s;
  pointer-events: auto;
}
.colpanel:hover .colpanel-cta {
  color: var(--ac);
  border-color: var(--ac);
}

/* Arrow buttons */
.colpanels-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, border-color 0.2s, opacity 0.3s;
}
.colpanels-btn:hover { background: rgba(0,0,0,0.8); border-color: rgba(255,255,255,0.5); }
.colpanels-prev { left: 1.25rem; }
.colpanels-next { right: 1.25rem; }

/* ===================== PRODUCT CAROUSEL ===================== */
/* Replaces pgrid-scroll — shows 4 cards at once, auto-slides  */
.pcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Carousel: no fade masks — full width layout */

/* The sliding track */
.pcarousel-track {
  display: flex;
  gap: 1rem;
  transition: transform 0.55s cubic-bezier(0.77, 0, 0.175, 1);
  will-change: transform;
}

/* Each card inside the carousel: 25% of container = 4 visible */
.pcarousel-track .pcard {
  flex: 0 0 calc(25vw - 0.75rem);
  min-width: 0;
}
@media (max-width: 900px) {
  .pcarousel-track .pcard { flex: 0 0 calc(33.333vw - 0.67rem); }
}
@media (max-width: 600px) {
  .pcarousel-track .pcard { flex: 0 0 calc(50vw - 0.5rem); }
}

/* Arrow buttons */
.pcarousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(6px);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, opacity 0.2s, border-color 0.2s;
}
.pcarousel-btn:hover { background: rgba(0,0,0,0.85); border-color: rgba(255,255,255,0.4); }
.pcarousel-btn[disabled] { opacity: 0.2; pointer-events: none; }
.pcarousel-prev { left: 1rem; }
.pcarousel-next { right: 1rem; }

/* SAMPLE badge */
.pcard-badge-sample{position:absolute;bottom:.6rem;right:.6rem;background:#818cf840;color:#c4b5fd;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .5rem;border-radius:3px;z-index:2;border:1px solid #818cf870;backdrop-filter:blur(4px)}
.pcard-sample-tag{font-size:.72rem;color:#818cf8;font-weight:600;font-style:italic;margin-top:.25rem}
.pcard-sample .pcard-body{opacity:.85}

/* Featured card subtle highlight */
.pcard-featured{border-color:var(--ac) !important}
.pcard-featured .pcard-name{color:#fff}

/* SEARCH BUTTON */
.btn-search{background:none;border:none;color:var(--lt);cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;transition:background .2s;opacity:.75}
.btn-search:hover{background:rgba(255,255,255,.1);opacity:1}

/* Brand category sub-items in sidebar */
.pflters .brand-cats{margin:.2rem 0 .35rem}
.pflters .cat-item{display:block;font-size:.75rem;color:#777;padding:.2rem 0 .2rem 1rem;transition:color .2s;border-left:2px solid transparent;line-height:1.4;font-style:italic}
.pflters .cat-item:hover,.pflters .cat-item.act{color:var(--ac);border-left-color:var(--ac);font-style:normal}

/* Smooth scroll everywhere */
html{scroll-behavior:smooth}
#productos{scroll-margin-top:110px}