/* =========================================================
   STOCK DISPONIBLE — destacados, filtros, grilla y ficha
   Datos: assets/data/stock.js · Lógica: assets/js/catalogo.js
   Usa los tokens de styles.css (colores, radios, --ease, tipografía)
   ========================================================= */
.stock{padding-top:0}
.stock__note{margin:28px 0 0;font-size:.86rem;color:var(--muted)}
.mobile-nav.is-open li:nth-child(6) a{transition-delay:.3s}

/* Ajuste ajeno al catálogo (ya pasaba antes): en 360 px el mail de contacto no se cortaba
   y la columna de Contacto generaba scroll horizontal. */
@media (max-width:980px){.contact{grid-template-columns:minmax(0,1fr)}}
.branch a{overflow-wrap:anywhere}

/* Badge 0 km / Usado: misma flecha que .machine__tag */
/* Deshabilitados en modo oscuro: atenuados pero legibles (≥3:1 compuesto sobre --bg) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--stock-off-op:.45;--stock-off-ink:var(--text);--stock-off-brand-n:#fff;--stock-off-nh-ring:rgba(255,255,255,.8);--stock-off-nh:#00205B;--stock-off-cr:#6E1512}}
:root[data-theme="dark"]{--stock-off-op:.45;--stock-off-ink:var(--text);--stock-off-brand-n:#fff;--stock-off-nh-ring:rgba(255,255,255,.8);--stock-off-nh:#00205B;--stock-off-cr:#6E1512}

.stock-tag{position:absolute;top:14px;left:14px;z-index:2;padding:5px 14px 5px 10px;background:var(--sky);color:var(--black);font-size:.8rem;font-weight:700;line-height:1.4;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
.stock-tag--usado{background:var(--black);color:var(--white)}
.stock-tag--inline{position:static;display:inline-block}
.stock-tag--inline.stock-tag--usado{background:var(--text);color:var(--bg)}

/* ---------- Destacados (carrusel) ---------- */
.stock-featured{margin-bottom:clamp(56px,7vw,88px)}
.stock-featured__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.stock-kicker{display:flex;align-items:center;gap:10px;margin:0;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.stock-kicker .chevrons svg{width:9px;height:14px}
.stock-featured__nav{display:none;gap:8px}
@media (hover:hover) and (pointer:fine){.stock-featured__nav{display:flex}}
.stock-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .3s,opacity .3s}
.stock-arrow svg{width:10px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .45s var(--ease)}
.stock-arrow--prev svg{transform:scaleX(-1)}
.stock-arrow:hover{border-color:var(--sky)}
.stock-arrow:hover svg{transform:translateX(3px)}
.stock-arrow--prev:hover svg{transform:scaleX(-1) translateX(3px)}
.stock-arrow[aria-disabled="true"]{opacity:.35;cursor:default;border-color:var(--line)}
.stock-arrow[aria-disabled="true"] svg{transform:none}
.stock-arrow--prev[aria-disabled="true"] svg{transform:scaleX(-1)}

.stock-track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.stock-track::-webkit-scrollbar{display:none}
.stock-track>div{scroll-snap-align:start;min-width:0}
@media (min-width:600px){.stock-track{grid-auto-columns:calc((100% - 16px) / 2)}}
@media (min-width:980px){.stock-track{grid-auto-columns:calc((100% - 32px) / 3)}}

