.form-select:disabled {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.floating-btn {
    position: fixed; /* Botón flotante */
    top: 60px; /* Espaciado desde la parte superior */
    left: 15px; /* Espaciado desde la parte izquierda */
    background: linear-gradient(135deg, #000000, #494949); /* Degradado monocromático */
    color: white; /* Color del ícono */
    border: none; /* Sin bordes */
    border-radius: 50%; /* Forma circular */
    width: 50px; /* Ancho del botón */
    height: 50px; /* Alto del botón */
    display: flex; /* Alinear el ícono */
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3); /* Sombra más prominente */
    cursor: pointer; /* Cambia el cursor al pasar por encima */
    z-index: 1000; /* Se asegura de que esté sobre otros elementos */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background 0.3s ease-in-out; /* Animación suave */
}


    .floating-btn:hover {
        background: linear-gradient(135deg, #494949, #000000); /* Invertir el degradado monocromático */
        transform: scale(1.15); /* Agranda el botón ligeramente */
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* Sombra más intensa */
    }

.floating-btn.alt {
    background: linear-gradient(135deg, #007bff, #004c99); /* Degradado azul moderno */
    color: white; /* Color del ícono */
}

.floating-btn.alt:hover {
    background: linear-gradient(135deg, #004c99, #007bff); /* Invertir el degradado azul */
}

.floating-btn i {
    font-size: 24px; /* Tamaño del ícono */
}

@media (max-width: 576px) {
    .floating-btn {
        bottom: 15px; /* Ajuste para pantallas pequeñas */
        right: 15px; /* Ajuste para pantallas pequeñas */
        width: 50px; /* Botón más pequeño */
        height: 50px; /* Botón más pequeño */
    }

    .floating-btn i {
        font-size: 20px; /* Ajustar el ícono */
    }
}