/* Galería preparada para sustituir los nueve archivos detalle_producto_N.webp. */
.pdp-gallery__thumbs button{position:relative;background:#ece9e2}
.pdp-gallery__thumbs button::before{content:attr(data-placeholder);position:absolute;inset:0;display:grid;place-items:center;padding:6px;color:#777;font-size:.68rem;text-align:center}
.pdp-gallery__thumbs img{position:relative;z-index:1}
.pdp-gallery__thumbs img.is-missing{display:none}
.pdp-gallery__stage{background:#ece9e2}
.pdp-gallery__stage::before{content:attr(data-placeholder);position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#777;font-size:1rem;letter-spacing:.04em;text-align:center}
.pdp-gallery__stage>img{position:relative;z-index:1}
.pdp-gallery__stage>img.is-missing{display:none}
.pdp-gallery__counter{z-index:2}
.pdp-gallery__stage{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pdp-gallery__stage>img{pointer-events:none}
.pdp-gallery__stage>img.is-zoomed{cursor:zoom-out;will-change:transform}
.pdp-gallery__stage.is-pinching .pdp-gallery__counter,.pdp-gallery__stage.is-pinching .pdp-gallery__swipe-hint,.pdp-gallery__stage.has-zoom .pdp-gallery__counter,.pdp-gallery__stage.has-zoom .pdp-gallery__swipe-hint{opacity:0}
.pdp-gallery__swipe-hint{display:none}
.pdp-gallery__zoom-lens,.pdp-gallery__zoom-preview{display:none}
.pdp-gallery__thumbs{display:flex;flex-direction:column;align-items:stretch;gap:15px;overscroll-behavior:contain;scroll-snap-type:y proximity}
.pdp-gallery__thumbs button{flex:0 0 auto;width:100%;scroll-snap-align:start}
.pdp-gallery__stage>img.is-changing-next{animation:pdp-image-next .36s cubic-bezier(.22,.75,.25,1) both}
.pdp-gallery__stage>img.is-changing-previous{animation:pdp-image-previous .36s cubic-bezier(.22,.75,.25,1) both}
.pdp-gallery__stage>img.is-changing-fade{animation:pdp-image-fade .3s ease-out both}
.pdp-gallery__thumbs button{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease}
.pdp-gallery__thumbs button.is-active{transform:scale(.96)}
@keyframes pdp-image-next{from{opacity:.35;transform:translateX(22px) scale(.992)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes pdp-image-previous{from{opacity:.35;transform:translateX(-22px) scale(.992)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes pdp-image-fade{from{opacity:.42;transform:scale(.992)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  .pdp-gallery__stage>img.is-changing-next,.pdp-gallery__stage>img.is-changing-previous,.pdp-gallery__stage>img.is-changing-fade{animation:none}
  .pdp-gallery__thumbs button{transition:none}
}
@media(min-width:901px) and (hover:hover) and (pointer:fine){
  .pdp-gallery__stage{cursor:crosshair}
  .pdp-gallery__thumbs button:not(.is-active):hover{z-index:2;border-color:rgba(17,17,17,.22);box-shadow:0 8px 20px rgba(17,17,17,.16);transform:translateY(-1px) scale(1.035)}
  .pdp-gallery__thumbs button:not(.is-active):hover img{transform:scale(1.035);filter:brightness(.96)}
  .pdp-gallery__thumbs img{transition:transform .24s cubic-bezier(.22,.75,.25,1),filter .24s ease}
  .pdp-gallery__zoom-lens{position:absolute;z-index:4;width:34%;height:34%;border:1px solid rgba(17,17,17,.35);border-radius:10px;background:rgba(17,17,17,.14);box-shadow:0 4px 18px rgba(0,0,0,.12);pointer-events:none}
  .pdp-gallery__zoom-preview{position:absolute;z-index:30;top:0;left:calc(100% + clamp(36px,6vw,84px));display:block;width:min(420px,34vw);aspect-ratio:1086/1448;border:1px solid rgba(17,17,17,.1);border-radius:22px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 26px 70px rgba(17,17,17,.2);opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
  .pdp-gallery.is-desktop-zooming .pdp-gallery__zoom-lens{display:block}
  .pdp-gallery.is-desktop-zooming .pdp-gallery__zoom-preview{opacity:1;visibility:visible;transform:translateY(0)}
}

.pdp-technical{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:100px;padding:60px;border-radius:30px;background:#eaf7f9}
.pdp-technical h2,.pdp-instructions h2,.pdp-safety h2{margin:10px 0 18px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}
.pdp-technical__heading>p:last-child{color:#52666a;line-height:1.7}
.pdp-technical__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pdp-technical__grid article{padding:24px;border-radius:18px;background:#fff}
.pdp-technical__grid h3{margin:0 0 10px}
.pdp-technical__grid p{margin:0;color:#555;line-height:1.65}
.pdp-technical__highlight strong{display:block;color:#188494;font-size:3.4rem;line-height:1}
.pdp-technical__highlight span{display:block;margin-top:10px;color:#40565a}
.pdp-instructions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:80px}
.pdp-instructions article{padding:38px;border:1px solid #ddd;border-radius:24px;background:#fff}
.pdp-instructions ol,.pdp-instructions ul{display:grid;gap:12px;margin:20px 0 0;padding-left:22px;color:#555;line-height:1.55}
.pdp-safety{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:80px;padding:44px;border-radius:24px;background:#fff4d5}
.pdp-safety ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:0;padding-left:22px;line-height:1.55}

@media(max-width:900px){
  .pdp-technical,.pdp-safety{grid-template-columns:1fr;gap:38px}
  .pdp-technical{padding:42px}
}
@media(max-width:600px){
  .pdp-technical__grid,.pdp-instructions,.pdp-safety ul{grid-template-columns:1fr}
  .pdp-technical,.pdp-safety{padding:30px 22px}
  .pdp-instructions article{padding:28px 22px}
  .pdp-gallery__thumbs{display:flex;flex-direction:row;align-items:stretch;gap:11px;scroll-snap-type:x proximity}
  .pdp-gallery__thumbs button{flex:0 0 58px;width:58px}
  .pdp-gallery__swipe-hint{position:absolute;z-index:2;left:50%;bottom:14px;display:block;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.84);color:#333;font-size:.68rem;font-weight:700;white-space:nowrap;backdrop-filter:blur(5px);transition:opacity .2s ease}
  .pdp-gallery__counter{bottom:48px}
}