@font-face {
    font-family: Regular;
    src: url("../fonts/Proxima-Nova-Regular.otf");
}

@font-face {
    font-family: Medium;
    src: url("../fonts/Proxima-Nova-Semibold.otf");
}

@font-face {
    font-family: Bold;
    src: url("../fonts/Proxima-Nova-Bold.otf");
}

@font-face {
    font-family: Black;
    src: url("../fonts/Proxima-Nova-Black.otf");
}

@font-face {
    font-family: Extra;
    src: url("../fonts/Proxima-Nova-Extrabld.otf");
}

@font-face {
    font-family: Gambarino;
    src: url("../fonts/Gambarino-Regular.otf");
}

:root {
    --cor-bg: #101010;
    --cor-ln: #B20008;
    --cor-txt: #FFFFFF;
    --cor-chat: #F0EEE4;
    --cor-txt-chat: #101010;
    --cor-nps: #0A00FF;
    --success: #1AA179;
    --danger: #dc3545;
    --info: #0d6efd;
    --warning: #ffc107;
    --ai-icon: #3CFFAF;
    --ai-bg: #4F5D59;
    --logo-home: url("../images/jj-logo.jpg");
    --bg-home: url("../images/home-bg.jpg");
    --cor-texto-escuro: #53503E;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: var(--cor-bg);
    background-image: var(--bg-home);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Regular;
    color: var(--cor-txt);
    line-height: 110% !important;
}

.container-cardapio-bg {
    background-size: cover !important;
    background-repeat: repeat !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-image: none;
}

a {
    color: inherit;
    text-decoration: none;
}

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

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

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

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

.snack-bar {
    display: none;
    position: fixed;
    bottom: 0px;
    z-index: 999999999;
    width: 100%;
    padding: 30px 15px 30px 15px;
    background-color: var(--cor-dark-bg);
    font-family: Bold;
    font-size: 150%;
    text-align: center;
    color: #FFFFFF;
    line-height: 110%;
}

.modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.modal-alert {
    background-color: #3C4148 !important;
}

.modal-alert-destaque {
    background-color: var(--cor-light-destaque) !important;
}

.loading {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999;
}

.loading-msg {
    margin-top: 20px !important;
    font-family: Bold;
    font-size: 130%;
    color: #FFFFFF;
}

.success {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999;
}

.success-msg {
    margin-top: 20px !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
    font-family: Bold;
    font-size: 140%;
    line-height: 110% !important;
    color: #FFFFFF;
}

.cursor-pointer {
    cursor: pointer;
}

.display-none {
    display: none;
}

.modal-content-border {
    border-radius: 25px !important;
}

.card {
    border-radius: 25px !important;
}

.btn {
    border-radius: 50px !important;
}