/* Slide: misma receta que .pillar (foto, degradé y barra celeste al hover) */
.stock-slide{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:4/5;padding:clamp(22px,2.4vw,30px);overflow:hidden;isolation:isolate;border:0;border-radius:var(--radius-l);background:#000;color:#fff;font:inherit;text-align:left;cursor:pointer}
.stock-slide__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 1.6s var(--ease)}
.stock-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,0) 66%,rgba(0,0,0,.3) 100%)}
.stock-slide::after{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--sky);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease)}
.stock-slide__brand{display:block;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.78)}
.stock-slide__title{display:block;margin-top:4px;font-size:clamp(1.55rem,2.3vw,2.05rem);font-stretch:78%;font-variation-settings:"wdth" 78;font-weight:850;line-height:1;text-wrap:balance}
.stock-slide__meta{display:block;margin-top:10px;font-size:.92rem;color:rgba(255,255,255,.8)}
.stock-slide__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}
.stock-slide__price{font-size:1.1rem;font-weight:750}
.stock-slide__cta{display:inline-flex;align-items:center;gap:8px;color:var(--sky);font-weight:700;font-size:.95rem}
.stock-slide__cta .btn__chev svg{width:9px;height:14px}
@media (hover:hover){
  .stock-slide:hover .stock-slide__img,.stock-slide:focus-visible .stock-slide__img{transform:scale(1.07)}
  .stock-slide:hover::after,.stock-slide:focus-visible::after{transform:scaleX(1)}
  .stock-slide:hover .btn__chev svg{transform:translateX(4px);opacity:1}
  .stock-slide:hover .btn__chev svg:nth-child(2){transition-delay:.05s}
  .stock-slide:hover .btn__chev svg:nth-child(3){transition-delay:.1s}
}

/* ---------- Filtros ---------- */
.stock-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-bottom:28px}
.stock-filters__label{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* Categoría: tarjetas con ícono de línea */
.stock-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.stock-cat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:124px;padding:16px 16px 14px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color .35s,border-color .35s,color .35s,opacity .35s,transform .45s var(--ease),box-shadow .45s}
.stock-cat__ico{width:58px;height:36px;margin-bottom:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--sky-ink);transition:transform .55s var(--ease),color .35s}
.stock-cat__name{margin-top:12px;font-size:1.06rem;font-stretch:86%;font-variation-settings:"wdth" 86;font-weight:800;line-height:1.1}
.stock-cat__n{font-size:.84rem;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .35s}
.stock-cat[aria-pressed="true"]{background:var(--sky);border-color:var(--sky);color:var(--black);box-shadow:0 18px 34px -24px color-mix(in srgb,var(--sky) 90%,#000)}
.stock-cat[aria-pressed="true"] .stock-cat__ico{color:var(--black)}
.stock-cat[aria-pressed="true"] .stock-cat__n{color:inherit}
.stock-cat[aria-disabled="true"]{opacity:var(--stock-off-op,.38);cursor:default}
.stock-cat[aria-disabled="true"] .stock-cat__ico{color:var(--stock-off-ink,var(--sky-ink))}
.stock-cat[aria-disabled="true"] .stock-cat__n{color:var(--stock-off-ink,var(--muted))}
.stock-cat__ico.is-pop{animation:stock-pop .65s var(--ease)}
@keyframes stock-pop{0%{transform:none}30%{transform:translate(3px,-4px) rotate(-5deg)}62%{transform:translate(-1px,0) rotate(2deg)}100%{transform:none}}
@media (hover:hover){
  .stock-cat:not([aria-disabled="true"]):not([aria-pressed="true"]):hover{border-color:var(--sky);transform:translateY(-3px)}
  .stock-cat:not([aria-disabled="true"]):hover .stock-cat__ico{transform:translateX(4px)}
}

/* Fila de estado + marca (en mobile se muda al panel inferior) */
.stock-filters__row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px 44px}
.stock-filters__block{display:grid;gap:10px;min-width:0}

/* Estado: control segmentado en cápsula */
.stock-seg{position:relative;display:inline-flex;padding:5px;border-radius:999px;background:var(--surface-2)}
.stock-seg__ind{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:var(--sky);box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}
.stock-seg.is-ready .stock-seg__ind{transition:transform .55s var(--ease),width .55s var(--ease)}
.stock-seg__opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 20px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:.95rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .35s,opacity .35s}
.stock-seg__n{font-size:.78rem;font-weight:600;opacity:.7;font-variant-numeric:tabular-nums}
.stock-seg__opt:hover{color:var(--text)}
.stock-seg__opt[aria-checked="true"]{color:var(--black)}
.stock-seg__opt[aria-disabled="true"]{opacity:.38;cursor:default}
.stock-seg__opt:focus-visible{outline-offset:1px;border-radius:999px}

