@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-100.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-100italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-200.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-200italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-300.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-300italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-regular.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local(''), url(../fonts/poppins/poppins-v20-latin-ext_latin-500.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-500italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-600.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-600italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-700.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-700italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-800.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-800italic.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-900.woff) format('woff')
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    src: local('Poppins'), url(../fonts/poppins/poppins-v20-latin-ext_latin-900italic.woff) format('woff')
}

body, html {
    font-family: Poppins !important;
    font-weight: 300 !important;
    height: 100% !important;
    width: 100% !important
}

.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none
}

.navbar-toggler > .close {
    display: inline
}

.navbar-toggler.collapsed > .close, .navbar-toggler:not(.collapsed) > .open {
    display: none
}

a:hover {
    .hide {
        display: none !important
    }
}

#navcol-1.collapsing, #navcol-1.show {
    background-color: #fcfcfc
}

#navcol-1.collapsing > .nav > .nav-item > .nav-link, #navcol-1.show > .nav > .nav-item > .nav-link {
    color: #303030
}

.image-container {
    height: 70vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100vw
}

.carousel-inner {
    height: auto
}

:root {
    --marquee-width: 100vw;
    --marquee-height: 4vh;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
    --marquee-elements-displayed: 20
}

.marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    background-color: #333;
    overflow: hidden;
    position: relative
}

.marquee:before, .marquee:after {
    position: absolute;
    top: 0;
    width: 20rem;
    height: 100%;
    content: "";
    z-index: 1
}

.marquee:before {
    left: 0;
    background: linear-gradient(to right, #333333 0%, transparent 100%)
}

.marquee:after {
    right: 0;
    background: linear-gradient(to left, #333333 0%, transparent 100%)
}

.marquee-content {
    list-style: none;
    animation: scrolling var(--marquee-animation-duration) linear infinite
}

@keyframes scrolling {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
    }
}

@media (max-width: 575.98px) {
    :root {
        --marquee-elements-displayed: 5
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
        --marquee-elements-displayed: 5
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --marquee-elements-displayed: 6
    }
}

@media (min-width: 992px) {
    :root {
        --marquee-elements-displayed: 10
    }
}

@media (hover: hover) and (pointer: coarse) {
    a:hover {
        display: none !important
    }
}

input[type=radio] {
    display: none
}

input[type=radio] + label {
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle
}

input[type=radio] + label #base {
    color: #0a0a0a
}

input[type=radio]:checked + label #base {
    color: #20c920
}

input[type=radio]:checked + label #baseloja {
    color: #20c920
}

input[type=radio]:checked + label #baseloja2 {
    color: #fff
}

input[type=checkbox] {
    display: none
}

input[type=checkbox] + label {
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle
}

input[type=checkbox]:checked + label #base {
    color: #20c920
}

input[type=checkbox]:checked + label #base2 {
    color: #fff
}

.nfuse-shadow {
    filter: drop-shadow(2px 4px 12px rgba(0, 0, 0, .08))
}

.nfuse-shadow-forte {
    filter: drop-shadow(2px 4px 16px rgba(0, 0, 0, .64))
}

.nfuse-shadow-deep {
    filter: drop-shadow(2px 4px 16px rgba(0, 0, 0, .16))
}

.nfuse-rounded {
    border-radius: 18px !important
}

.nfuse-rounded-2 {
    border-radius: 13px !important
}

.nfuse-rounded-3 {
    border-radius: 28px !important
}

.nfuse-rounded-top {
    border-radius: 18px 18px 0 0
}

.nfuse-rounded-bottom {
    border-radius: 0 0 18px 18px
}

.nfuse-rounded-bottom-2 {
    border-radius: 0 0 13px 13px
}
.nfuse-rounded-end-pill {
    width: auto;
    height: auto;
    border-radius: 0 min(50%, 50%) min(50%, 50%) 0; /* Calcula o raio como metade da dimensão mais curta */
    display: inline-block;
    box-sizing: border-box;
}

.nfuse-bk-light {
    background-color: rgb(245, 245, 247)
}

.nfuse-bk-dark {
    background-color: rgb(50, 50, 52)
}

.nfuse-bk-grey {
    background-color: rgba(148, 157, 165)
}

.nfuse-bk-black {
    background-color: rgb(29, 29, 31)
}

.svg-settings {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.fill-gradient-linear path {
    fill: url(#linear)
}

.linear-stop2 {
    stop-color: #4dfff9
}

.linear-stop1 {
    stop-color: #e80cd6
}

.fill-gradient-radial path {
    fill: url(#radial)
}

.radial-stop1 {
    stop-color: red
}

.radial-stop2 {
    stop-color: #e500ff
}

.radial-stop3 {
    stop-color: #7b00ff
}

.radial-stop4 {
    stop-color: #00eaff
}

.fill-solid {
    color: #4263eb
}

.fill-gradient-text {
    background-color: #f3ec78;
    background-image: linear-gradient(90deg, #ff0000 0%, #e500ff 50%, #7b00ff 75%, #00eaff 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #efefef;
    cursor: default
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
    border: none;
    color: #4263eb
}

.datepicker table tr td.old {
    color: #efefef
}

.datepicker table tr td.new {
    color: #4263eb
}

.accordion {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.accordion-button:not(.collapsed) {
    color: whitesmoke;
    background-color: #6a1a21;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:.collapsed {
    color: whitesmoke;
    background-color: #6a1a21;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}