/* Syrafin — ajustes responsivos */
@media (max-width: 1080px) {
  .about { gap: 40px; }
  .contact { gap: 40px; }
}

@media (max-width: 880px) {
  .main-nav { display: none; }
  .nav-toggle { display: flex; }
  .site-header__inner { gap: 8px; }
  .site-header__logo img { height: 34px; margin-left: 0; }
  .btn--header { font-size: 12.5px; padding: 9px 13px; }
  .hero__lead { font-size: 16.5px; }
  .hero .btn { width: 100%; }
  .form-card { margin-top: 0; padding: 28px 22px; }
  .about__media img { height: 280px; }
}

@media (max-width: 640px) {
  .section { padding: 48px 20px; }
  .site-footer__bottom { flex-direction: column; }
  .testimonial__photo { width: 54px; height: 54px; }
  .about { gap: 28px; margin-bottom: 44px; }
  .legal-page { padding: 36px 20px; }
}

@media (max-width: 380px) {
  .card, .card--glass, .card--green { padding: 24px 20px; }
  .form-card { padding: 24px 18px; }
}