:root {
    --color-primary: #5f3813;
}

#logo-establecimiento {
}

.navbar {
    display: grid;
}


.text-star {
    color: Yellow;
}


.field-validation-error {
    background-color: #FF4F4F;
    color: #FFF;
    padding: 3px;
    display: block;
    border: #FF4F4F solid 1px;
    width: 100%;
}

.input-validation-error {
    border: #FF4F4F solid 2px;
}


a:focus, a:hover {
    text-decoration: none;
}


.elementos-destacados {
    font-weight: bold;
    color: #0ab21b;
}

.elemento-solo-queda {
    background-color: #dff6e1;
}

.elementos-destacados-rojo {
    color: #FF1515;
}

button,
.btn {
    cursor: pointer;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.btn-primary {
    background-color: var(--color-primary) !important;
}

    .btn-primary:hover {
        background-color: black !important;
    }

.filter-invert {
    filter: invert(1) !important;
}

.cursor-pointer:hover {
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .display-3 {
        font-size: 2rem;
    }
}