/* Dedicated non-overlapping text and picture regions; retain the complete composite. */
#inicio .hb-media{background:#141110}
#inicio .hb-fijo{object-fit:contain;object-position:center}
#inicio .hb-velo{display:none}
#inicio .hb-texto{margin-top:0}
#inicio .hb-pista{letter-spacing:.12em}
@media(min-width:1024px){
 #inicio .hb-escenario{display:grid;grid-template-columns:minmax(0,36%) minmax(0,64%);grid-template-rows:minmax(0,1fr) 36px;background:#141110}
 #inicio .hb-media{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0}
 #inicio .hb-texto{grid-column:1;grid-row:1;box-sizing:border-box;width:100%;max-width:none;height:auto;min-height:0;padding:28px clamp(20px,3vw,48px);justify-content:center}
 #inicio .hero-texto h1{font-size:clamp(36px,4.2vw,68px)}
 #inicio .hb-pista{position:relative;inset:auto;grid-column:1 / -1;grid-row:2;padding:0 clamp(20px,3vw,48px) 12px}
}
@media(max-width:1023.98px){
 #inicio .hb-escenario{background:#141110}
 #inicio .hb-media{grid-row:1}
 #inicio .hb-texto{grid-row:2;margin:0;padding:12px 16px}
 #inicio .hb-pista{grid-row:3}
 #inicio .hero-texto{gap:12px}
 #inicio .hero-texto h1{font-size:clamp(30px,7vw,40px)}
 #inicio .gancho p{font-size:16px;line-height:1.35}
 #inicio .btn-t{min-height:44px;padding:10px 16px}
}
@media(prefers-reduced-motion:reduce){#inicio .hb-media canvas{display:none}}

/* Reflow fix: copy may scroll at extreme zoom, while CTAs stay in their own row. */
#inicio .hb-copy{display:flex;flex-direction:column;gap:16px;min-width:0}
@media(max-width:1023.98px){#inicio .hb-copy{gap:12px}}
@media(max-width:1023.98px) and (prefers-reduced-motion:no-preference){
 .js #inicio .hb-escenario{grid-template-rows:minmax(0,1fr) auto auto}
 .js #inicio .hb-media{min-height:0}
}
@media(max-width:1023.98px) and (max-height:520px) and (prefers-reduced-motion:no-preference){
 .js #inicio .hb-escenario{grid-template-rows:minmax(72px,38%) minmax(0,1fr) auto}
 .js #inicio .hb-texto{min-height:0;padding:8px 16px;overflow:visible}
 .js #inicio .hero-texto{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;align-items:stretch}
 .js #inicio .hb-copy{min-height:0;overflow:auto;scrollbar-gutter:stable;padding-right:4px}
 .js #inicio .botones{flex-shrink:0}
 .js #inicio .hb-pista{padding-bottom:6px;font-size:10px}
}