/* ===== RESPONSIVE ===== */
@media(max-width:980px){
  .hero-grid,.about-grid{grid-template-columns:1fr;gap:46px}
  .shot{max-width:420px;margin:0 auto}
  .cards,.blog,.rgrid,.steps{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr;gap:36px}
  .band{grid-template-columns:1fr}
}
@media(max-width:640px){
  .section{padding:66px 0}
  .menu{display:none}
  .burger{display:inline-flex}
  .nav-cta .btn-wa{display:none}
  .cards,.blog,.rgrid,.steps,.fgrid{grid-template-columns:1fr}
  .band{padding:34px 26px}
  .rhead{flex-direction:column;align-items:flex-start}
  .rhead .btn{margin-left:0}
  .hero{padding:48px 0 64px}
  .menu.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:var(--bg);padding:20px 24px;gap:18px;border-bottom:1px solid var(--line)}
  .brand{font-size:1rem}
  .brand .mark{width:34px;height:34px}
  .brand small{display:none}
  .btn-cita.btn-sm{padding:10px;font-size:0}
  .btn-cita svg{width:20px;height:20px}
  .nav{height:66px}
  .fbottom{flex-direction:column;text-align:center;justify-content:center;gap:10px}
  .shot{max-width:240px;margin:0 auto}
  .shot-frame{min-height:300px}
}