@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap');

:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #f7f7f7;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.09);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.085);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
    --bs-icon-color: #3e4246;
    --bs-box-shadow-inset-inputs: inset 0px 2px 0px rgb(233 233 233 / 90%);
    --bs-input-formcontrol-bg: #efefef;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #adb5bd;
    --bs-body-color-rgb: 173, 181, 189;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(173, 181, 189, 0.75);
    --bs-secondary-color-rgb: 173, 181, 189;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(173, 181, 189, 0.5);
    --bs-tertiary-color-rgb: 173, 181, 189;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-border-color: #393e43;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
    --bs-icon-color: #cbced1;
    --bs-box-shadow-inset-inputs: box-shadow: inset 0px 2px 0px rgb(28 28 28 / 90%);
    --bs-input-formcontrol-bg: #1a1a1a;
}

@media screen and (max-width: 768px) {
    div#navbarCentral {
        margin: 10px 0;
        padding: 15px 5px;
        background: var(--bs-tertiary-bg);
        border-radius: var(--bs-border-radius-xl);
        box-shadow: var(--bs-box-shadow-lg);
    }

    .menuPrincipal .navbar-nav li a {
        /* border-bottom: solid 1px rgba(51, 51, 51, 0.1);*/
    }

    a.navbar-brand {
        width: 100px !important;
    }

    div.buscadorTopo {
        width: calc(100% - 120px) !important;
    }

    .buscadorTopo .form-check {
        display: none !important;
        min-height: 1.9rem !important;
        background: black;
        width: 100%;
        top: 43px !important;
        right: 0 !important;
    }

    .navbar-brand.hide {
        display: none;
    }

    .buscadorTopo .form-check.show {
        display: block !important;
    }

    .buscadorTopo.expand {
        width: 100% !important;
    }

    .trocarCidade.text {
        display: none !important;
    }

    .trocarCidade.icon {
        display: inline !important;
    }

    .listSuggestions {
        margin-top: 75px !important;
    }
}

@media screen and (max-width:992px) {
    .selectCity {
        max-width: 100% !important;
    }

    .selectCity br {
        display: none;
    }

    div.fraseTopoDestaque {
        background-size: auto 150px !important;
    }

    .breadcrumb {
        display: none;
    }

    main.loc {
        margin-top: 75px !important;
    }

    .listSuggestions {
        margin-top: 45px !important;
    }
}

body {
    font-family: 'Inter', sans-serif;
}


h1 {
    margin: 40px 0px;
}

main.loc {
    margin-top: 55px;
}

button {
    border-width: 0;
}

button.btn,
a.btn {
    border-radius: 25px;
    padding: 10px;
    opacity: 0.9;
}

a.navbar-brand {
    width: 140px;
}

.navbar-brand .logo {
    width: 100px;
    height: 23px;
}

.emailUsuario {
    font-size: 11px;
}

.btnSair,
.btnEntrar,
.btnTema {
    align-items: center;
}

.btnSair a,
.btnEntrar a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    color: var(--bs-nav-link-color);
    font-size: 13px;
    cursor: pointer;
}

.iconBS {
    border-radius: 20px;
    background: var(--bs-input-formcontrol-bg);
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 10px;
}

.iconSair,
.iconTema {
    margin-right: 5px;
}

.iconSair svg,
.iconTema svg {
    color: var(--bs-icon-color);
}

.menuPrincipal {
    background: #000;
    color: white;
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;
}

.menuPrincipal .navbar-nav li a {
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.9;
    text-align: center;
    color: white !important;
}

.menuPrincipal .navbar-nav li a.active {
    font-weight: bold;
}

.usuarioApp {
    display: flex;
    align-items: center;
}

.usuarioApp a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.avatar {
    height: 3rem;
    width: 3rem;
    position: relative;
    display: inline-block !important;
}

.avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.navigation li a {
    font-size: 11px;
}

.bi {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentcolor;
}

.iconTema.dropdown-toggle::after {
    display: none;
}

.btnTema {
    margin-left: 20px;
}

.btnTema button .bi.theme-icon-active {
    top: 8px;
    left: 12px;
    position: absolute;
}

.btnSair {
    margin-left: 10px;
}

.buscadorTopo {
    width: calc(100% - 160px);
    position: relative;
}

input.inputBuscador {
    margin-right: 10px;
    background: #181818 !important;
    border: none;
    box-shadow: inset 0px 2px 0px rgb(46 46 46 / 90%) !important;
    color: #bbbbbb;
    height: 40px;
}

input.inputBuscador::placeholder {
    color: #898989;
}

input.inputBuscador:focus {
    color: #bbbbbb;
    border-top: none;
    border: solid 1px #282727;
}

.buscadorTopo .bi {
    fill: #fff;
    height: 16px;
    width: 16px;
}

.selectCity {
    cursor: pointer;
    width: 100%;
    max-width: 360px;
    text-align: center;
    font-size: 13px;
    margin: 5px auto 0 auto;
}

.selectCity.text-md {
    font-size: 11.5px;
}

.buscadorTopo .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
    position: absolute;
    right: 70px;
    top: 10px;
}

.autocomplete-option {
    padding: 8px;
    cursor: pointer;
    font-size: 13px;
    border-bottom: dashed 1px #eee;
}

.listSuggestions {
    border: solid 0 4px 4px 4px #fff;
    overflow-y: auto;
    position: absolute;
    width: calc(100% - 10px);
    margin-top: 42px;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 30px 40px #9b9b9b;
}

.autocomplete-option:focus,
.autocomplete-option:hover {
    background-color: #e1e1e1;
}

.listSuggestions label {
    opacity: 0.7;
    font-style: italic;
    margin-left: 1px;
    color: #e40726;
}

.buscadorTopo button {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 4px;
}

.buscadorTopo button {
    min-width: inherit;
}

.buscadorTopo .bi {
    vertical-align: 0px;
}

.breadcrumb a {
    font-size: 13px;
    color: #939393;
}

.trocarCidade {
    background: #ffc721;
    text-decoration: none;
    color: black;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 20px;
    margin-left: 5px;
}

.trocarCidade.icon {
    border-radius: 100%;
    padding: 2px 4px;
    display: none;
}

ol.breadcrumb {
    background: #ededed;
    padding: 3px 10px 5px 10px;
    border-radius: 5px;
}

ol.breadcrumb a {
    text-decoration: none;
}

.breadcrumb-item::before {
    opacity: 0.4;
}

a.flagSegmento {
    font-size: 11px !important;
    background: #da0c21 !important;
    box-shadow: none !important;
    padding: 3px 5px !important;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
    border: none !important;
    text-align: center;
    display: inline;
    color: white;
    text-wrap: nowrap;
    text-decoration: none;
}

.form-control.listaCidades {
    max-height: 170px;
    overflow: auto;
    z-index: 1000;
    position: relative;
}