/* ANTARES HERO-17 - composición estable; reutiliza capturas reales existentes */
@media(min-width:1181px){
 .hero{position:relative!important;min-height:588px!important;overflow:hidden!important;
  background:#edf6ff url("/assets/antares-hero-escena-17.webp") center center/cover no-repeat!important}
 .hero:before{opacity:.42!important}
 .hero:after{bottom:-69px!important;height:82px!important;background:#fff!important}
 .hero .hero-inner{display:grid!important;grid-template-columns:43% 57%!important;
  min-height:588px!important;max-height:588px!important;align-items:center!important}
 .hero .hero-copy{align-self:center!important;z-index:9!important;padding:24px 0 24px!important}
 .hero .hero-copy h1{font-size:clamp(40px,3.7vw,59px)!important}
 .hero .hero-art.hero-art-10{position:relative!important;height:588px!important;min-height:588px!important;
  width:100%!important;overflow:visible!important;isolation:auto!important}
 .hero .hero-art-10:before,.hero .hero-art-10:after{display:none!important}
 .hero .hero-art-10 .hero-human{display:none!important}
 .hero .hero-art-10 .hero-software{position:absolute!important;overflow:hidden!important;
  border:4px solid #fff!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 18px 35px rgba(7,42,91,.21)!important;z-index:5!important;
  animation:antaresFloat 7s ease-in-out infinite!important}
 .hero .hero-art-10 .h-vyva{width:40%!important;height:190px!important;right:0!important;
  top:30px!important;bottom:auto!important;--twist:4deg!important;z-index:4!important}
 .hero .hero-art-10 .h-legaldesk{width:50%!important;height:245px!important;right:9%!important;
  top:209px!important;bottom:auto!important;--twist:-2deg!important;z-index:6!important}
 .hero .hero-art-10 .h-tickets{width:39%!important;height:159px!important;right:-1%!important;
  top:auto!important;bottom:21px!important;--twist:3deg!important;z-index:7!important}
 .hero .hero-art-10 .card-caption{display:none!important}
 .hero .hero-art-10 .hero-software img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top left!important;filter:none!important}
}
/* Below laptop widths: preserve scene and floated arrangement without horizontal overflow */
@media(min-width:861px) and (max-width:1180px){
 .hero{background:#eef7ff url("/assets/antares-hero-escena-17.webp") center center/cover no-repeat!important}
 .hero .hero-art-10 .hero-human{display:none!important}
 .hero .hero-art-10:before,.hero .hero-art-10:after{display:none!important}
 .hero .hero-art.hero-art-10{height:490px!important;overflow:visible!important}
 .hero .hero-art-10 .h-vyva{width:40%!important;height:150px!important;top:12px!important;right:0!important}
 .hero .hero-art-10 .h-legaldesk{width:52%!important;height:190px!important;top:149px!important;right:8%!important}
 .hero .hero-art-10 .h-tickets{width:42%!important;height:126px!important;bottom:10px!important;right:0!important}
 .hero .hero-art-10 .card-caption{display:none!important}
}
@media(max-width:860px){
 .hero .hero-art-10 .card-caption{display:none!important}
 .hero .hero-art-10 .hero-human{display:block!important;max-width:none!important}
 .hero{overflow:hidden!important}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-art-10 .hero-software{animation:none!important}
}