:root {
    --bg-color-1: #f1f2f6;
    --bg-color-2: #004885;
    --bg-color-3: #ffeaa7;
    --bg-color-4: #fab1a0;
    --bg-color-5: #a29bfe;
    --bg-color-6: #81ecec;
    --bg-color-7: #55efc4;
    --bg-color-8: #74b9ff;
}

@font-face {
    font-family: "PrimaryFontLight";
    src: url("/fonts/GothamRounded/GothamRnd-Light.otf") format("opentype");
}

@font-face {
    font-family: "PrimaryFont";
    src: url("/fonts/GothamRounded/GothamRnd-Book.otf") format("opentype");
}

@font-face {
    font-family: "PrimaryFontItalic";
    src: url("/fonts/GothamRounded/GothamRnd-BookItal.otf") format("opentype");
}

@font-face {
    font-family: "PrimaryFontMedium";
    src: url("/fonts/GothamRounded/GothamRounded-Medium.otf") format("opentype");
}

@font-face {
    font-family: "PrimaryFontBold";
    src: url("/fonts/GothamRounded/GothamRnd-Bold.otf") format("opentype");
}

.bg-color-1 {
    background-color: var(--bg-color-1);
}

.bg-color-2 {
    background-color: var(--bg-color-2);
}

.bg-color-2 p, .bg-color-2 h2 {
    color: white !important;
}

.bg-color-3 {
    background-color: var(--bg-color-3);
}

.bg-color-4 {
    background-color: var(--bg-color-4);
}

.bg-color-5 {
    background-color: var(--bg-color-5);
}

.bg-color-6 {
    background-color: var(--bg-color-6);
}

.bg-color-7 {
    background-color: var(--bg-color-7);
}

.bg-color-8 {
    background-color: var(--bg-color-8);
}

.style-1 {
}

.style-2 {
}

.style-3 {
}

.style-4 {
}

.style-5 {
}

.style-6 {
}

.style-7 {
}

.style-8 {
}

.section-pt-0 {
    padding-top: 0px;
}

.section-pt-1 {
    padding-top: 4px;
}

.section-pt-2 {
    padding-top: 8px;
}

.section-pt-3 {
    padding-top: 12px;
}

.section-pt-4 {
    padding-top: 16px;
}

.section-pt-5 {
    padding-top: 20px;
}

.section-pt-6 {
    padding-top: 24px;
}

.section-pt-7 {
    padding-top: 28px;
}

.section-pt-8 {
    padding-top: 32px;
}

.section-pt-9 {
    padding-top: 36px;
}

.section-pt-10 {
    padding-top: 40px;
}

.section-pt-11 {
    padding-top: 44px;
}

.section-pt-12 {
    padding-top: 48px;
}

.section-pb-0 {
    padding-bottom: 0px;
}

.section-pb-1 {
    padding-bottom: 4px;
}

.section-pb-2 {
    padding-bottom: 8px;
}

.section-pb-3 {
    padding-bottom: 12px;
}

.section-pb-4 {
    padding-bottom: 16px;
}

.section-pb-5 {
    padding-bottom: 20px;
}

.section-pb-6 {
    padding-bottom: 24px;
}

.section-pb-7 {
    padding-bottom: 28px;
}

.section-pb-8 {
    padding-bottom: 32px;
}

.section-pb-9 {
    padding-bottom: 36px;
}

.section-pb-10 {
    padding-bottom: 40px;
}

.section-pb-11 {
    padding-bottom: 44px;
}

.section-pb-12 {
    padding-bottom: 48px;
}

.frontend-app h1 {
    color: #00a3e0;
}

.frontend-app h2 {
}

.frontend-app h2, .frontend-app h3 {
    color: #00a3e0;
}

@media only screen and (min-width: 1200px) {
    .frontend-app h1 {
        font-size: 46px;
        line-height: 46px;
    }

    .frontend-app h2, .frontend-app h3 {
        font-size: 46px;
        line-height: 46px;
    }
}

.loading-wrapper {
    width: 100vw;
    height: 110vh;
    background: rgba(26, 26, 39, 0.5);
    position: fixed;
    z-index: 1001;
}

    .loading-wrapper.cursor-enabled {
        cursor: url("/Content/Images/cursor-close.svg") 20 20, pointer;
    }

.row-eq-height {
    display: flex !important;
}

.frontend-app .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}

    .frontend-app .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
    }

/* Define a fonte base no topo sem forçar em tags específicas */
.frontend-app {
    font-family: "PrimaryFont", sans-serif;
    color: black;
}

@media only screen and (min-width: 1200px) {
    .frontend-app .container {
        max-width: 1295px;
        width: 100%;
    }

    .frontend-app .design-block:not(.background-listas, .background-img, .card-submenus) {
        margin: 60px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .frontend-app .container {
        max-width: 1040px;
        width: 100%;
        padding: 0px 95px;
    }

    .frontend-app .design-block {
        margin: 30px 0;
    }
}

@media only screen and (max-width: 767px) {
    .frontend-app .row {
        --bs-gutter-x: 0 !important;
    }

    .frontend-app .container {
        max-width: 540px !important;
        width: 100%;
        padding: 0px 10px !important;
    }

    .frontend-app .design-block {
        margin: 15px 0 !important;
    }
}

.ds-none {
    display: none !important;
}

/*.frontend-app .client-section:not(.has-slider-standard):not(.has-form) .container-column {
    margin-top: 40px;
}

.frontend-app .client-section:not(.has-form) .client-section-container.has-background {
    margin-top: 40px;
}

.frontend-app .client-section:not(.has-form) .client-section-container.has-background .container-column {
    margin-top: 40px;
}

.frontend-app .client-section:not(.has-form) .client-section-container.has-background .container-column {
    margin-bottom: 40px;
}*/

.frontend-app .client-section.has-form .container-column {
    margin-top: 65px;
    margin-bottom: 65px;
}

@media only screen and (max-width: 768px) {
    .frontend-app .client-section.has-form .client-section-container.has-background {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .frontend-app .client-section:not(.has-slider-standard):not(.has-form) .container-column {
        margin-top: 80px;
    }

    .frontend-app .client-section-container.has-background {
        margin-top: 80px;
    }

    .frontend-app .client-section:not(.has-form) .client-section-container.has-background .container-column {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

.frontend-app .client-section:not(.has-slider-standard):not(.has-form) .container-column {
    margin-top: 40px;
    margin-bottom: 40px;
}

.frontend-app .free-style-1 h2 {
    margin-bottom: 50px;
}

.frontend-app h6 {
    color: #00a3e0;
    font-family: PrimaryFont;
    font-size: 23px;
}

.frontend-app p {
    font-family: PrimaryFont !important;
    font-size: clamp(14px, 1.4vw + 0.5rem, 19px);
    text-align: left;
}

.frontend-app p.p-strong-only strong {
    font-family: "PrimaryFontMedium" !important;
}

.frontend-app .free-content-text a {
    color: #01A3E0 !important;
    transition: color 0.2s ease-in-out;
}

.frontend-app .free-content-text a:hover {
    color: #017bb0 !important;
}
.success-message.flex,
.error-message.flex {
    align-items: center;
}