/* Redefinir o separador das breadcrumbs do Bootstrap */
:root {
    --bs-breadcrumb-divider: ">";
}

html {
    background-color: #f5f8fa !important; /* Set background color to reduce flicker between pages */
    scroll-behavior: smooth; /* Smooth scrolling */
}

body {
    background-color: #f5f8fa !important; /* Set background color to reduce flicker between pages */
    /* font-size: 0.95em; */
    /* font-family: "Inter", sans-serif; */
    font-family: "Open Sans", sans-serif;
}

body:not(:has(.login-section)) > * {
    padding-left: 12vw !important;
    padding-right: 12vw !important;

    @media only screen and (max-width: 480px) {
        & {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }
    }
}

/* ------------------------------- */
/* -------- AVISO COOKIES -------- */
/* ------------------------------- */

.cookiealert {
    padding: 12px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 900;
    opacity: 0;
    transform: translateY(100%);
    color: #ffffff;
    background-color: rgba(12, 12, 12, 0.8);
}
.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
}
.cookiealert a {
    text-decoration: underline !important;
    color: #fff200;
}
.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}
.cookiealert button {
    font-weight: bold;
    padding: 6px;
    font-size: 0.9em;
    color: #ffffff;
    background: #343a40;
    border: 1px solid #7f7f7f;
    border-radius: 3px;
}

/* ------------------------------- */
/* ------ END AVISO COOKIES ------ */
/* ------------------------------- */