/* Orden móvil de todos los slides de la portada: CTA, ilustración y beneficios. */
@media(max-width:700px){
  .hero{height:auto;min-height:690px}
  .hero-inner{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:690px;padding:34px 20px 28px}
  .hero .copy{display:contents}
  .hero .pill{order:1;align-self:flex-start}
  .hero .copy h1{order:2;margin:17px 0 12px;font-size:clamp(34px,10vw,45px)}
  .hero .copy p{order:3;margin-bottom:17px;font-size:14px}
  .hero .buttons{order:4;align-self:flex-start;flex-direction:column;gap:10px}
  .hero .buttons button{width:max-content;padding:12px 16px}
  .hero .hero-art{position:relative!important;order:5;right:auto;bottom:auto;width:100%;height:260px;margin:10px 0 0;opacity:1;overflow:visible!important;justify-content:center}
  .hero .hero-art img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain;object-position:center bottom;transform:none!important}
  .hero .benefits{order:6;width:100%;margin:8px 0 0;gap:10px}
  .hero .benefit{width:calc(50% - 5px)}
  .slider-controls{bottom:12px}
  .hero:after{background:linear-gradient(180deg,#020913 0%,#020913c7 46%,#02091328 100%)}
}