/* Ejemplo en main.css o menu.css */
.boton-ejemplo {
    background: var(--dorado);
    color: var(--blanco);
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    font-family: var(--font-primary);
    font-size: var(--font-size-base);
}

.boton-ejemplo:hover {
    background: var(--dorado-hover);
    transform: translateY(-2px);
    box-shadow: var(--sombra);
}

@media (max-width: var(--breakpoint-sm)) {
    .boton-ejemplo {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: var(--font-size-sm);
    }
}