/* Hero-only responsive correction requested by Juan on 11 Nov 2026.
   In narrow layouts the picture now comes BEFORE the words, not below the buttons.
   Other homepage sections retain their existing styles and markup. */
@media (max-width:1100px) {
 .hero-stage {display:flex;flex-direction:column}
 .hero-visual {order:0; position:static; width:100%; height:auto}
 .hero-content {order:1;position:static;max-width:none; padding:clamp(1.5rem,5vw,3rem) var(--sp-gutter)}
 .hero-actions {max-width:100%;}
}
@media (max-width:520px){
 .hero-content{padding-inline:var(--sp-gutter)}
 .hero-actions .btn{flex:1 1 180px}
}