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 */
}


.border-dashed { border-style: dashed !important; border-width: 2px !important; }
            .upload-area input[type=file] {
                font-size: 0.8rem;
                width: 100%;
                color: #6c757d;
            }
/* CSS para forzar que los inputs de Django se vean como Bootstrap si no tienes acceso al forms.py */