/* Efecto suave para los botones principales */
.button-primary, button, .btn-clase { 
    transition: all 0.3s ease-in-out !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.button-primary:hover, button:hover {
    background-color: #003366 !important; /* Cambia a azul al pasar el mouse */
    color: #FFD700 !important;            /* El texto cambia a amarillo */
    transform: translateY(-3px);          /* El botón "flota" un poquito */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
/* Color de selección con la identidad del club */
::selection {
    background: #FFD700; /* Fondo amarillo */
    color: #003366;      /* Texto azul */
}
html {
    scroll-behavior: smooth;
}
header {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-bottom: 3px solid #FFD700; /* Una fina línea amarilla debajo del menú blanco */
}