#three-container {
    width: 100%;
    height: 100%;
    position: fixed; /* Se asegura de ocupar toda la ventana */
    top: 0;
    left: 0;
    z-index: -1 !important;

  }
  .perfil{
    border-radius: 20px;
  }
  .buton{
    border-radius: 5px;
  }
  @media (max-width: 678px) {
    .movil{
      display: none !important;
    }
 
    

  }  

.text-hero{
  position: absolute !important;
  top: 350px !important;
  width: 100% !important;
  text-align: center !important;

}




  .movil{
    display: none !important;
  }
  
  @media (max-width: 678px) {
    .-video{
      width: 250px !important ;
    }
  
    

  }