/* RESPONSIVE */
@media (max-width: 768px) {
  .nav-links {
    display: none;
  }

  .nav-cta {
    display: block; /* Forzamos que se vea */
    padding: 5px 12px; /* Un poco más pequeño para que quepa en el header */
    font-size: 14px;
  }

  .hamburger {
    display: flex;
  }

  .hero-visual {
    display: none;
  }

  .stats-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .stat::after {
    display: none;
  }

  .steps {
    grid-template-columns: 1fr;
  }

  .steps-line {
    display: none;
  }

  .clients-grid {
    grid-template-columns: 1fr;
  }

  .clients-media {
    display: none;
  }

  .ct-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .solucion {
    margin: 0;
    border-radius: 0;
  }

  .section-wrapper {
    padding: 4rem 5%;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: 2rem;
  }

  .hero-actions {
    flex-direction: column;
  }

  .btn-primary,
  .btn-outline {
    text-align: center;
  }

  .card-grid {
    grid-template-columns: 1fr;
  }
}