/* Ficha: tira de fotos por acabado y vista previa flotante en móvil */
.km-finish-strip{margin-top:.9rem}
.km-finish-strip__title{margin:0 0 .55rem;font-size:.68rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--km-green,#254f41)}
.km-finish-strip__title span{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;margin-left:.35rem;padding:0 .35rem;border-radius:1rem;background:var(--km-yellow,#e3be54);color:#173b30;letter-spacing:0;font-size:.7rem}
.km-finish-strip__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}
.km-finish-strip__item{all:unset;box-sizing:border-box;cursor:pointer;display:block;border-radius:10px;border:2px solid transparent;background:#fff;overflow:hidden;text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s}
.km-finish-strip__item:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,79,65,.14)}
.km-finish-strip__item:focus-visible{outline:2px solid var(--km-green,#254f41);outline-offset:2px}
.km-finish-strip__item.is-on{border-color:var(--km-green,#254f41)}
.km-finish-strip__item img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.km-finish-strip__item span{display:block;padding:.3rem .2rem .35rem;font-size:.66rem;font-weight:700;line-height:1.2;color:var(--km-green-dark,#173b30);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product__thumbnails[hidden]{display:none!important}
.km-float-preview{all:unset;box-sizing:border-box;position:fixed;right:.6rem;top:8px;z-index:1040;display:flex;align-items:center;gap:.6rem;max-width:calc(100vw - 1.2rem);padding:.35rem .8rem .35rem .35rem;border-radius:14px;background:#fff;border:1px solid var(--km-line,#dedfd5);box-shadow:0 10px 30px rgba(23,59,48,.22);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-12px) scale(.96);transition:opacity .25s,transform .25s,visibility .25s}
.km-float-preview.is-on{opacity:1;visibility:visible;transform:none}
.km-float-preview img{width:7.4rem;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:#eee}
.km-float-preview span{display:grid;gap:.1rem;min-width:0}
.km-float-preview small{font-size:.6rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--km-muted,#66736a)}
.km-float-preview strong{font-size:.9rem;color:var(--km-green-dark,#173b30);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8.5rem}
.km-float-preview.is-pulse img{animation:km-pulse .5s ease}
@keyframes km-pulse{0%{transform:scale(.9);opacity:.4}100%{transform:none;opacity:1}}
@media (min-width:992px){.km-float-preview{display:none}}
@media (max-width:991.98px){
  .km-finish-strip__list{display:flex;overflow-x:auto;gap:.5rem;padding-bottom:.4rem;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .km-finish-strip__list::-webkit-scrollbar{display:none}
  .km-finish-strip__item{flex:0 0 5.6rem;scroll-snap-align:start}
}
/* Visor ampliado: lupa (tocar la foto o el botón acerca; se arrastra con el dedo) */
#product-modal .carousel-item picture{display:block;cursor:zoom-in}
#product-modal .carousel-item picture.is-zoomed{overflow:auto;max-height:78vh;cursor:zoom-out;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#product-modal .carousel-item picture.is-zoomed img{width:280%;max-width:none;height:auto}
@media (min-width:992px){#product-modal .carousel-item picture.is-zoomed img{width:200%}}
.km-zoom-btn{position:absolute;right:.8rem;bottom:.8rem;z-index:5;display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:50px;padding:.6rem 1rem;background:var(--km-green,#254f41);color:#fff;font-weight:700;font-size:.85rem;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.km-zoom-btn svg{width:1.1rem;height:1.1rem}
#product-modal .product-images-modal__body{position:relative}
#product-modal.km-zoomed .carousel-control-prev,#product-modal.km-zoomed .carousel-control-next{display:none}
/* Medida cerrada y abierta junto a las opciones */
.km-open-hint{display:block;margin-top:.15rem;font-size:.66rem;font-weight:600;color:var(--km-muted,#66736a);white-space:nowrap}
.km-measure-summary{margin:.2rem 0 1.2rem;padding:.9rem 1rem;border-radius:12px;background:#fff;border:1.5px solid var(--km-green,#254f41)}
.km-measure-summary__title{margin:0 0 .55rem;font-size:.66rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--km-green,#254f41)}
.km-measure-summary__row{display:flex;align-items:center;gap:.8rem}
.km-measure-summary__row>div{flex:1;min-width:0;display:grid;gap:.1rem}
.km-measure-summary__row>div.is-open{background:#e8f0ea;border-radius:8px;padding:.45rem .6rem}
.km-measure-summary__row small{font-size:.7rem;color:var(--km-muted,#66736a);line-height:1.3}
.km-measure-summary__row strong{font-size:1.2rem;letter-spacing:-.02em;color:var(--km-green-dark,#173b30);white-space:nowrap}
.km-measure-summary__row>span{font-size:1.3rem;color:var(--km-yellow,#e3be54);font-weight:800}
.km-measure-summary__note{margin:.6rem 0 0;font-size:.78rem;line-height:1.45;color:var(--km-muted,#66736a)}

.km-finish-strip__note{margin:.5rem 0 0;font-size:.74rem;line-height:1.45;color:var(--km-muted,#66736a)}