* {
    margin: 0; padding: 0; box-sizing: border-box;
    font-family: 'Montserrat', sans-serif; 
}
html { scroll-behavior: smooth; }
body { background-color: #000000; color: #ffffff; }

h1, h2, h3, .logo-texto, .btn-pagar {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Notificaciones y WhatsApp Flotante */
.toast-container { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; }
.toast { background-color: #111111; color: #ffffff; padding: 15px 25px; border-left: 5px solid #ff3333; border-radius: 4px; font-weight: bold; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8); animation: entrarToast 0.4s ease-out forwards; }
.toast.exito { border-left-color: #ffffff; }

@keyframes entrarToast { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0); } }
@keyframes salirToast { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(100%); } }

.whatsapp-flotante { position: fixed; width: 60px; height: 60px; bottom: 30px; right: 30px; background-color: #25D366; color: #FFF; border-radius: 50%; font-size: 35px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); z-index: 9999; display: flex; justify-content: center; align-items: center; text-decoration: none; animation: latido-wa 2s infinite; }
.whatsapp-flotante:hover { background-color: #1ebe57; transform: scale(1.1); }
@keyframes latido-wa { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }