body {
    margin: 0;
    padding: 0;
    background-color: #000000; /* Color de fondo */
    background-image: url('../assets/bespoke/home.png');
    background-size: contain; /* ← Esto hará que se vea completa */
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* Para efecto parallax leve */
    min-height: 99vh;
    color: white;
  }
  
  
  
  /* Fondo overlay encima de la imagen */
  .fondo-overlay {
    /* background-color: rgba(0, 0, 0, 0.5); */
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
  }
  
  /* Tipografía */
  h1 {
    font-size: 3rem;
    font-weight: bold;
  }
  
  p {
    font-size: 1.2rem;
  }
  
  .fz-10{
    font-size: 10px;
  }
  
  /* ✅ Responsive: Imagen diferente para móviles */
  @media (max-width: 767px) {
    body {
        background-image: 
          radial-gradient(circle at 50% 0%, rgba(0, 81, 255, 0.3) 0%, transparent 40%),
          linear-gradient(45deg, rgba(0, 81, 255, 0.1) 0%, rgba(50, 105, 179, 0.2) 100%);
        background-blend-mode: screen;
        background-size: cover;
        background-position: center 30%;
      }
    
      .fondo-overlay {
        background: radial-gradient(
          ellipse at center,
          rgba(0, 81, 255, 0.15) 0%,
          rgba(0, 0, 0, 0.7) 70%
        );
        backdrop-filter: blur(3px);
        padding: 0;
      }
  
    h1 {
      font-size: .9rem;
    }
  
    p {
      font-size: .8rem;
    }
    .fz-mob{
      font-size: 16px !important;
    }
    .mt-sm-10{
      margin-top: 4rem;
    }
  }
  
  
  .neon-border {
    background: rgba(50, 105, 179, 0.5) !important;  border-radius: 3rem !important; 
    border: 2px solid #0051ff !important;  /* Borde principal */
    box-shadow: 0 0 10px #0051ff, 0 0 20px #0051ff, 0 0 30px #0051ff, 0 0 40px #0051ff !important;  /* Efecto neón */
    padding: 10px !important; 
    color: white !important;  /* Para que el texto se vea bien con el borde */
    max-width: 30rem;
  }