/* Efecto para el título con gradiente y zoom in */
.title {
    font-size: 2rem;
    background: linear-gradient(to right, gray, black);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: zoomIn 1.5s ease;
  }
  
  /* Definición de la animación zoomIn */
  @keyframes zoomIn {
    from {
      transform: scale(0.5);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  /* Opcional: fondo suave para el body */
  body {
    background: #f8f9fa;
  }