.product-slider{position:relative;width:100%;height:100%;overflow:hidden;background:#15191a}.product-slider img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .75s ease,transform 1.2s ease}.product-slider img.active{opacity:1;transform:scale(1)}.set-grid article>.product-slider{min-height:240px}

.detail-media{min-width:0;background:#090c0d;align-self:start}.detail-stage{position:sticky;top:18px;background:#090c0d;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.2)}.product-detail .detail-img{min-height:680px;aspect-ratio:4/5;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,#283033 0,#14191b 42%,#090c0d 100%)}.product-detail .detail-img:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 22%,transparent 68%,rgba(0,0,0,.76))}.product-detail .detail-img>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain}.product-detail .detail-img>img.preview-swap{animation:previewSwap .32s ease both}.product-detail .detail-img>span{z-index:2;pointer-events:none}.product-detail .detail-img>b{left:18px;right:auto;top:18px;bottom:auto;z-index:3;padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(8,11,12,.76);backdrop-filter:blur(8px);letter-spacing:.11em}.detail-photo-meta{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;color:#fff}.detail-photo-meta small,.detail-photo-meta strong{display:block}.detail-photo-meta small{margin-bottom:5px;color:#baff18;font:800 10px Barlow,sans-serif;letter-spacing:.15em}.detail-photo-meta strong{overflow:hidden;color:#fff;font:700 clamp(20px,2vw,30px) Barlow Condensed,sans-serif;line-height:1;text-overflow:ellipsis;white-space:nowrap}.detail-stage-help{display:flex;align-items:center;gap:10px;margin:0;padding:15px 18px;color:#aeb7b9;background:#0d1112;font-size:11px;line-height:1.45}.detail-stage-help i{flex:0 0 7px;width:7px;height:7px;background:#baff18;border-radius:50%;box-shadow:0 0 0 5px rgba(186,255,24,.1)}

.selector-preview-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 9px;color:#899193;font-size:9px;letter-spacing:.03em}.selector-preview-hint span{color:#151a1b;font-weight:800;letter-spacing:.12em}.smart-photo-selection .selector-preview-hint span{color:#baff18}.photo-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:430px;overflow-y:auto;padding:3px 5px 3px 3px;scrollbar-color:#baff18 #dfe3e2;scrollbar-width:thin}.photo-selector.smart-selector{max-height:430px}.photo-selector label{display:block;min-width:0;padding:5px;cursor:pointer;border:1px solid #dfe4e3;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.photo-selector label:hover,.photo-selector label:focus-visible,.photo-selector label.is-viewing{outline:0;border-color:#151a1b;box-shadow:0 8px 22px rgba(16,21,22,.12);transform:translateY(-2px)}.photo-selector label.is-viewing>span:after{content:"EN PANTALLA";position:absolute;left:6px;bottom:6px;padding:4px 6px;color:#111;background:#baff18;font:800 7px Barlow,sans-serif;letter-spacing:.08em}.photo-selector input{position:absolute;opacity:0;pointer-events:none}.photo-selector label>span{height:112px;display:block;position:relative;border:2px solid transparent;overflow:hidden;background:#111}.photo-selector label>span img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.photo-selector label:hover>span img,.photo-selector label.is-viewing>span img{transform:scale(1.045)}.photo-selector label>span i{display:none;position:absolute;right:6px;top:6px;z-index:2;width:23px;height:23px;background:#baff18;color:#111;font-style:normal;font-weight:800;text-align:center;line-height:23px;box-shadow:0 4px 12px rgba(0,0,0,.24)}.photo-selector label>span u{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(8,11,12,.48);font:800 10px Barlow,sans-serif;letter-spacing:.14em;text-decoration:none;opacity:0;transition:opacity .2s ease}.photo-selector label:hover>span u,.photo-selector label:focus-visible>span u{opacity:1}.photo-selector input:checked+span{border-color:#baff18}.photo-selector input:checked+span i{display:block}.photo-selector label>small,.photo-selector label>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-selector label>small{font-size:8px;color:#687173;margin-top:7px}.photo-selector label>b,.photo-selector.smart-selector label>b{font:700 15px Barlow Condensed;margin-top:2px;color:#151a1b}.multi-photo-form{background:#f2f4f3!important;padding:16px!important;margin:14px 0!important}.selection-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.selection-head span b,.selection-head span small{display:block}.selection-head span b{font-size:10px}.selection-head span small{font-size:9px;color:#747d7e;margin-top:4px}.selection-head em{font:800 25px Barlow Condensed;font-style:normal}.multi-photo-form>button{margin-top:13px}.multi-photo-form>button:disabled{opacity:.35;cursor:not-allowed}.detail-set-box{margin-top:14px}

@keyframes previewSwap{from{opacity:.55;transform:scale(.992)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.product-detail .detail-img{min-height:560px}.photo-selector label>span{height:96px}}
@media(max-width:850px){.detail-stage{position:relative;top:auto}.product-detail .detail-img{min-height:520px;aspect-ratio:16/11}.photo-selector{grid-template-columns:repeat(4,minmax(0,1fr));max-height:390px}.photo-selector label>span{height:92px}}
@media(max-width:620px){.product-detail .detail-img{min-height:390px;aspect-ratio:4/3}.detail-photo-meta{left:16px;right:16px;bottom:15px}.detail-photo-meta strong{font-size:21px}.detail-stage-help{padding:12px 15px}.selector-preview-hint{align-items:flex-start;flex-direction:column;gap:4px}.photo-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.photo-selector label{padding:4px}.photo-selector label>span{height:82px}.selection-head{align-items:flex-start;flex-direction:column}}
@media(max-width:390px){.product-detail .detail-img{min-height:330px}.photo-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-selector label>span{height:104px}}
@media(prefers-reduced-motion:reduce){.product-detail .detail-img>img.preview-swap,.photo-selector label,.photo-selector label>span img{animation:none;transition:none}}
