/* Revisión final: vídeo completo, carruseles y composición responsive. */
#video .video-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,5vw,80px);max-width:1560px;margin:auto}
#video .video-copy{min-width:0}
#video .video-copy .lead{max-width:640px}
#video .video-single{width:100%;max-width:none;margin:0}
#video .video-single-media{width:100%;height:auto;aspect-ratio:4/3;isolation:isolate}
#video .video-single-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:auto}
#moda .capture-card{flex:0 0 auto}
#moda .capture-card video{object-fit:contain;background:#000}
#moda .capture-card figcaption{font-size:11px;color:#f2f5f4;letter-spacing:1px;padding:20px 12px 13px;background:linear-gradient(transparent,rgba(6,9,10,.9))}
.video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 18px;border:1px solid #4dd8e6;border-radius:5px;background:#061315ed;color:#f2f5f4;font:500 14px/1.4 var(--f-body);cursor:pointer;white-space:nowrap;box-shadow:0 3px 22px #0008}
.video-start svg{width:18px;height:18px;fill:var(--teal);flex-shrink:0}
.video-start[hidden]{display:none!important}
.video-start:focus-visible{outline:2px solid #fff;outline-offset:5px}
.video-start:hover{background:#123238}
.vl-carousel-dot{width:44px;height:44px}
.vl-carousel-arrow{width:44px;height:44px}
.vl-carousel.has-overflow>.flow-row,.vl-carousel.has-overflow>.capture-row{justify-content:flex-start}
.motion-idle .collection .visual,.motion-idle .collection .sizes span,.motion-idle .progress span,.motion-idle.panel *{animation-play-state:paused!important}
@media(max-width:1050px){#video .video-layout{grid-template-columns:1fr;gap:30px}#video .video-single{max-width:780px;justify-self:center}#video .video-copy .lead{max-width:780px}}
@media(max-width:900px){
 #clubes .club-banner{display:flex;flex-direction:column;gap:32px;min-height:0;aspect-ratio:auto;padding:40px 5vw 28px;isolation:isolate;overflow:hidden}
 #clubes .club-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
 #clubes .club-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03090bed 0%,#03090bba 48%,#03090b35 100%);z-index:-1;pointer-events:none}
 #clubes .club-overlay{position:relative;inset:auto;padding:0;background:none;width:100%;min-width:0}
 #clubes .club-overlay .lead,#clubes .club-automation-note{max-width:680px}
 #clubes .club-swatch{display:block;position:relative;inset:auto;right:auto;bottom:auto;left:auto;width:min(440px,100%);margin:0 auto;flex-shrink:0}
 #clubes .club-overlay .sec-tag{line-height:1.65}
}
@media(max-width:760px){
 .vl-carousel>.catalog-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:14px}
 .vl-carousel>.flow-row,.vl-carousel>.capture-row{gap:14px}
 .vl-carousel .flow-card{min-width:0}
 #moda .vl-carousel .capture-card{flex:0 0 100%;width:100%;max-width:none;height:auto;aspect-ratio:3/4}
 #hero .hero-media-sm{top:10px;right:10px;bottom:auto;max-height:calc(100% - 20px)}
 #video .video-layout{gap:26px}
 #video .video-single{margin-bottom:0!important}
}
@media(max-width:600px){
 #club-color-demo .color{width:28px;height:28px}
 #clubes .club-banner{padding-top:32px}
 .sec-tag:before{flex-shrink:0}
 #moda .capture-card figcaption{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.video-start{transition:none}}