.btn-flotante {
    position: fixed; /* Posición fija en la ventana */
    bottom: 20px; /* Separación desde el borde inferior */
    right: 20px; /* Separación desde el borde derecho */
    background-color: #007BFF; /* Color de fondo */
    color: white; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    border-radius: 50px; /* Bordes redondeados */
    text-align: center; /* Centrar texto */
    font-size: 16px; /* Tamaño del texto */
    font-weight: bold; /* Negrita */
    text-decoration: none; /* Sin subrayado */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra */
    transition: all 0.3s ease; /* Transición suave */
}

.btn-flotante:hover {
    background-color: #0056b3; /* Color más oscuro al pasar el mouse */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Aumentar sombra */
    transform: scale(1.1); /* Efecto de agrandado */
}


.text-shadow-white {
        text-shadow: 4px 4px 8px rgba(255, 255, 255, 0.8); /* Sombra blanca */
}

.text-shadow-black {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Sombra blanca */
}