/* Estilos para el mensaje flotante */
   .alert-floating {
       position: fixed;
       top: 20px;
       /* Ajusta la posición vertical según tus preferencias */
       left: 50%;
       transform: translateX(-50%);
       z-index: 1000;
       /* Asegúrate de que esté por encima de otros elementos */
       width: 300px;
       /* Ancho del mensaje */
       padding: 15px;
       background-color: #f8d7da;
       /* Color de fondo del mensaje (puedes cambiarlo) */
       border-color: #f5c6cb;
       /* Color del borde del mensaje (puedes cambiarlo) */
       color: #721c24;
       /* Color del texto del mensaje (puedes cambiarlo) */
       border-radius: 5px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
       /* Sombra suave para el mensaje */
   }

   /* Estilos para el botón de cerrar el mensaje */
   .close-btn {
       cursor: pointer;
       float: right;
       font-weight: bold;
       color: #721c24;
       /* Color del botón (puedes cambiarlo) */
   }