.equipment-media-link{position:absolute;right:12px;bottom:12px;z-index:1;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);margin:0;padding:10px 14px;border:1px solid #ffffff40;border-radius:6px;background:#12364a;color:#fff;font-size:13px;line-height:1.3;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #03101a26;transition:background-color .2s}.equipment-media-link::before{content:"+";font-size:20px;line-height:1}.equipment-media-link:hover{background:#0d5e8e}.equipment-media-open{overflow:hidden}.equipment-media-dialog{box-sizing:border-box;width:min(1000px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:clamp(16px,3vw,28px);border:0;border-radius:16px;background:#f6f7f8;color:#17364a;overflow:auto;overscroll-behavior:contain}.equipment-media-dialog::backdrop{background:rgba(3,10,16,.75)}.equipment-media-heading{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:16px;width:100%;margin:0;padding:0}.equipment-media-dialog h2{font-size:clamp(1.2rem,3vw,1.7rem);margin:0;line-height:1.25;letter-spacing:-.02em;outline:none}.equipment-media-close{display:grid;place-items:center;position:static;line-height:1;padding:0;margin:0;align-self:start;width:40px;height:40px;border:0;border-radius:50%;background:#e0e5e9;color:inherit;font-size:28px;cursor:pointer}.equipment-media-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.equipment-media-tabs button{font:inherit;padding:8px 14px;border:1px solid #8b9ca7;border-radius:30px;background:transparent;color:inherit;cursor:pointer}.equipment-media-tabs button[aria-pressed=true]{background:#17364a;color:#fff}.equipment-media-stage{background:#b9bdc6;border-radius:8px;overflow:hidden;display:grid;place-items:center;min-height:120px}.equipment-media-stage img,.equipment-media-stage video{display:block;width:100%;max-height:calc(100dvh - 220px);object-fit:contain}.equipment-media-dialog button:focus-visible,.equipment-media-link:focus-visible{outline:2px solid #0889ba;outline-offset:3px}[data-theme=dark] .equipment-media-dialog{background:#122e40;color:#f5f7f9}[data-theme=dark] .equipment-media-tabs button[aria-pressed=true]{background:#e5edf2;color:#122e40}
/* El marco conserva su proporción incluso cuando la tarjeta es un contenedor estrecho. */
.product-card:has([data-equipment-media]) .product-image{position:relative;flex:0 0 auto;height:auto;aspect-ratio:6/5;padding:0;overflow:hidden;background:#b9bdc6}.product-card:has([data-equipment-media]) .product-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

[data-theme=dark] .equipment-media-close{background:#24475b;color:#fff}