/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1100px) {
  .props__grid { grid-template-columns: repeat(2, 1fr); }
  .historia__grid { grid-template-columns: 1fr; gap: 44px; margin-bottom: 60px; }
  .cta-final__grid { grid-template-columns: 1fr; gap: 44px; }
}

@media (max-width: 860px) {
  .nav__links, .nav__actions .btn--solid { display: none; }
  .nav__burger { display: flex; }
  .footer__top { flex-direction: column; }
}

@media (max-width: 640px) {
  .props__grid { grid-template-columns: 1fr; }
  .hero__title { font-size: clamp(46px, 15vw, 80px); }
  .hero__cta { flex-direction: column; align-items: stretch; }
  .hero__cta .btn { width: 100%; }
  .hero__scroll { display: none; }
  .section-head--split { align-items: flex-start; }
  .cta-final__actions { flex-direction: column; align-items: stretch; }
  .cta-final__form { padding: 24px; }
  .nav__actions .btn--ghost { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}