/* ============================================
   ProSport Academy — Estilos compartidos
   Paleta: #1a3156 (navy) · #d5b26b (gold) · #f3e9da · #f7f4ee
   ============================================ */
body { font-family: 'Inter', sans-serif; }

.glassmorphism { background: rgba(247, 244, 238, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.dark .glassmorphism { background: rgba(15, 30, 51, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d9e0eb; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #3a5682; }

@keyframes slideInUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
.toast-enter { animation: slideInUp 0.3s ease-out forwards; }
.toast-exit  { animation: fadeOut   0.3s ease-out forwards; }

.modal-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.custom-scrollbar::-webkit-scrollbar { height: 6px; }

/* Botón dorado outline usado en landing */
.btn-gold { background: #d5b26b; color: #0a1423; }
.btn-gold:hover { background: #c39d54; }