html {
    scroll-behavior: smooth;
}

body {
    background-color: #f8f9fa;
}

.main-container {
    min-height: 80vh;
    margin-top: 2rem;
}


/* Altura mínima para que las tarjetas no bailen al cambiar el precio */
.price-container {
    min-height: 80px;
}



/* Este es el truco para que se vea como en tu imagen */
.active-toggle {
    background-color: #0d6efd !important; /* Azul primario */
    color: white !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.btn:focus {
    box-shadow: none !important; /* Quita el borde azul molesto al hacer clic */
}