body {
    background-color: #fafafa;
}

.card-title {
    font-size: 1rem;
}

.navbar-brand {
    font-size: 1.4rem;
}

.btn-carrito-principal {
    background-color: var(--color-acento);
    color: var(--color-primario);
    border: none;
}

.btn-carrito-principal:hover,
.btn-carrito-principal:focus {
    background-color: color-mix(in srgb, var(--color-acento) 85%, black);
    color: var(--color-primario);
}

.btn-agregar-carrito {
    background-color: var(--color-acento, var(--color-primario));
    color: var(--color-primario);
    border: none;
}

.btn-agregar-carrito:hover,
.btn-agregar-carrito:focus {
    background-color: color-mix(in srgb, var(--color-acento, var(--color-primario)) 85%, black);
    color: var(--color-primario);
}

.btn-agregar-carrito:disabled {
    background-color: #ccc;
    color: #777;
}