/* Marca: chips con logo + desplegable */
.stock-brands{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.stock-brand{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 14px 0 16px;border:0;border-radius:8px;color:#fff;font:inherit;cursor:pointer;transition:box-shadow .35s,opacity .35s,transform .45s var(--ease)}
.stock-brand--nh{background:#00205B}
.stock-brand--cr{background:linear-gradient(135deg,#D9352E,#B81A1A)}
.stock-brand img{width:auto;height:27px}
.stock-brand--cr img{height:18px}
.stock-brand__n{font-size:.8rem;font-weight:650;color:rgba(255,255,255,.78);font-variant-numeric:tabular-nums}
.stock-brand[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--sky)}
/* Claro: marca desaturada + opacidad .6 sobre --bg → logo y número 4,54:1 (NH) y 3,46:1 (CR) */
.stock-brand[aria-disabled="true"]{opacity:var(--stock-off-op,.6);cursor:default}
.stock-brand[aria-disabled="true"] .stock-brand__n{color:var(--stock-off-brand-n,#fff)}
.stock-brand--nh[aria-disabled="true"]{background:var(--stock-off-nh,#131E33);box-shadow:inset 0 0 0 1.5px var(--stock-off-nh-ring,transparent)}
.stock-brand--cr[aria-disabled="true"]{background:var(--stock-off-cr,#6E2F2C)}
@media (hover:hover){.stock-brand:not([aria-disabled="true"]):hover{transform:translateY(-2px)}}

.stock-dd{position:relative}
.stock-dd__btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 14px 0 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.95rem;font-weight:650;white-space:nowrap;cursor:pointer;transition:border-color .3s,background-color .3s,color .3s,opacity .3s}
.stock-dd__btn:hover,.stock-dd__btn[aria-expanded="true"]{border-color:var(--sky)}
.stock-dd__btn.is-active{background:var(--sky);border-color:var(--sky);color:var(--black)}
.stock-dd__btn[aria-disabled="true"]{opacity:var(--stock-off-op,.38);cursor:default;border-color:var(--line)}
.stock-dd__caret{width:12px;height:8px;fill:none;stroke:currentColor;stroke-width:2.6;transition:transform .45s var(--ease)}
.stock-dd__btn[aria-expanded="true"] .stock-dd__caret{transform:rotate(180deg)}
.stock-dd__list{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:250px;max-height:calc(10 * 44px + 14px);overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:0 26px 50px -24px rgba(0,0,0,.5);animation:stock-dd-in .35s var(--ease)}
.stock-dd__list[hidden]{display:none}
@keyframes stock-dd-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.stock-dd__opt{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:0 12px;border-radius:6px;font-weight:650;cursor:pointer;transition:background-color .2s}
.stock-dd__opt:hover,.stock-dd__opt:focus{background:var(--surface-2);outline:none}
.stock-dd__opt:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}
.stock-dd__opt[aria-selected="true"]{color:var(--sky-ink)}
.stock-dd__opt[aria-selected="true"]>span:first-child::before{content:"";display:inline-block;width:6px;height:11px;margin:0 10px 2px 2px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.stock-dd__n{font-size:.82rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}

/* Botón "Filtros (n)": solo mobile */
.stock-filters__open{display:none;align-items:center;justify-self:start;gap:10px;min-height:46px;padding:0 18px 0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.98rem;font-weight:700;cursor:pointer;transition:border-color .3s}
.stock-filters__open:hover{border-color:var(--sky)}
.stock-filters__open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.stock-filters__badge{color:var(--sky-ink)}

/* ---------- Barra de resultados ---------- */
.stock-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:22px;padding-top:18px;border-top:1px solid var(--line);scroll-margin-top:96px}
.stock-count{display:flex;align-items:baseline;margin:0;font-weight:650}
.stock-count__n{font-size:1.7rem;font-stretch:80%;font-variation-settings:"wdth" 80;font-weight:880;line-height:1;font-variant-numeric:tabular-nums}
.stock-count__u{margin-left:.3em}
.stock-active{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;list-style:none}
.stock-active__chip{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 12px 0 14px;border:1px solid var(--sky);border-radius:999px;background:color-mix(in srgb,var(--sky) 14%,var(--surface));color:var(--text);font:inherit;font-size:.9rem;font-weight:650;cursor:pointer;animation:stock-chip-in .35s var(--ease);transition:background-color .25s,color .25s}
.stock-active__chip:hover{background:var(--sky);color:var(--black)}
@keyframes stock-chip-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.stock-x{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.stock-clear{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;padding:0;border:0;background:none;color:var(--sky-ink);font:inherit;font-weight:700;font-size:.95rem;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;cursor:pointer;transition:text-decoration-color .3s}
.stock-clear:hover{text-decoration-color:currentColor}
.stock-clear[hidden]{display:none}

/* ---------- Panel inferior de filtros (mobile) ---------- */
.stock-sheet{position:fixed;inset:0;z-index:85}
.stock-sheet[hidden]{display:none}
.stock-sheet__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .4s var(--ease)}
.stock-sheet__panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:88svh;background:var(--surface);color:var(--text);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:0 -24px 60px -24px rgba(0,0,0,.6);transform:translateY(100%);transition:transform .55s var(--ease)}
.stock-sheet__panel::before{content:"";position:absolute;top:10px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:4px;background:var(--line)}
.stock-sheet.is-open .stock-sheet__backdrop{opacity:1}
.stock-sheet.is-open .stock-sheet__panel{transform:none}
.stock-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 20px 6px}
.stock-sheet__title{margin:0;font-size:1.7rem;font-stretch:78%;font-variation-settings:"wdth" 78;font-weight:880;line-height:1;text-transform:uppercase}
.stock-sheet__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}
.stock-sheet__close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.stock-sheet__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 20px 24px}
.stock-sheet .stock-filters__row{flex-direction:column;align-items:stretch;gap:26px}
.stock-sheet .stock-seg{display:flex}
.stock-sheet .stock-seg__opt{flex:1;padding:0 10px}
.stock-sheet .stock-dd{flex-basis:100%}
.stock-sheet .stock-dd__btn{width:100%;justify-content:space-between}
.stock-sheet .stock-dd__list{position:static;max-height:none;margin-top:8px;box-shadow:none}
.stock-sheet__foot{display:flex;align-items:center;gap:16px;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.stock-sheet__foot .stock-clear{margin-left:0}
.stock-sheet__ver{flex:1}

@media (max-width:767px){
  .stock-filters{gap:16px}
  .stock-cats-wrap{position:relative;min-width:0;margin-inline:calc(-1 * clamp(20px,4vw,48px))}
  .stock-cats{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px clamp(20px,4vw,48px) 6px;scroll-padding-inline:clamp(20px,4vw,48px)}
  .stock-cats::-webkit-scrollbar{display:none}
  .stock-cat{flex:0 0 116px;min-height:112px;padding:14px 14px 12px;scroll-snap-align:start}
  .stock-cat__ico{width:50px;height:31px}
  .stock-cats-wrap::before,.stock-cats-wrap::after{content:"";position:absolute;top:0;bottom:6px;z-index:2;width:44px;pointer-events:none;transition:opacity .3s}
  .stock-cats-wrap::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
  .stock-cats-wrap::after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
  .stock-cats-wrap.is-start::before,.stock-cats-wrap.is-end::after{opacity:0}
  .stock-filters__open{display:inline-flex}
  .stock-filters>.stock-filters__row{display:none}
  .stock-count__n{font-size:1.5rem}
  .stock-active{order:3;flex-basis:100%}
}

/* ---------- Grilla de cards (misma familia que .machine) ---------- */
.stock-grid{display:grid;grid-template-columns:1fr;gap:20px;transition:opacity .22s,transform .45s var(--ease)}
.stock-grid.is-updating{opacity:0;transform:translateY(8px)}
@media (min-width:600px){.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1240px){.stock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stock-empty{grid-column:1/-1;margin:0;padding:40px 24px;border:1px dashed var(--line);border-radius:var(--radius-m);text-align:center;color:var(--muted)}

.stock-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);transition:transform .45s var(--ease),box-shadow .45s,border-color .45s}
.stock-card[data-brand="nh"]{--brand-dot:#F5B82E}
.stock-card[data-brand="cr"]{--brand-dot:#C8201E}
.stock-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-2)}
.stock-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.stock-card__photos{position:absolute;right:12px;bottom:10px;padding:3px 8px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:.74rem;font-weight:600}
.stock-card__body{flex:1;display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px}
.stock-card__brand{margin:0;display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--muted)}
.stock-card__brand::before{content:"";flex:none;width:9px;height:9px;border-radius:2px;background:var(--brand-dot,var(--graphite))}
.stock-card__title{margin:-4px 0 0;font-size:1.36rem;font-stretch:82%;font-variation-settings:"wdth" 82;font-weight:800;line-height:1.1;overflow-wrap:anywhere}
.stock-card__open{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.stock-card__open::after{content:"";position:absolute;inset:0;z-index:3;border-radius:var(--radius-m)}
.stock-card__open:focus-visible{outline:none}
.stock-card__open:focus-visible::after{outline:2px solid var(--sky);outline-offset:-2px}
.stock-card__specs{margin:0;font-size:.92rem;color:var(--muted);font-variant-numeric:tabular-nums}
.stock-card__conds{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.stock-card__conds li{padding:3px 10px;border-radius:4px;background:var(--surface-2);font-size:.82rem;color:var(--muted)}
.stock-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.stock-card__price{margin:0;font-size:1.22rem;font-stretch:88%;font-variation-settings:"wdth" 88;font-weight:800;font-variant-numeric:tabular-nums}
.stock-card__price.is-ask{font-size:1rem;font-weight:650;color:var(--muted);font-stretch:100%;font-variation-settings:"wdth" 100}
.stock-card__more{display:inline-flex;align-items:center;gap:8px;color:var(--sky-ink);font-weight:700;font-size:.92rem}
.stock-card__more .btn__chev svg{width:9px;height:14px}
@media (hover:hover){
  .stock-card:hover{transform:translateY(-4px);border-color:var(--sky);box-shadow:0 22px 44px -26px rgba(0,0,0,.5)}
  .stock-card:hover .stock-card__media img{transform:scale(1.06)}
  .stock-card:hover .btn__chev svg{transform:translateX(4px);opacity:1}
  .stock-card:hover .btn__chev svg:nth-child(2){transition-delay:.05s}
  .stock-card:hover .btn__chev svg:nth-child(3){transition-delay:.1s}
}

/* ---------- Ficha (modal) ---------- */
body.stock-lock{overflow:hidden}
.stock-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:32px}
.stock-modal[hidden]{display:none}
.stock-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s var(--ease)}
.stock-modal__panel{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:min(1160px,100%);height:min(820px,100%);overflow:hidden;border-radius:var(--radius-l);background:var(--surface);color:var(--text);box-shadow:0 40px 90px -40px rgba(0,0,0,.7);opacity:0;transform:translateY(18px) scale(.985);transition:opacity .4s,transform .55s var(--ease)}
.stock-modal.is-open .stock-modal__backdrop{opacity:1}
.stock-modal.is-open .stock-modal__panel{opacity:1;transform:none}
.stock-modal__close{position:absolute;top:14px;right:14px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .3s,transform .45s var(--ease)}
.stock-modal__close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.stock-modal__close:hover{border-color:var(--sky);transform:rotate(90deg)}

.stock-gallery{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:#000}
.stock-gallery__track{flex:1;display:flex;min-height:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.stock-gallery__track::-webkit-scrollbar{display:none}
.stock-gallery__item{position:relative;flex:0 0 100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.stock-gallery__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.stock-gallery__arrow{position:absolute;top:calc(50% - 46px);z-index:2;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;transition:background-color .3s,opacity .3s}
.stock-gallery__arrow svg{width:10px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
.stock-gallery__arrow--prev{left:14px}
.stock-gallery__arrow--prev svg{transform:scaleX(-1)}
.stock-gallery__arrow--next{right:14px}
.stock-gallery__arrow:hover{background:var(--sky);color:var(--black)}
.stock-gallery__arrow[aria-disabled="true"]{opacity:0;pointer-events:none}
.stock-gallery__count{position:absolute;left:14px;top:14px;z-index:2;margin:0;padding:3px 10px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums}
.stock-thumbs{display:flex;gap:8px;padding:12px;overflow-x:auto;scrollbar-width:none;background:#000}
.stock-thumbs::-webkit-scrollbar{display:none}
.stock-thumb{flex:none;width:76px;height:57px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:6px;background:#111;cursor:pointer;opacity:.55;transition:opacity .3s,border-color .3s}
.stock-thumb img{width:100%;height:100%;object-fit:cover}
.stock-thumb:hover{opacity:.85}
.stock-thumb[aria-current="true"]{opacity:1;border-color:var(--sky)}
.stock-gallery.is-single .stock-gallery__arrow,.stock-gallery.is-single .stock-thumbs{display:none}

.stock-modal__info{display:flex;flex-direction:column;gap:16px;min-width:0;padding:clamp(28px,3vw,40px);padding-top:72px;overflow-y:auto;overscroll-behavior:contain}
.stock-modal__top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.stock-modal__brand{font-size:.92rem;font-weight:600;color:var(--muted)}
.stock-modal__title{margin:0;font-size:clamp(1.9rem,3vw,2.6rem);font-stretch:78%;font-variation-settings:"wdth" 78;font-weight:880;line-height:.98;letter-spacing:-.01em;text-wrap:balance}
.stock-modal__price{margin:0;font-size:1.5rem;font-stretch:88%;font-variation-settings:"wdth" 88;font-weight:800;font-variant-numeric:tabular-nums}
.stock-modal__price.is-ask{font-size:1.1rem;font-weight:650;color:var(--muted);font-stretch:100%;font-variation-settings:"wdth" 100}
.stock-modal__desc{margin:0;color:var(--muted)}
.stock-modal__sub{margin:8px 0 0;font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.stock-specs{display:grid;grid-template-columns:auto 1fr;margin:0;border-top:1px solid var(--line)}
.stock-specs dt,.stock-specs dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.stock-specs dt{color:var(--muted);font-size:.94rem}
.stock-specs dd{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}
.stock-conds{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.stock-conds li{display:flex;align-items:flex-start;gap:10px;font-size:.98rem}
.stock-conds svg{flex:none;width:9px;height:14px;margin-top:6px;fill:none;stroke:var(--sky);stroke-width:2.4}
.stock-modal__wa{position:sticky;bottom:0;z-index:1;margin-top:8px;width:100%;box-shadow:0 -18px 20px -4px var(--surface)}
.stock-modal__ref{margin:0;font-size:.84rem;color:var(--muted)}

@media (max-width:860px){
  .stock-modal{padding:0}
  .stock-modal__panel{display:block;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:0}
  .stock-gallery__track{flex:none;aspect-ratio:4/3}
  .stock-modal__info{overflow:visible;padding:24px clamp(20px,5vw,32px) calc(32px + env(safe-area-inset-bottom,0px))}
  .stock-modal__close{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:12px;border-color:transparent;background:rgba(0,0,0,.6);color:#fff}
  .stock-gallery__count{top:auto;bottom:calc(81px + 14px)}
  .stock-gallery.is-single .stock-gallery__count{bottom:14px}
}
@media (max-width:640px){
  .stock-gallery__arrow{display:none}
}