.logo-light,
.logo-dark {
    height: 50px;
}

/* Carijo 39 brand theme */
:root {
    --primary-color: #778F51;
    --secondary-color: #E94738;
    --blue-2: #778F51;

    --brand-green: #778F51;
    --brand-red: #E94738;
    --brand-yellow: #FEBF4B;
}

/* Red for interactive accents/hover states */
a,
.link.style1,
.header-wrap .navbar .navbar-nav .nav-item a,
.footer-wrap .footer-widget .footer-menu li a:hover {
    color: var(--brand-red);
}

/* Yellow as secondary visual accent from new logo */
.btn.style2 {
    background-color: var(--brand-yellow);
    color: #4D3908;
}

.btn.style2:before,
.btn.style2:after {
    background: var(--brand-red);
}

.btn.style2:hover {
    color: #fff;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: var(--brand-yellow);
    color: #4D3908;
}

/* Variant test: hero main CTA in banner slider */
#banners .hero-btn .btn.style1 {
    background-color: var(--brand-yellow);
    color: #111;
    border-color: #d9a13e;
}

#banners .hero-btn .btn.style1:before,
#banners .hero-btn .btn.style1:after {
    background: var(--brand-green);
}

#banners .hero-btn .btn.style1:hover {
    color: #fff;
    border-color: var(--brand-green);
}

/* Utility statuses aligned to new palette */

.bg-finalizado>td {
    background-color: #79c1a08c !important;
}

.bg-pendente>td {
    background-color: #febf4b8c !important;
}

.bg-selecionado>td {
    background-color: #e9473880 !important;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999999;
    background-color: #ffffffa9;
}

.modal-lgpd {
    display: none;
    bottom: 0;
    position: fixed;
    background: #FEBF4BEB;
    border-top: solid 1px;
    padding: 16px;
    z-index: 99999999;
}

.modal-lgpd a {
    color: #555;
    font-weight: bold;
}

.modal-lgpd>.row>.col-md-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
}

/* Footer desktop: improve contrast using brand yellow on link hover */
@media only screen and (min-width: 992px) {
    .footer-wrap .footer-widget .footer-menu li a:hover,
    .footer-wrap .footer-widget .footer-menu li a:focus,
    .footer-wrap .footer-widget a:hover,
    .footer-wrap .footer-widget a:focus {
        color: var(--brand-yellow);
    }
}