@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

  * {
      font-family: 'Inter', sans-serif;
  }

  .gradient-bg {
      background: linear-gradient(to right, #2563eb, #4f46e5);
  }

  .gradient-text {
      background: linear-gradient(to right, #2563eb, #4f46e5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
  }

  .card-hover {
      transition: all 0.3s ease;
  }

  .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .floating {
      animation: floating 3s ease-in-out infinite;
  }

  @keyframes floating {

      0%,
      100% {
          transform: translateY(0px);
      }

      50% {
          transform: translateY(-10px);
      }
  }

  .slide-in {
      animation: slideIn 0.6s ease-out;
  }

  @keyframes slideIn {
      from {
          opacity: 0;
          transform: translateY(30px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  /* Añade esto en tu sección de estilos */
  .mobile-menu {
      display: none;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out, opacity 0.3s ease;
      opacity: 0;
  }

  .mobile-menu.show {
      display: block;
      max-height: 500px;
      /* Ajusta según el contenido */
      opacity: 1;
  }

  /* Asegura que el menú no sea visible en desktop */
  @media (min-width: 768px) {
      .mobile-menu {
          display: none !important;
      }
  }


  .input-error {
      border-color: #f56565;
      box-shadow: 0 0 0 3px rgba(245, 101, 101, 0.1);
  }

  .error-message {
      opacity: 0;
      transform: translateY(-5px);
      transition: all 0.3s ease;
  }

  .error-message.show {
      opacity: 1;
      transform: translateY(0);
  }

  .btn-disabled {
      opacity: 0.7;
      cursor: not-allowed;
  }