@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:800;font-display:swap;src:url(fonts/inter-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:900;font-display:swap;src:url(fonts/inter-latin-900-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-800-italic.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:900;font-display:swap;src:url(fonts/montserrat-latin-900-italic.woff2) format('woff2')}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --rojo:#E8000D;--rojo2:#c40009;
  --negro:#111;--negro2:#161616;--card:#1c1c1c;--card2:#222;--borde:#2a2a2a;
  --txt:#fff;--txt2:#a8a8a8;--wa:#25D366;--ok:#2fbf62;
  --radio:10px;--font:'Inter',Arial,sans-serif;--titulo:'Montserrat','Inter',Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
body{background:var(--negro);color:var(--txt);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}
body.bloqueado{overflow:hidden}
a{text-decoration:none;color:inherit}
img,svg,video{display:block;max-width:100%}
button{font-family:var(--font);cursor:pointer;color:inherit;background:none;border:0}
button,a{touch-action:manipulation}
button{user-select:none;-webkit-user-select:none}
input,select,textarea{font-family:var(--font);font-size:16px}
:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}
.wrap{max-width:1300px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
svg.i{width:18px;height:18px;flex-shrink:0}

/* ── BARRA ANUNCIO ── */
.anuncio-bar{background:var(--rojo);height:34px;overflow:hidden;display:flex;align-items:center}
.anuncio-track{display:flex;flex:none;white-space:nowrap;animation:anuncio 38s linear infinite}
.anuncio-bar:hover .anuncio-track{animation-play-state:paused}
.anuncio-track span{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;color:#fff;padding:0 26px}
.anuncio-track .sep{padding:0;color:rgba(255,255,255,.5);font-weight:400}
@keyframes anuncio{to{transform:translateX(-50%)}}

/* ── HEADER ── */
.sticky{position:sticky;top:0;z-index:200}
header{background:#fff;border-bottom:3px solid var(--rojo)}
.header-top{max-width:1300px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:22px}
.logo-img{height:58px;width:auto}
.header-search{flex:1;max-width:520px;display:flex;align-items:center;background:#f3f3f3;border-radius:var(--radio);overflow:hidden;border:1.5px solid #e4e4e4;transition:border-color .2s,background-color .2s}
.header-search:focus-within{border-color:var(--rojo);background:#fff}
.header-search svg.i{margin-left:14px;color:#888}
.header-search input{flex:1;min-width:0;border:none;background:transparent;padding:12px;outline:none;color:#222}
.header-search button{background:var(--rojo);padding:0 20px;align-self:stretch;color:#fff;font-weight:700;font-size:14px;transition:background-color .2s}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.header-contacto{display:flex;flex-direction:column;line-height:1.2;text-align:right}
.header-contacto small{font-size:12px;color:#777}
.header-contacto strong{font-size:15px;color:#111}
.btn-wa{display:flex;align-items:center;gap:8px;background:var(--wa);color:#fff;padding:11px 18px;border-radius:var(--radio);font-size:14px;font-weight:700;white-space:nowrap;transition:background-color .2s,transform .15s}
.btn-wa:active{transform:scale(.97)}
.btn-wa svg{width:18px;height:18px}
.btn-carrito{position:relative;width:46px;height:46px;border-radius:var(--radio);background:#111;color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .15s}
.btn-carrito:active{transform:scale(.95)}
.btn-carrito svg{width:22px;height:22px}
.btn-carrito .cuenta{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:var(--rojo);color:#fff;font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.btn-carrito .cuenta:empty{display:none}
.btn-carrito.salta{animation:salta .45s var(--ease)}
@keyframes salta{40%{transform:scale(1.18)}}
.hamburger{display:none;width:46px;height:46px;border-radius:var(--radio);background:#111;align-items:center;justify-content:center}
.hamburger svg{width:22px;height:22px;color:#fff}

/* ── NAV ── */
nav{background:#1a1a1a}
.nav-inner{max-width:1300px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:9px;padding:15px 20px;font-size:14px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#eee;white-space:nowrap;height:100%;transition:background-color .15s,color .15s}
.nav-link svg.i{width:17px;height:17px;color:var(--rojo);transition:color .15s}
.nav-link .flecha{width:12px;height:12px;opacity:.7;transition:transform .2s var(--ease)}
.nav-item.open .nav-link{background:var(--rojo);color:#fff}
.nav-item.open .nav-link svg.i{color:#fff}
.nav-item.open .nav-link .flecha{transform:rotate(180deg)}
.dropdown{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-radius:0 0 var(--radio) var(--radio);box-shadow:0 16px 40px rgba(0,0,0,.28);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,visibility .18s,transform .22s var(--ease);z-index:300}
.nav-item.open .dropdown{opacity:1;visibility:visible;transform:none}
.dropdown a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:7px;font-size:14px;font-weight:600;color:#222;transition:background-color .15s,color .15s}
.dropdown a .dot{width:7px;height:7px;border-radius:50%;background:var(--rojo);flex-shrink:0}
.dropdown a .n{margin-left:auto;font-size:12px;color:#999;font-weight:500}
.dropdown a.ver-todo{margin-top:4px;border-top:1px solid #eee;border-radius:0 0 7px 7px;color:var(--rojo);padding-top:13px}
.nav-extra{margin-left:auto;display:flex;align-items:center}
.nav-extra a{padding:15px 16px;font-size:14px;font-weight:500;color:#bbb;transition:color .15s}
.mob-search{display:none}
@media (hover:hover) and (pointer:fine){
  .header-search button:hover{background:var(--rojo2)}
  .btn-wa:hover{background:#1fbd5a}
  .btn-carrito:hover{background:var(--rojo)}
  .nav-item:hover .nav-link{background:var(--rojo);color:#fff}
  .nav-item:hover .nav-link svg.i{color:#fff}
  .nav-item:hover .nav-link .flecha{transform:rotate(180deg)}
  .nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none}
  .dropdown a:hover{background:var(--rojo);color:#fff}
  .dropdown a:hover .dot{background:#fff}
  .dropdown a:hover .n{color:#fff}
  .nav-extra a:hover{color:#fff}
}

/* ── SLIDER ── */
.hero{position:relative;overflow:hidden;background:#000;aspect-ratio:1832/858;max-height:640px;width:100%}
.slides{display:flex;height:100%;transition:transform .7s var(--ease);touch-action:pan-y}
.slide{min-width:100%;height:100%;position:relative;display:flex;align-items:center}
.slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.slide .velo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 38%,rgba(0,0,0,0) 58%)}
.sl-txt{position:relative;z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:0 clamp(28px,5.5vw,84px)}
.sl-txt>*{max-width:560px}
.sl-tag{display:inline-block;background:var(--rojo);color:#fff;font-family:Arial,sans-serif;font-size:clamp(11px,1vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:4px 12px;border-radius:20px;margin-bottom:12px}
.sl-tit{font-family:var(--titulo);font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(28px,4.3vw,62px);line-height:.95;letter-spacing:-.5px;margin-bottom:10px;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.sl-tit .r,.sl-baj b{color:var(--rojo)}
.sl-baj{font-family:var(--titulo);font-style:italic;font-weight:800;font-size:clamp(16px,1.9vw,27px);line-height:1.15;margin-bottom:10px;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.sl-baj b{font-weight:900}
.sl-chico{font-family:Arial,sans-serif;font-size:clamp(13px,1.1vw,16px);color:#f0f0f0;margin-bottom:22px}
.sl-btns{display:flex;gap:10px;flex-wrap:wrap}
.sl-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:var(--radio);font-size:14.5px;font-weight:700;transition:background-color .2s,transform .15s,border-color .2s}
.sl-btn:active{transform:scale(.97)}
.sl-btn svg{width:18px;height:18px}
.sl-btn-wa{background:var(--wa);color:#fff}
.sl-btn-ver{background:rgba(0,0,0,.45);color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.slider-nav{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.slider-dot{width:34px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.slider-dot::before{content:"";position:absolute;inset:-12px 0}
.slider-dot::after{content:"";position:absolute;inset:0;background:var(--rojo);transform:scaleX(0);transform-origin:left}
.slider-dot.active::after{animation:llenar 3s linear forwards}
.hero.pausado .slider-dot.active::after{animation-play-state:paused}
@keyframes llenar{to{transform:scaleX(1)}}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s}
.slider-arrow svg{width:20px;height:20px}
.arrow-prev{left:14px}.arrow-next{right:14px}
@media (hover:hover) and (pointer:fine){
  .sl-btn-wa:hover{background:#1fbd5a}
  .sl-btn-ver:hover{background:var(--rojo);border-color:var(--rojo)}
  .slider-arrow:hover{background:var(--rojo);border-color:var(--rojo)}
}

/* ── SECCIONES ── */
section{padding:64px 20px}
.section-inner{max-width:1300px;margin:0 auto}
.sec-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:12px}
.sec-title{font-size:clamp(24px,3vw,32px);font-weight:900;letter-spacing:-.8px;position:relative;padding-left:16px}
.sec-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:3px;background:var(--rojo)}
.sec-title span{color:var(--rojo)}
.sec-sub{font-size:14.5px;color:var(--txt2);margin-top:6px;padding-left:16px}
.sec-ver-mas{font-size:14px;font-weight:700;color:var(--rojo);display:flex;align-items:center;gap:6px}
.sec-ver-mas svg{width:16px;height:16px;transition:transform .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.sec-ver-mas:hover svg{transform:translateX(4px)}}

/* Categorías */
.cats{background:var(--negro2)}
.cat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-tile{position:relative;overflow:hidden;border-radius:14px;height:280px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--borde);isolation:isolate;transition:border-color .25s,transform .25s var(--ease)}
.cat-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2;transition:transform .6s var(--ease)}
.cat-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.05) 80%)}
.cat-info{padding:22px}
.ct-name{font-family:var(--titulo);font-style:italic;font-weight:900;font-size:22px;text-transform:uppercase}
.ct-sub{font-size:13px;color:#d5d5d5;margin-top:4px}
.ct-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:700;background:var(--rojo);padding:7px 12px;border-radius:7px}
.ct-link svg{width:15px;height:15px;transition:transform .2s var(--ease)}
@media (hover:hover) and (pointer:fine){
  .cat-tile:hover{border-color:var(--rojo);transform:translateY(-4px)}
  .cat-tile:hover>img{transform:scale(1.06)}
  .cat-tile:hover .ct-link svg{transform:translateX(4px)}
}

/* Beneficios */
.beneficios{background:var(--negro);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:30px 20px}
.ben-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ben-item{display:flex;align-items:center;gap:14px}
.ben-icon{width:50px;height:50px;border-radius:12px;background:rgba(232,0,13,.12);border:1px solid rgba(232,0,13,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ben-icon svg{width:24px;height:24px;color:var(--rojo)}
.ben-title{font-size:15px;font-weight:800;margin-bottom:3px}
.ben-txt{font-size:13px;color:var(--txt2);line-height:1.4}

/* ── TARJETA DE PRODUCTO ── */
.grilla{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pc{background:var(--card);border:1px solid var(--borde);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s}
.pc-img{position:relative;display:block;aspect-ratio:1;background:#fff;overflow:hidden}
.pc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s,transform .5s var(--ease)}
.pc-img img.alt{opacity:0;z-index:1}
.pc-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:2;align-items:flex-start}
.badge{background:var(--rojo);color:#fff;font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.5px}
.badge.negro{background:#111}
.pc-body{padding:16px 16px 10px;flex:1;display:flex;flex-direction:column;gap:6px}
.pc-cat{font-size:10.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--rojo)}
.pc-name{font-size:15px;font-weight:800;line-height:1.3}
.pc-corto{font-size:12.5px;color:var(--txt2)}
.pc-precio{margin-top:auto;padding-top:10px}
.pc-precio .lista{font-size:13px;color:#888;text-decoration:line-through}
.pc-precio .ef{font-size:22px;font-weight:900;letter-spacing:-.5px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pc-precio .ef small{font-size:11.5px;font-weight:600;color:var(--ok);letter-spacing:0}
.pc-precio .desde{font-size:12px;color:var(--txt2);font-weight:600}
.pc-precio .cuotas{font-size:12.5px;color:#cfcfcf;margin-top:2px}
.pc-precio .consultar{font-size:17px;font-weight:800}
.pc-pie{padding:12px 16px 16px;display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:9px;font-size:13.5px;font-weight:800;white-space:nowrap;transition:background-color .2s,transform .15s,opacity .2s}
.btn:active{transform:scale(.97)}
.btn svg{width:16px;height:16px}
.btn-rojo{background:var(--rojo);color:#fff}
.btn-verde{background:var(--wa);color:#fff}
.btn-full{flex:1}
@media (hover:hover) and (pointer:fine){
  .pc:hover{border-color:var(--rojo);transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.4)}
  .pc:hover .pc-img img.alt{opacity:1}
  .btn-rojo:hover{background:var(--rojo2)}
  .btn-verde:hover{background:#1fbd5a}
}

/* ── PÁGINA DE CATEGORÍA ── */
.cat-banner{position:relative;height:200px;overflow:hidden;display:flex;align-items:flex-end}
.cat-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.cat-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.3))}
.cat-banner .wrap{position:relative;z-index:2;width:100%;padding-bottom:26px}
.cat-banner h1{font-family:var(--titulo);font-style:italic;font-weight:900;font-size:clamp(30px,4vw,48px);text-transform:uppercase}
.migas{font-size:13px;color:#bbb;margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap}
.migas a{color:#ddd}
@media (hover:hover) and (pointer:fine){.migas a:hover{color:var(--rojo)}}
.cat-layout{display:grid;grid-template-columns:230px 1fr;gap:30px;padding-top:34px;padding-bottom:64px}
.filtros h3{font-size:13px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--txt2);margin:0 0 12px}
.filtros a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;font-size:14.5px;font-weight:600;color:#ddd;transition:background-color .15s}
.filtros a span{color:#777;font-weight:500}
.filtros a.on{background:var(--rojo);color:#fff}
.filtros a.on span{color:#fff}
.filtros .bloque{margin-bottom:26px}
@media (hover:hover) and (pointer:fine){.filtros a:not(.on):hover{background:#222}}
.barra-orden{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}
.barra-orden p{font-size:14px;color:var(--txt2)}
.barra-orden select{background:var(--card);color:#fff;border:1px solid var(--borde);border-radius:8px;padding:9px 12px;font-size:14px}
.vacio{background:var(--card);border:1px dashed #333;border-radius:14px;padding:44px 24px;text-align:center}
.vacio p{color:var(--txt2);margin:8px 0 18px}

/* ── PÁGINA DE PRODUCTO ── */
.prod-pag{padding-top:22px;padding-bottom:64px}
.prod-pag .migas{color:#999;margin-bottom:18px}
.prod-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:start}
.prod-grid>*,.cat-layout>*{min-width:0}
.galeria{position:sticky;top:150px}
.gal-main{position:relative;border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:1}
.gal-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gal-track::-webkit-scrollbar{display:none}
.gal-item{flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;background:#fff}
.gal-item img{width:100%;height:100%;object-fit:contain}
.gal-item video{width:100%;height:100%;object-fit:contain;background:#000}
.gal-flecha{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(17,17,17,.75);color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;transition:background-color .2s}
.gal-flecha svg{width:18px;height:18px}
.gal-flecha.ant{left:12px}.gal-flecha.sig{right:12px}
.gal-cont{position:absolute;bottom:12px;right:12px;background:rgba(17,17,17,.75);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}
.gal-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.gal-thumb{flex:0 0 74px;height:74px;border-radius:9px;overflow:hidden;background:#fff;border:2px solid transparent;position:relative;opacity:.7;transition:opacity .2s,border-color .2s}
.gal-thumb img{width:100%;height:100%;object-fit:contain}
.gal-thumb.on{border-color:var(--rojo);opacity:1}
.gal-thumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}
.gal-thumb .play svg{width:26px;height:26px;color:#fff}
.gal-thumb img.cover{object-fit:cover}
@media (hover:hover) and (pointer:fine){.gal-flecha:hover{background:var(--rojo)}.gal-thumb:hover{opacity:1}}

.info h1{font-size:clamp(22px,2.6vw,30px);font-weight:900;line-height:1.2;letter-spacing:-.5px;margin:6px 0 8px}
.info .marca{font-size:13px;color:var(--txt2)}
.info .marca b{color:#ddd}
.caja-precio{background:var(--card);border:1px solid var(--borde);border-radius:14px;padding:20px;margin:18px 0}
.cp-lista{font-size:14px;color:#9a9a9a;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cp-lista s{color:#888}
.cp-ef{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 2px}
.cp-ef .monto{font-size:36px;font-weight:900;letter-spacing:-1px}
.cp-ef .pct{background:var(--ok);color:#06210f;font-size:12px;font-weight:800;padding:4px 8px;border-radius:6px}
.cp-ef-txt{font-size:13px;color:var(--ok);font-weight:600}
.cp-cuotas{margin-top:12px;padding-top:12px;border-top:1px solid var(--borde);font-size:14px;color:#ddd;display:flex;gap:8px;align-items:center}
.cp-cuotas svg{width:18px;height:18px;color:var(--rojo);flex-shrink:0}
.cp-elegi{font-size:13px;color:#f5b301;margin-top:10px;font-weight:600}
.var-tit{font-size:14px;font-weight:700;margin-bottom:10px}
.var-tit span{color:var(--txt2);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-width:62px;padding:10px 14px;border-radius:9px;background:var(--card2);border:1.5px solid #333;font-size:14px;font-weight:700;color:#fff;transition:border-color .15s,background-color .15s,color .15s,transform .12s}
.chip:active{transform:scale(.96)}
.chip.on{border-color:var(--rojo);background:rgba(232,0,13,.14)}
.chip:disabled{color:#666;text-decoration:line-through;cursor:not-allowed;background:#181818;border-style:dashed}
@media (hover:hover) and (pointer:fine){.chip:not(:disabled):not(.on):hover{border-color:#777}}
.ayuda-zocalo{font-size:13px;color:var(--txt2);margin-top:10px;line-height:1.5}
.ayuda-zocalo a{color:#fff;text-decoration:underline}
.comprar{display:flex;gap:10px;margin-top:20px}
.cant{display:flex;align-items:center;background:var(--card2);border:1px solid #333;border-radius:10px}
.cant button{width:42px;height:50px;font-size:20px;font-weight:700;color:#ddd}
.cant span{min-width:28px;text-align:center;font-weight:800}
.btn-agregar{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--rojo);color:#fff;border-radius:10px;font-size:15.5px;font-weight:800;min-height:52px;padding:0 14px;transition:background-color .2s,transform .15s,opacity .2s}
.btn-agregar:active{transform:scale(.98)}
.btn-agregar:disabled{background:#3a3a3a;color:#aaa;cursor:not-allowed}
.btn-agregar svg{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.btn-agregar:not(:disabled):hover{background:var(--rojo2)}}
.btn-consulta{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;width:100%;min-height:48px;border-radius:10px;border:1.5px solid var(--wa);color:var(--wa);font-weight:800;font-size:14.5px;transition:background-color .2s,color .2s}
.btn-consulta svg{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){.btn-consulta:hover{background:var(--wa);color:#fff}}
.garantias{margin-top:20px;display:grid;gap:10px}
.garantias div{display:flex;gap:12px;align-items:center;font-size:13.5px;color:#d5d5d5}
.garantias svg{width:20px;height:20px;color:var(--rojo);flex-shrink:0}
.tabs{margin-top:56px;border-top:1px solid var(--borde)}
.tabs-nav{display:flex;gap:4px;margin-top:-1px}
.tab{padding:16px 20px;font-size:15px;font-weight:700;color:var(--txt2);border-top:3px solid transparent}
.tab.on{color:#fff;border-top-color:var(--rojo)}
.tab-panel{padding:24px 0;max-width:860px}
.tab-panel p{font-size:15.5px;line-height:1.7;color:#ddd;margin-bottom:14px}
.specs{width:100%;border-collapse:collapse;font-size:14.5px}
.specs tr:nth-child(odd){background:var(--card)}
.specs th{text-align:left;font-weight:600;color:var(--txt2);padding:12px 16px;width:38%;vertical-align:top}
.specs td{padding:12px 16px;font-weight:600}
.relacionados{padding-top:20px}

/* ── CARRITO ── */
.fondo{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:900;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.fondo.on{opacity:1;visibility:visible}
.carrito{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#141414;border-left:1px solid var(--borde);z-index:901;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .35s var(--ease),visibility .35s;box-shadow:-20px 0 50px rgba(0,0,0,.4)}
.carrito.on{transform:none;visibility:visible}
.car-cab{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--borde)}
.car-cab h2{font-size:19px;font-weight:900}
.car-cerrar{width:40px;height:40px;border-radius:9px;background:#222;display:flex;align-items:center;justify-content:center}
.car-cerrar svg{width:20px;height:20px}
.car-items{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px}
.car-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #222}
.car-item img{width:70px;height:70px;border-radius:8px;background:#fff;object-fit:contain}
.car-item .nom{font-size:13.5px;font-weight:700;line-height:1.3}
.car-item .var{font-size:12.5px;color:var(--txt2);margin-top:3px}
.car-item .var b{color:#fff}
.car-item .pr{font-size:14.5px;font-weight:800;margin-top:6px}
.car-item .der{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}
.car-item .quitar{font-size:12px;color:#888;text-decoration:underline}
.mini-cant{display:flex;align-items:center;border:1px solid #333;border-radius:8px}
.mini-cant button{width:32px;height:32px;font-size:16px;font-weight:700}
.mini-cant span{min-width:20px;text-align:center;font-size:13.5px;font-weight:800}
.car-vacio{text-align:center;padding:60px 10px;color:var(--txt2)}
.car-vacio svg{width:48px;height:48px;margin:0 auto 12px;color:#444}
.car-pie{border-top:1px solid var(--borde);padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));background:#111;overflow-y:auto;max-height:60vh}
.tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;color:#ccc;margin-bottom:6px}
.tot b{font-size:22px;color:#fff;font-weight:900;white-space:nowrap}
.tot.chico b{font-size:15px;color:#ddd}
.car-form{display:grid;gap:10px;margin:14px 0 12px}
.car-form label{font-size:12.5px;font-weight:700;color:#bbb;display:block;margin-bottom:5px}
.car-form input,.car-form select{width:100%;background:#1e1e1e;border:1px solid #333;color:#fff;border-radius:8px;padding:11px 12px}
.car-form input:focus,.car-form select:focus{outline:none;border-color:var(--rojo)}
.car-form .dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-finalizar{width:100%;min-height:52px;border-radius:10px;background:var(--wa);color:#fff;font-weight:800;font-size:15.5px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background-color .2s}
.btn-finalizar svg{width:20px;height:20px}
.car-nota{font-size:12px;color:#888;text-align:center;margin-top:10px;line-height:1.4}
@media (hover:hover) and (pointer:fine){.btn-finalizar:hover{background:#1fbd5a}}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#fff;color:#111;border-radius:12px;padding:12px 14px 12px 16px;display:flex;align-items:center;gap:14px;z-index:950;box-shadow:0 12px 34px rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .25s,transform .3s var(--ease),visibility .25s;width:max-content;max-width:calc(100% - 32px);font-size:14px;font-weight:600}
.toast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast svg{width:22px;height:22px;color:var(--ok);flex-shrink:0}
.toast button{background:#111;color:#fff;border-radius:8px;padding:8px 12px;font-weight:800;font-size:13px;white-space:nowrap}

/* CTA + FOOTER */
.cta-section{position:relative;overflow:hidden;background:#140203;text-align:center;padding:72px 20px;border-top:1px solid #2a0a0b}
.cta-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(232,0,13,.22) 0%,transparent 65%);pointer-events:none}
.cta-section>*{position:relative}
.cta-section h2{font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-1px;margin-bottom:12px}
.cta-section p{color:#cfcfcf;margin:0 auto 28px;font-size:16px;max-width:480px;line-height:1.6}
.btn-wa-big{display:inline-flex;align-items:center;gap:10px;background:var(--wa);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:800;box-shadow:0 6px 28px rgba(37,211,102,.3);transition:background-color .2s,transform .15s}
.btn-wa-big svg{width:22px;height:22px}
@media (hover:hover) and (pointer:fine){.btn-wa-big:hover{background:#1fbd5a;transform:translateY(-2px)}}
footer{background:#0a0a0a;border-top:1px solid var(--borde);padding:56px 20px calc(28px + env(safe-area-inset-bottom,0px))}
.footer-inner{max-width:1300px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-logo{height:66px;width:auto;margin-bottom:16px}
.footer-desc{font-size:14px;color:var(--txt2);line-height:1.65;max-width:320px}
.ft-title{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft-links a,.ft-links li{font-size:14px;color:var(--txt2);display:flex;align-items:center;gap:9px;transition:color .15s}
.ft-links svg{width:16px;height:16px;color:var(--rojo)}
.footer-bottom{border-top:1px solid var(--borde);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:#777}
@media (hover:hover) and (pointer:fine){.ft-links a:hover{color:#fff}}
.wa-float{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));right:22px;z-index:500;width:58px;height:58px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(37,211,102,.45);transition:transform .2s var(--ease)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:pulso 2.4s ease-out infinite}
@keyframes pulso{from{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}
.wa-float svg{width:30px;height:30px;color:#fff}
@media (hover:hover) and (pointer:fine){.wa-float:hover{transform:scale(1.08)}}

.vista{animation:entra .35s var(--ease)}
@keyframes entra{from{opacity:0;transform:translateY(10px)}}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .header-contacto{display:none}
  .cat-tiles,.grilla{grid-template-columns:repeat(3,1fr)}
  .ben-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .cat-layout{grid-template-columns:1fr;gap:18px}
  .filtros .bloque.cats-f{display:none}
  .filtros .bloque{margin:0}
  .filtros .bloque div{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
  .filtros h3{display:none}
  .filtros a{white-space:nowrap;background:#1e1e1e;gap:8px}
  .prod-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:768px){
  .logo-img{height:44px}
  .header-top{padding:8px 14px;gap:10px}
  .header-search{display:none}
  .btn-wa span{display:none}
  .btn-wa{padding:0;width:46px;height:46px;justify-content:center}
  .hamburger{display:flex}
  nav{display:none;max-height:calc(100svh - 70px);overflow-y:auto;overscroll-behavior:contain}
  nav.open{display:block}
  .nav-inner{flex-direction:column;padding:8px 16px 16px}
  .mob-search{display:flex;margin:6px 0 10px;max-width:none}
  .nav-link{width:100%;padding:15px 6px;border-bottom:1px solid #262626}
  .nav-link .flecha{margin-left:auto}
  .nav-item.open .nav-link{background:transparent;color:var(--rojo)}
  .nav-item.open .nav-link svg.i{color:var(--rojo)}
  .dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:8px;background:#242424;margin:8px 0}
  .nav-item.open .dropdown{display:block}
  .dropdown a{color:#eee}
  .dropdown a.ver-todo{border-top-color:#333}
  .nav-extra{display:flex;margin:8px 0 0}
  .nav-extra a{padding:12px 6px}

  .hero{aspect-ratio:auto;height:min(560px,86svh)}
  .slide>img{object-position:72% center}
  .slide{align-items:flex-end;padding-bottom:54px}
  .slide .velo{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 45%,rgba(0,0,0,.1) 75%)}
  .sl-txt{padding:0 20px}
  .slider-arrow{display:none}
  section{padding:48px 14px}
  .cat-tiles{grid-template-columns:1fr 1fr;gap:10px}
  .cat-tile{height:200px}
  .cat-info{padding:14px}
  .ct-name{font-size:17px}
  .ct-sub{display:none}
  .grilla{grid-template-columns:1fr 1fr;gap:10px}
  .pc-body{padding:12px 12px 8px}
  .pc-name{font-size:13.5px}
  .pc-corto{display:none}
  .pc-precio .ef{font-size:18px}
  .pc-precio .ef small{display:none}
  .pc-pie{padding:10px 12px 12px}
  .btn{padding:10px 8px;font-size:12.5px}
  .badge{font-size:9px;padding:3px 6px}
  .wrap{padding:0 14px}
  .prod-grid{grid-template-columns:1fr;gap:18px}
  .galeria{position:static;margin:0 -14px}
  .gal-main{border-radius:0}
  .gal-thumbs{padding:0 14px 4px}
  .gal-flecha{display:none}
  .cat-banner{height:150px}
  .tabs-nav{overflow-x:auto}
  .wa-float{width:52px;height:52px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:560px){
  .ben-grid{grid-template-columns:1fr;gap:16px}
  .footer-grid{grid-template-columns:1fr}
  .cp-ef .monto{font-size:30px}
}
@media (prefers-reduced-motion:reduce){
  .slides{transition:none}
  .vista{animation:none}
  .wa-float::after{animation:none}
  .carrito{transition:none}
}

/* =================== v6: MENÚ DE DOS FILAS =================== */
.nav-fila1{background:#1a1a1a}
.nav-fila2{background:#0d0d0d;border-top:1px solid #262626}
.nav-fila1 .nav-link{font-size:13.5px;padding:13px 16px;text-transform:none;letter-spacing:0;font-weight:600}
.nav-fila1 .nav-item.prod .nav-link{background:var(--rojo);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.3px}
.nav-fila2 .nav-link{padding:12px 20px;font-size:13.5px}
.dropdown.ancho{min-width:300px}
.nav-fila1 .wrap-nav,.nav-fila2 .wrap-nav{max-width:1300px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;flex-wrap:wrap}
@media (hover:hover) and (pointer:fine){.nav-fila1 .nav-item.prod:hover .nav-link{background:var(--rojo2)}}
.mob-titulo{display:none}

/* =================== FICHA DE PRODUCTO (estilo Deep) =================== */
.galeria{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:start}
.gal-thumbs{flex-direction:column;margin-top:0;overflow-y:auto;overflow-x:hidden;max-height:620px;padding:0 4px 0 0;scrollbar-width:thin}
.gal-thumb{flex:0 0 82px;width:82px;height:82px}
.leer{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#f5b301;font-weight:600;margin-bottom:14px}
.leer svg{width:16px;height:16px}
.leer a{text-decoration:underline}
.precio-ficha{margin:16px 0 18px}
.pf-monto{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pf-monto b{font-size:40px;font-weight:900;letter-spacing:-1.2px;line-height:1}
.pf-monto span{font-size:14.5px;font-weight:700;color:var(--ok)}
.pf-desde{font-size:13px;color:var(--txt2);font-weight:600;margin-bottom:4px}
.pf-cuota{display:flex;align-items:center;gap:9px;font-size:14.5px;color:#ddd;margin-top:9px}
.pf-cuota svg{width:20px;height:20px;color:#bbb;flex-shrink:0}
.pf-cuota b{color:#fff}
.go-logo{height:26px;width:auto;background:#fff;border-radius:4px;padding:2px 4px;display:inline-block;vertical-align:middle}
.pf-nota{font-size:12.5px;color:#f5b301;margin-top:10px;font-weight:600}
.envios-ficha{margin-top:22px;display:grid;gap:12px;padding:16px;border:1px solid var(--borde);border-radius:12px;background:#161616}
.envios-ficha div{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#ddd;line-height:1.4}
.envios-ficha b{color:#fff}
.envios-ficha svg{width:21px;height:21px;color:var(--rojo);flex-shrink:0;margin-top:1px}

/* Detalle en una sola página */
.detalle{margin-top:56px;max-width:900px}
.detalle h2{font-size:26px;font-weight:900;letter-spacing:-.5px;margin:38px 0 14px;display:flex;align-items:center;gap:10px}
.detalle h2::before{content:"";width:5px;height:24px;border-radius:3px;background:var(--rojo)}
.detalle h2:first-child{margin-top:0}
.detalle p{font-size:16px;line-height:1.7;color:#ddd;margin-bottom:12px}
.detalle ul.lista{list-style:none;display:grid;gap:10px}
.detalle ul.lista li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.55;color:#ddd}
.detalle ul.lista li::before{content:"";position:absolute;left:4px;top:8px;width:9px;height:9px;border-radius:2px;background:var(--rojo)}
.detalle ul.lista b{color:#fff}
.tabla{width:100%;border-collapse:collapse;font-size:15px;border:1px solid var(--borde);border-radius:10px;overflow:hidden}
.tabla th,.tabla td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--borde);vertical-align:top}
.tabla thead th{background:#222;color:#fff;font-weight:800}
.tabla tbody th{color:var(--txt2);font-weight:600;width:40%}
.tabla td{font-weight:600}
.tabla tr:last-child th,.tabla tr:last-child td{border-bottom:0}
.tabla tbody tr:nth-child(even){background:#181818}
.faq-item{background:var(--card);border:1px solid var(--borde);border-radius:10px;padding:16px 18px;margin-bottom:10px}
.faq-item h3{font-size:15.5px;font-weight:800;margin-bottom:6px}
.faq-item p{margin:0;font-size:15px}
.aviso-cambio{background:#1c1012;border:1px solid #4a1a1d;border-left:4px solid var(--rojo);border-radius:10px;padding:18px 20px}
.aviso-cambio li{color:#e6e6e6}

/* =================== AVISO GRANDE AL AGREGAR =================== */
.modal{position:fixed;inset:0;z-index:960;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.65);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.modal.on{opacity:1;visibility:visible}
.modal-caja{background:#fff;color:#111;border-radius:16px;width:min(460px,100%);padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:translateY(16px) scale(.97);transition:transform .3s var(--ease)}
.modal.on .modal-caja{transform:none}
.modal-tit{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;margin-bottom:16px}
.modal-tit svg{width:28px;height:28px;color:var(--ok)}
.modal-prod{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;background:#f4f4f4;border-radius:12px;padding:12px}
.modal-prod img{width:80px;height:80px;object-fit:contain;background:#fff;border-radius:8px}
.modal-prod .n{font-weight:800;font-size:14px;line-height:1.3}
.modal-prod .v{font-size:13px;color:#555;margin-top:4px}
.modal-prod .pr{font-size:17px;font-weight:900;margin-top:4px}
.modal-tip{font-size:13px;color:#444;background:#fff7d6;border-radius:8px;padding:10px 12px;margin-top:14px;line-height:1.45}
.modal-btns{display:grid;gap:10px;margin-top:18px}
.modal-btns button{min-height:50px;border-radius:10px;font-weight:800;font-size:15px}
.mb-ir{background:var(--rojo);color:#fff}
.mb-seguir{border:2px solid #111;color:#111}
@media (hover:hover) and (pointer:fine){.mb-ir:hover{background:var(--rojo2)}.mb-seguir:hover{background:#111;color:#fff}}

/* =================== CARRITO v6 =================== */
.car-pie{max-height:none}
.car-tots{display:grid;gap:6px;margin-bottom:14px}
.tot-l{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:#cfcfcf;align-items:center}
.tot-l b{color:#fff;white-space:nowrap}
.tot-l .go-logo{height:16px}
.btn-pedido{width:100%;min-height:52px;border-radius:10px;background:var(--rojo);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background-color .2s}
.btn-pedido svg{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.btn-pedido:hover{background:var(--rojo2)}}
.car-seguir{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:#bbb;text-decoration:underline}
.car-volver{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#ddd;font-weight:700;margin:14px 0 4px}
.car-volver svg{width:15px;height:15px;transform:scaleX(-1)}
.car-sec{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--txt2);margin:18px 0 10px}
.sugeridos{display:grid;gap:8px}
.sug{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:10px;padding:8px}
.sug img{width:56px;height:56px;border-radius:7px;background:#fff;object-fit:contain}
.sug .n{font-size:12.5px;font-weight:700;line-height:1.3}
.sug .p{font-size:13px;font-weight:800;margin-top:2px}
.sug button,.sug a.b{background:var(--rojo);color:#fff;font-size:12px;font-weight:800;padding:8px 10px;border-radius:7px;white-space:nowrap}
.car-form .err{border-color:#ff4d57!important}
.msg-err{font-size:12.5px;color:#ff6b73;margin-top:4px;display:none}
.msg-err.on{display:block}
.total-pago{display:flex;justify-content:space-between;align-items:baseline;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:10px;padding:12px 14px;margin:6px 0 12px;font-size:14px;color:#ddd}
.total-pago b{font-size:22px;color:#fff;font-weight:900}
.car-resumen{font-size:13px;color:#bbb;margin-top:6px}

/* =================== PÁGINAS DE INFORMACIÓN =================== */
.info-pag{max-width:920px;margin:0 auto;padding:44px 20px 64px}
.info-pag h1{font-family:var(--titulo);font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(30px,4vw,44px);text-align:center;margin-bottom:8px}
.info-pag h1 span{color:var(--rojo)}
.info-pag .bajada{text-align:center;color:#cfcfcf;font-size:16px;margin-bottom:32px;line-height:1.6}
.info-pag .bajada b{color:#fff}
.pasos{display:grid;gap:10px;margin-bottom:28px}
.paso{display:grid;grid-template-columns:60px 1fr;background:var(--card);border:1px solid var(--borde);border-radius:12px;overflow:hidden}
.paso .num{background:var(--rojo);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900}
.paso .tx{padding:16px 18px}
.paso h3{font-size:16.5px;font-weight:800;margin-bottom:5px}
.paso p{font-size:14.5px;color:#d5d5d5;line-height:1.6}
.paso p b{color:#fff}
.bloque-info{background:var(--card);border:1px solid var(--borde);border-left:4px solid var(--rojo);border-radius:10px;padding:20px 22px;margin-bottom:14px}
.bloque-info h2{font-size:19px;font-weight:900;margin-bottom:12px}
.bloque-info h3{font-size:15.5px;font-weight:800;margin:14px 0 4px}
.bloque-info h3:first-of-type{margin-top:0}
.bloque-info p{font-size:15px;color:#d5d5d5;line-height:1.65;margin-bottom:8px}
.bloque-info ul{list-style:none;display:grid;gap:8px}
.bloque-info li{position:relative;padding-left:20px;font-size:15px;color:#d5d5d5;line-height:1.55}
.bloque-info li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:2px;background:var(--rojo)}
.bloque-info b{color:#fff}
.bloque-info .go-logo{height:18px}
.cta-info{text-align:center;margin-top:28px}
.cta-info p{color:#cfcfcf;margin-bottom:14px}
.firma{display:flex;align-items:center;gap:14px;margin-top:16px}
.firma .av{width:54px;height:54px;border-radius:50%;background:var(--rojo);display:flex;align-items:center;justify-content:center;font-family:var(--titulo);font-style:italic;font-weight:900;font-size:22px}
.firma b{display:block;font-size:16px}
.firma span{font-size:13px;color:var(--txt2)}

@media(max-width:1024px){
  .galeria{grid-template-columns:72px 1fr}
  .gal-thumb{flex-basis:68px;width:68px;height:68px}
}
@media(max-width:768px){
  .nav-fila1 .wrap-nav,.nav-fila2 .wrap-nav{flex-direction:column;padding:0 16px}
  .nav-fila2{border-top:0}
  .mob-titulo{display:block;font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#777;padding:16px 6px 6px}
  .nav-fila1 .nav-link,.nav-fila2 .nav-link{padding:14px 6px;font-size:15px}
  .nav-fila1 .nav-item.prod .nav-link{background:transparent;color:var(--rojo)}
  .galeria{grid-template-columns:1fr;margin:0 -14px}
  .gal-thumbs{flex-direction:row;order:2;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 14px 4px}
  .gal-thumb{flex:0 0 66px;width:66px;height:66px}
  .pf-monto b{font-size:34px}
  .detalle h2{font-size:22px}
  .tabla{font-size:14px}
  .tabla th,.tabla td{padding:10px 12px}
  .paso{grid-template-columns:46px 1fr}
  .paso .num{font-size:22px}
  .info-pag{padding:30px 14px 48px}
}

.mob-search-wrap{display:none}
@media(max-width:768px){.mob-search-wrap{display:block;padding:10px 16px 0}.mob-search-wrap .mob-search{display:flex;margin:0}}
/* aviso de gracias al enviar el pedido */
.gracias-caja{text-align:center;padding:32px 26px 26px}
.gracias-ico{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;background:#e8f8ee;display:flex;align-items:center;justify-content:center}
.gracias-ico svg{width:40px;height:40px;color:var(--ok)}
.gracias-tit{font-size:22px;font-weight:900;line-height:1.25;margin-bottom:10px}
.gracias-txt{font-size:15px;color:#333;line-height:1.5;margin:0 0 10px}
.gracias-chico{font-size:12.5px;color:#777;margin:0 0 18px}
.mb-wa{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;font-weight:800;border-radius:10px;padding:14px;text-decoration:none}
.mb-wa svg{width:20px;height:20px}
/* ===== Foto de perfil ===== */
.firma .av-foto{width:72px;height:72px;object-fit:cover;border:3px solid var(--rojo);padding:0;background:#000}
/* ===== Publicación tipo Instagram ===== */
.ig-post{max-width:470px;margin:28px auto;background:#000;border:1px solid var(--borde);border-radius:14px;overflow:hidden;color:#f5f5f5}
.ig-head{display:flex;align-items:center;gap:10px;padding:12px 14px}
.ig-head img{width:40px;height:40px;border-radius:50%;object-fit:cover;outline:2px solid #d62976;outline-offset:2px}
.ig-head b{display:block;font-size:14px}.ig-head span{font-size:12px;color:var(--txt2)}
.ig-seguir{margin-left:auto;background:#0095f6;color:#fff;font-weight:700;font-size:13px;padding:7px 16px;border-radius:8px}
.ig-media{position:relative;aspect-ratio:3/4;background:#111}
.ig-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ig-track::-webkit-scrollbar{display:none}
.ig-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}
.ig-flecha{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.85);color:#111;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}
.ig-prev{left:10px}.ig-next{right:10px}
.ig-cont{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.65);font-size:12px;padding:3px 9px;border-radius:12px}
.ig-acciones{display:flex;align-items:center;gap:16px;padding:10px 14px 4px;font-size:22px;position:relative}
.ig-dots{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:4px}
.ig-dots i{width:6px;height:6px;border-radius:50%;background:#555}.ig-dots i.on{background:#0095f6}
.ig-texto{padding:6px 14px 16px;font-size:14px;line-height:1.5}
.ig-tags{color:#e0f1ff}
/* ===== Detrás de Todo Repuestos (inicio) ===== */
.detras{padding:56px 20px;border-top:1px solid var(--borde)}
.detras-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.detras-av{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--rojo);margin-bottom:14px}
.detras-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rojo);margin-bottom:6px}
.detras-txt p{color:var(--txt2);font-size:15px;line-height:1.6;margin:12px 0 18px;max-width:440px}
.detras-fotos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.detras-fotos a{display:block;border-radius:12px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--borde)}
.detras-fotos img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.detras-fotos a:hover img{transform:scale(1.05)}
/* ===== Opiniones ===== */
.estrellas{color:#555;letter-spacing:1px;white-space:nowrap}.estrellas .on{color:#ffb400}
.estrellas.grandes{font-size:24px}
.estrellas-prod{display:inline-flex;align-items:center;gap:8px;font-size:15px;margin:-4px 0 10px}
.estrellas-prod:empty{display:none}
.est-n{font-size:13px;color:var(--txt2);text-decoration:underline}
.op-resumen{display:flex;align-items:center;gap:16px;margin:10px 0 18px}
.op-prom{font-size:44px;font-weight:900;line-height:1}
.op-resumen span:not(.estrellas):not(.on){display:block;font-size:13px;color:var(--txt2)}
.op-lista{display:grid;gap:12px;margin:18px 0}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.op{background:var(--card);border:1px solid var(--borde);border-radius:12px;padding:16px;text-align:left}
.op-head{display:flex;align-items:center;gap:10px}
.op-head .estrellas{margin-left:auto}
.op-av{width:38px;height:38px;border-radius:50%;background:var(--rojo);display:flex;align-items:center;justify-content:center;font-weight:900;flex:none}
.op-head b{display:block;font-size:14px}.op-head span:not(.estrellas):not(.on){font-size:12px;color:var(--txt2)}
.op-prod{font-size:12.5px;color:var(--txt2);margin-top:10px}.op-prod a{color:#fff;text-decoration:underline}
.op p{font-size:14.5px;line-height:1.55;margin:10px 0 0;color:#e8e8e8}
.op-vacio{color:var(--txt2);margin:8px 0 16px}
.btn-opinar{display:inline-flex;align-items:center;gap:8px;background:var(--rojo);color:#fff;font-weight:800;padding:13px 22px;border-radius:10px;margin:6px 10px 6px 0}
.btn-opinar:hover{background:var(--rojo2)}
.op-inicio{padding-top:0}
.op-form{display:grid;gap:6px;max-width:560px;margin-top:20px}
.op-form label,.op-lbl{display:grid;gap:6px;font-weight:700;font-size:14px;margin-top:10px}
.op-form input,.op-form select,.op-form textarea{background:var(--card);border:1px solid var(--borde);color:#fff;border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;font-weight:400}
.op-form input:focus,.op-form select:focus,.op-form textarea:focus{outline:none;border-color:var(--rojo)}
.op-estrellas{display:flex;gap:6px}
.op-estrellas button{font-size:38px;line-height:1;color:#444;transition:transform .15s,color .15s}
.op-estrellas button.on{color:#ffb400}.op-estrellas button:hover{transform:scale(1.12)}
.op-form .btn-pedido{margin-top:18px}
.op-gracias{text-align:center}.op-gracias .op-lista{text-align:left;max-width:560px;margin:20px auto}
@media (max-width:860px){
  .detras-grid{grid-template-columns:1fr;gap:24px}
  .detras-fotos{grid-template-columns:repeat(4,1fr);gap:6px}
  .op-grid{grid-template-columns:1fr}
  .ig-post{margin:22px -4px}
}
.op-form{width:100%}
.op-form input,.op-form select,.op-form textarea{width:100%;min-width:0;box-sizing:border-box}