.producto-versiones { margin:16px 0; min-width:0; max-width:100%; scroll-margin-top:180px; }
.producto-versiones .producto-versiones-titulo { font-size:16px; line-height:1.4; margin:0; font-weight:600; letter-spacing:0; color:#404854; }
.producto-versiones-cabecera { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.producto-versiones-flechas { display:flex; gap:4px; flex-shrink:0; }
.producto-versiones [hidden] { display:none!important; }
.producto-versiones-flechas button { width:32px; height:32px; padding:0; border:1px solid #ced4da; border-radius:4px; color:#0865b3; background:#fff; display:inline-flex; align-items:center; justify-content:center; }
.producto-versiones-flechas button:disabled { opacity:.4; }
.producto-versiones-flechas button:focus-visible { outline:3px solid #ffbf00; }
.producto-versiones-lista { display:flex; gap:8px; overflow-x:auto; padding:3px 2px 10px; margin:0; list-style:none; align-items:stretch; scrollbar-width:thin; }
.producto-versiones-lista > li { flex:0 0 180px; display:flex; min-width:0; }
.producto-versiones a.producto-version { box-sizing:border-box; display:flex; flex-direction:column; gap:5px; width:100%; padding:9px; border:1px solid #ced4da; border-radius:6px; color:#454d56; text-decoration:none; background:#fff; font-size:13px; line-height:1.3; overflow-wrap:anywhere; letter-spacing:0; }
.producto-versiones a.producto-version:hover { border-color:#0d6efd; }
.producto-versiones a.producto-version:focus-visible { outline:3px solid #ffbf00; outline-offset:1px; }
.producto-versiones a.producto-version[aria-current=page] { border-color:#0d6efd; box-shadow:inset 0 0 0 1px #0d6efd; background:#f5f9ff; }
.producto-version-imagen { display:flex; align-items:center; justify-content:center; height:72px; position:relative; }
.producto-version-imagen img { width:72px; height:72px; object-fit:contain; }
.producto-version-check { position:absolute; top:0; right:0; color:#0d6efd; font-size:16px; background:#fff; border-radius:50%; }
.producto-version-detalle { font-size:12px; flex:1; }
.producto-version-titulo { font-size:13px; line-height:1.35; }
.producto-version-precios { display:flex; flex-direction:column; gap:6px; }
.producto-versiones .producto-version-tarjeta, .producto-versiones .producto-version-etiqueta { font-size:13px; line-height:1.3; }
.producto-version-tarjeta span { white-space:nowrap; }
.producto-version-rebaja { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:4px; }
.producto-versiones .producto-version-precio { display:block; color:#0865b3; font-size:20px; line-height:1.3; font-weight:700; }
.producto-version-stock { font-size:12px; }
.producto-version-stock.con-stock { color:#18744e; }
.producto-version-codigo { font-size:11px; color:#67717c; }
@media(max-width:575px) {
    .producto-versiones-lista > li { flex-basis:164px; }
    .producto-versiones { scroll-margin-top:230px; }
}