/* RESPONSIVE — breakpoints 1024 / 960 / 900 / 840 / 820 / 640 / 560 / 520 / 480.
   Compositions reflow; they do not merely shrink. */
@media(max-width:1024px){.wrap{padding:0 28px}}
@media(max-width:640px){.wrap{padding:0 18px}}
@media(max-width:960px){
  .nav-links{display:none}
  .nav-ingresar{display:none}
  .nav-burger{display:inline-flex}
  .hero-grid{grid-template-columns:1fr;gap:8px}
  .live-grid{grid-template-columns:1fr;gap:28px}
  .hero-stage{margin:18px auto 0}
  .hero-photo{width:86%;margin:0 auto}
  .hero-float-a{bottom:72px}
  .hero-float-c{bottom:8px}
}
@media(max-width:900px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:28px}
  .split .media-col{order:-1}
  .flow-5{grid-template-columns:1fr}
  .pas-grid{grid-template-columns:1fr}
}
@media(max-width:840px){.grid-3{grid-template-columns:1fr}}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.steps-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .steps-4{grid-template-columns:1fr}
  .modal-scrim{padding:0;align-items:stretch}
  .modal-card{max-width:none;min-height:100%;border-radius:0}
}
@media(max-width:520px){
  .hero-float-a{bottom:56px;width:70%}
  .hero-float-b{width:56%}
  .hero-float-c{display:none}
}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr}}