/* Estilos para el botón flotante */
        .floating-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            padding: 10px 20px;
            background-color: #007BFF;
            color: white;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            font-size: 16px;
            opacity: 0.9;
            /* Ligeramente transparente */
            transition: opacity 0.3s ease;
            /* Transición suave al hacer hover */
        }

        .floating-button:hover {
            opacity: 1;
            /* Opacidad completa al hacer hover */
        }

        .floating-button .icon {
            margin-right: 8px;
        }

        /* Estilos personalizados para el modal */
        .modal-content {
            background-color: rgba(12, 84, 163, 0.8);
            /* Azul semitransparente */
            backdrop-filter: blur(5px);
            /* Efecto de desenfoque */
            border: 1px solid rgba(255, 255, 255, 0.2);
            /* Borde sutil */
            border-radius: 5px;
            color: white;
            /* Texto en blanco para contrastar */
        }

        .modal-header {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            /* Borde sutil */
        }

        .modal-footer {
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            /* Borde sutil */
        }

        .btn-close {
            filter: invert(1);
            /* Invertir el color del botón de cierre para que sea visible */
        }

        .form-control {
            background-color: rgba(255, 255, 255, 0.1);
            /* Fondo semitransparente para el input */
            border: 1px solid rgba(255, 255, 255, 0.2);
            /* Borde sutil */
            color: white;
            /* Texto en blanco */
        }

        .form-control::placeholder {
            color: rgba(255, 255, 255, 0.7);
            /* Placeholder semitransparente */
        }