:root {
    --tweb__whatsapp-cor-base: #028916;
    --tweb__whatsapp-cor-hover: #036110;
    --tweb__lgpd-link-cor-base: #000000;
    --tweb__lgpd-link-cor-hover: #5c5c5c;
    --tweb__lgpd-botao-bg-base: #000000;
    --tweb__lgpd-botao-txt-base: #ffffff;
    --tweb__lgpd-botao-bg-hover: #5c5c5c;
    --tweb__lgpd-botao-txt-hover: #ffffff;
}

@font-face {
    font-family: "tweb__Poppins";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./poppins-400.woff2") format("woff2");
}

@font-face {
    font-family: "tweb__Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("./poppins-600.woff2") format("woff2");
}

/*****************************************
*********** WHATSAPP FLUTUANTE ***********
*****************************************/

/* BASE CSS E CELULAR PADRAO */
.tweb__whatsapp-flutuante-area,
.tweb__whatsapp-flutuante-area *,
.tweb__whatsapp-flutuante-area *::before,
.tweb__whatsapp-flutuante-area *::after {
    box-sizing: border-box;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    float: none;
    clear: none;
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    font-stretch: normal;
    font-variant: normal;
    line-height: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    color: inherit;
    text-align: inherit;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition: none;
    vertical-align: baseline;
    list-style: none;
    resize: none;
    z-index: auto;
}

.tweb__whatsapp-flutuante-area {
    position: fixed;
    right: 12px;
    bottom: 12px;
    width: auto;
    height: auto;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 998;
}

.tweb__whatsapp-flutuante-area.tweb__whatsapp-flutuante-area > .tweb__whatsapp-flutuante {
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: var(--tweb__whatsapp-cor-base);
    background-image: none;
    border: 2px solid var(--tweb__whatsapp-cor-base);
    border-radius: 50%;
    outline: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition:
        background-color 0.5s ease,
        color 0.5s ease,
        border-color 0.5s ease;
}

.tweb__whatsapp-flutuante > svg {
    pointer-events: none !important;
    position: relative !important;
    top: -1px !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    color: inherit !important;
    fill: currentColor !important;
    stroke: none !important;
    background-color: transparent !important;
    background-image: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
}

.tweb__whatsapp-flutuante > svg * {
    color: inherit !important;
    fill: inherit !important;
    stroke: inherit !important;
}

.tweb__whatsapp-flutuante > svg [fill]:not([fill="none" i]),
.tweb__whatsapp-flutuante > svg [style*="fill:" i]:not([style*="fill: none" i]):not([style*="fill:none" i]) {
    fill: currentColor !important;
}

.tweb__whatsapp-flutuante > svg[fill="none" i],
.tweb__whatsapp-flutuante > svg[style*="fill: none" i],
.tweb__whatsapp-flutuante > svg[style*="fill:none" i],
.tweb__whatsapp-flutuante > svg [fill="none" i],
.tweb__whatsapp-flutuante > svg [style*="fill: none" i],
.tweb__whatsapp-flutuante > svg [style*="fill:none" i] {
    fill: none !important;
}

.tweb__whatsapp-flutuante > svg[stroke]:not([stroke="none" i]),
.tweb__whatsapp-flutuante > svg[style*="stroke:" i]:not([style*="stroke: none" i]):not([style*="stroke:none" i]),
.tweb__whatsapp-flutuante > svg [stroke]:not([stroke="none" i]),
.tweb__whatsapp-flutuante > svg [style*="stroke:" i]:not([style*="stroke: none" i]):not([style*="stroke:none" i]) {
    stroke: currentColor !important;
}

.tweb__whatsapp-flutuante > svg[stroke="none" i],
.tweb__whatsapp-flutuante > svg[style*="stroke: none" i],
.tweb__whatsapp-flutuante > svg[style*="stroke:none" i],
.tweb__whatsapp-flutuante > svg [stroke="none" i],
.tweb__whatsapp-flutuante > svg [style*="stroke: none" i],
.tweb__whatsapp-flutuante > svg [style*="stroke:none" i] {
    stroke: none !important;
}

.tweb__whatsapp-flutuante-area.tweb__whatsapp-flutuante-area > .tweb__whatsapp-flutuante:focus-visible {
    outline: 3px solid rgba(2, 137, 22, 0.32);
    outline-offset: 4px;
}

/* NOTEBOOK PEQUENO */
@media (min-width: 1024px) {
    .tweb__whatsapp-flutuante-area {
        right: 16px;
        bottom: 16px;
    }

    .tweb__whatsapp-flutuante-area.tweb__whatsapp-flutuante-area > .tweb__whatsapp-flutuante {
        width: 64px;
        height: 64px;
    }

    .tweb__whatsapp-flutuante-area.tweb__whatsapp-flutuante-area > .tweb__whatsapp-flutuante:hover {
        color: var(--tweb__whatsapp-cor-hover);
        text-decoration: none;
        background-color: #ffffff;
        background-image: none;
        border-color: var(--tweb__whatsapp-cor-hover);
        box-shadow: none;
    }

    .tweb__whatsapp-flutuante > svg {
        top: -2px !important;
        flex-basis: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    }
}

/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
    .tweb__whatsapp-flutuante-area {
        right: 20px;
        bottom: 20px;
    }

    .tweb__whatsapp-flutuante-area.tweb__whatsapp-flutuante-area > .tweb__whatsapp-flutuante {
        width: 72px;
        height: 72px;
    }

    .tweb__whatsapp-flutuante > svg {
        flex-basis: 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
    }
}

/*****************************************
************ WHATSAPP MODAL **************
*****************************************/

/* BASE CSS E CELULAR PADRAO */
.tweb__modal,
.tweb__modal *,
.tweb__modal *::before,
.tweb__modal *::after {
    box-sizing: border-box;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    float: none;
    clear: none;
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    font-stretch: normal;
    font-variant: normal;
    line-height: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    color: inherit;
    text-align: inherit;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition: none;
    vertical-align: baseline;
    list-style: none;
    resize: none;
    z-index: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

.tweb__modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    color: #000000;
    text-align: center;
    background-color: transparent;
    overflow: auto;
    overscroll-behavior: contain;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.tweb__modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin: 0 -0.05em 0 0;
}

.tweb__modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    border: 0;
    opacity: 0.8;
    margin: 0;
    padding: 0;
}

.tweb__modal-holder {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 95%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    background-color: transparent;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 32px 0;
}

.tweb__modal-holder:focus {
    outline: none;
}

.tweb__modal-box {
    display: block;
    width: 100%;
    background-color: transparent;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    margin: 0;
    padding: 0;
}

.tweb__modal-header {
    display: flex;
    width: 100%;
    background-color: var(--tweb__whatsapp-cor-base);
    border: 0;
    margin: 0;
    padding: 16px 5.5vw;
}

.tweb__modal-header-icone-area {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal-header-icone-area > svg {
    pointer-events: none !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    flex: 0 0 8vw !important;
    width: 8vw !important;
    min-width: 8vw !important;
    max-width: 8vw !important;
    height: 8vw !important;
    min-height: 8vw !important;
    max-height: 8vw !important;
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: none !important;
    background-color: transparent !important;
    background-image: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    margin: 0 3vw 0 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
}

.tweb__modal-header-titulo-area {
    display: block;
    width: calc(100% - 8vw - 3vw - 4vw - 3vw);
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal-header-titulo {
    display: block;
    width: 100%;
    font-size: 4vw;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: normal;
    color: #ffffff;
    text-align: left;
    background-color: transparent;
    border: 0;
    margin: 0 0 4px;
    padding: 0;
}

.tweb__modal-header-descricao {
    display: block;
    width: 100%;
    font-size: 2.8vw;
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: normal;
    color: #ffffff;
    text-align: left;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal-fechar-area {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal.tweb__modal .tweb__modal-fechar {
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    display: block;
    width: 4vw;
    height: 4vw;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    background-color: transparent;
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    opacity: 0.4;
    visibility: visible;
    margin: 0 0 0 3vw;
    padding: 0;
    transform: none;
    filter: none;
    animation: none;
    transition: opacity 0.5s ease;
}

.tweb__modal.tweb__modal .tweb__modal-fechar::before,
.tweb__modal.tweb__modal .tweb__modal-fechar::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal.tweb__modal .tweb__modal-fechar::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.tweb__modal.tweb__modal .tweb__modal-fechar::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.tweb__modal.tweb__modal .tweb__modal-fechar:focus-visible {
    opacity: 1;
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}

.tweb__modal-body {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #000000;
    text-align: left;
    background-color: #ffffff;
    border: 0;
    margin: 0;
    padding: 5.5vw;
}

.tweb__modal-form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal-campo-area {
    position: relative;
    display: block;
    width: 100%;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal-campo-grupo {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 8px;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__modal-campo-area-selecao::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 5px;
    height: 5px;
    border: 2px #9a9a9a;
    border-top-style: solid;
    border-left-style: solid;
    margin: 0;
    padding: 0;
    transform: rotate(225deg);
}

.tweb__modal.tweb__modal .tweb__modal-campo {
    pointer-events: auto;
    display: block;
    width: 100%;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: normal;
    color: #484848;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    background-color: transparent;
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    margin: 0;
    padding: 15px 15px 15px 34px;
    opacity: 1;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition: border-color 0.4s ease;
}

.tweb__modal.tweb__modal .tweb__modal-campo::placeholder {
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    letter-spacing: normal;
    color: #707070;
    text-align: left;
    opacity: 1;
}

.tweb__modal.tweb__modal .tweb__modal-campo:focus {
    border-color: var(--tweb__whatsapp-cor-base);
    outline: none;
    box-shadow: none;
}

.tweb__modal.tweb__modal .tweb__modal-input,
.tweb__modal.tweb__modal .tweb__modal-select {
    height: 36px;
}

.tweb__modal.tweb__modal .tweb__modal-select {
    cursor: pointer;
    color: #707070;
    background-color: transparent;
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 15px 0 32px;
}

.tweb__modal.tweb__modal .tweb__modal-select:has(option:checked:not([value=""])) {
    color: #484848;
}

.tweb__modal.tweb__modal .tweb__modal-select option {
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #161616;
    background-color: #ffffff;
}

.tweb__modal.tweb__modal .tweb__modal-textarea {
    height: 96px;
    min-height: 96px;
    resize: vertical;
}

.tweb__modal-campo-area > svg {
    pointer-events: none !important;
    position: absolute !important;
    top: 11px !important;
    right: auto !important;
    bottom: auto !important;
    left: 12px !important;
    display: block !important;
    flex: 0 0 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    color: #9a9a9a !important;
    fill: currentColor !important;
    stroke: none !important;
    background-color: transparent !important;
    background-image: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
}

.tweb__modal-textarea + svg {
    top: 16.4px !important;
}

.tweb__modal-header-icone-area > svg *,
.tweb__modal-campo-area > svg * {
    color: inherit !important;
    fill: inherit !important;
    stroke: inherit !important;
}

.tweb__modal-header-icone-area > svg [fill]:not([fill="none" i]),
.tweb__modal-header-icone-area > svg [style*="fill:" i]:not([style*="fill: none" i]):not([style*="fill:none" i]),
.tweb__modal-campo-area > svg [fill]:not([fill="none" i]),
.tweb__modal-campo-area > svg [style*="fill:" i]:not([style*="fill: none" i]):not([style*="fill:none" i]) {
    fill: currentColor !important;
}

.tweb__modal-header-icone-area > svg[fill="none" i],
.tweb__modal-header-icone-area > svg[style*="fill: none" i],
.tweb__modal-header-icone-area > svg[style*="fill:none" i],
.tweb__modal-header-icone-area > svg [fill="none" i],
.tweb__modal-header-icone-area > svg [style*="fill: none" i],
.tweb__modal-header-icone-area > svg [style*="fill:none" i],
.tweb__modal-campo-area > svg[fill="none" i],
.tweb__modal-campo-area > svg[style*="fill: none" i],
.tweb__modal-campo-area > svg[style*="fill:none" i],
.tweb__modal-campo-area > svg [fill="none" i],
.tweb__modal-campo-area > svg [style*="fill: none" i],
.tweb__modal-campo-area > svg [style*="fill:none" i] {
    fill: none !important;
}

.tweb__modal-header-icone-area > svg[stroke]:not([stroke="none" i]),
.tweb__modal-header-icone-area > svg[style*="stroke:" i]:not([style*="stroke: none" i]):not([style*="stroke:none" i]),
.tweb__modal-header-icone-area > svg [stroke]:not([stroke="none" i]),
.tweb__modal-header-icone-area > svg [style*="stroke:" i]:not([style*="stroke: none" i]):not([style*="stroke:none" i]),
.tweb__modal-campo-area > svg[stroke]:not([stroke="none" i]),
.tweb__modal-campo-area > svg[style*="stroke:" i]:not([style*="stroke: none" i]):not([style*="stroke:none" i]),
.tweb__modal-campo-area > svg [stroke]:not([stroke="none" i]),
.tweb__modal-campo-area > svg [style*="stroke:" i]:not([style*="stroke: none" i]):not([style*="stroke:none" i]) {
    stroke: currentColor !important;
}

.tweb__modal-header-icone-area > svg[stroke="none" i],
.tweb__modal-header-icone-area > svg[style*="stroke: none" i],
.tweb__modal-header-icone-area > svg[style*="stroke:none" i],
.tweb__modal-header-icone-area > svg [stroke="none" i],
.tweb__modal-header-icone-area > svg [style*="stroke: none" i],
.tweb__modal-header-icone-area > svg [style*="stroke:none" i],
.tweb__modal-campo-area > svg[stroke="none" i],
.tweb__modal-campo-area > svg[style*="stroke: none" i],
.tweb__modal-campo-area > svg[style*="stroke:none" i],
.tweb__modal-campo-area > svg [stroke="none" i],
.tweb__modal-campo-area > svg [style*="stroke: none" i],
.tweb__modal-campo-area > svg [style*="stroke:none" i] {
    stroke: none !important;
}

.tweb__modal.tweb__modal .tweb__modal-botao {
    cursor: pointer;
    pointer-events: auto;
    display: block;
    width: 100%;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: uppercase;
    background-color: var(--tweb__whatsapp-cor-base);
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    margin: 0;
    padding: 12px 24px;
    opacity: 1;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition: background-color 0.5s ease;
}

.tweb__modal.tweb__modal .tweb__modal-botao:focus-visible {
    outline: 3px solid rgba(2, 137, 22, 0.28);
    outline-offset: 3px;
}

/* CELULAR PEQUENO */
@media (min-width: 450px) {
    .tweb__modal-holder {
        max-width: 420px;
    }

    .tweb__modal-header {
        padding: 18px 24px;
    }

    .tweb__modal-header-icone-area > svg {
        flex-basis: 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        margin: 0 14px 0 0 !important;
    }

    .tweb__modal-header-titulo-area {
        width: calc(100% - 36px - 14px - 16px - 14px);
    }

    .tweb__modal-header-titulo {
        font-size: 18px;
    }

    .tweb__modal-header-descricao {
        font-size: 12.7px;
    }

    .tweb__modal.tweb__modal .tweb__modal-fechar {
        width: 16px;
        height: 16px;
        margin: 0 0 0 14px;
    }

    .tweb__modal-body {
        padding: 24px;
    }
}

/* CELULAR GRANDE E TABLETS PEQUENOS */
@media (min-width: 640px) {
    .tweb__modal-form,
    .tweb__modal-campo-grupo {
        gap: 8px;
    }

    .tweb__modal.tweb__modal .tweb__modal-campo {
        font-size: 12.5px;
        padding: 15px 15px 15px 40px;
    }

    .tweb__modal-campo-area-selecao::before {
        top: 12px;
        width: 6px;
        height: 6px;
    }

    .tweb__modal.tweb__modal .tweb__modal-input,
    .tweb__modal.tweb__modal .tweb__modal-select {
        height: 36px;
    }

    .tweb__modal.tweb__modal .tweb__modal-select {
        font-size: 12.5px;
        padding: 0 15px 0 39px;
    }

    .tweb__modal.tweb__modal .tweb__modal-select option {
        font-size: 12.5px;
    }

    .tweb__modal-campo-area > svg {
        top: 10.5px !important;
        left: 14px !important;
        flex-basis: 15px !important;
        width: 15px !important;
        min-width: 15px !important;
        max-width: 15px !important;
        height: 15px !important;
        min-height: 15px !important;
        max-height: 15px !important;
    }

    .tweb__modal-textarea + svg {
        top: 16.25px !important;
    }
}

/* TABLET */
@media (min-width: 768px) {
    .tweb__modal-holder {
        max-width: 480px;
    }

    .tweb__modal-header {
        padding: 20px 26px;
    }

    .tweb__modal-body {
        padding: 26px;
    }
}

/* NOTEBOOK PEQUENO */
@media (min-width: 1024px) {
    .tweb__modal-campo-grupo {
        grid-template-columns: repeat(2, 1fr);
    }

    .tweb__modal.tweb__modal .tweb__modal-fechar:hover {
        opacity: 0.8;
    }

    .tweb__modal.tweb__modal .tweb__modal-botao {
        font-size: 15px;
    }

    .tweb__modal.tweb__modal .tweb__modal-botao:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: var(--tweb__whatsapp-cor-hover);
        background-image: none;
        border-color: transparent;
        box-shadow: none;
    }
}

/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
    .tweb__modal.tweb__modal .tweb__modal-botao {
        font-size: 16px;
        padding: 12px 24px;
    }
}

/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
    .tweb__modal-holder {
        max-width: 580px;
    }

    .tweb__modal-header {
        padding: 24px 36px;
    }

    .tweb__modal-header-icone-area > svg {
        flex-basis: 50px !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin: 0 18px 0 0 !important;
    }

    .tweb__modal-header-titulo-area {
        width: calc(100% - 50px - 18px - 22px - 18px);
    }

    .tweb__modal-header-titulo {
        font-size: 23px;
        margin: 0 0 6px;
    }

    .tweb__modal-header-descricao {
        font-size: 16px;
    }

    .tweb__modal.tweb__modal .tweb__modal-fechar {
        width: 22px;
        height: 22px;
        margin: 0 0 0 18px;
    }

    .tweb__modal-body {
        padding: 36px;
    }

    .tweb__modal-form,
    .tweb__modal-campo-grupo {
        gap: 12px;
    }

    .tweb__modal.tweb__modal .tweb__modal-campo {
        font-size: 14px;
        padding: 15px 15px 15px 45px;
    }

    .tweb__modal-campo-area-selecao::before {
        top: 14px;
        right: 16px;
        width: 7px;
        height: 7px;
    }

    .tweb__modal.tweb__modal .tweb__modal-input,
    .tweb__modal.tweb__modal .tweb__modal-select {
        height: 42px;
    }

    .tweb__modal.tweb__modal .tweb__modal-select {
        font-size: 14px;
        padding: 0 15px 0 44px;
    }

    .tweb__modal.tweb__modal .tweb__modal-select option {
        font-size: 14px;
    }

    .tweb__modal.tweb__modal .tweb__modal-textarea {
        height: 112px;
        min-height: 112px;
    }

    .tweb__modal-campo-area > svg {
        top: 13px !important;
        left: 16px !important;
        flex-basis: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    }

    .tweb__modal-textarea + svg {
        top: 16.8px !important;
    }

    .tweb__modal.tweb__modal .tweb__modal-botao {
        font-size: 17px;
        padding: 14px 28px;
    }
}

/*****************************************
************** LGPD POPUP ****************
*****************************************/

/* BASE CSS E CELULAR PADRAO */
.tweb__lgpd,
.tweb__lgpd *,
.tweb__lgpd *::before,
.tweb__lgpd *::after {
    box-sizing: border-box;
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    float: none;
    clear: none;
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    font-stretch: normal;
    font-variant: normal;
    line-height: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    color: inherit;
    text-align: inherit;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition: none;
    vertical-align: baseline;
    list-style: none;
    resize: none;
    z-index: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

.tweb__lgpd {
    position: fixed;
    right: 0;
    bottom: 16px;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
    background-color: transparent;
    border: 0;
    margin: 0 auto;
    padding: 0;
    z-index: 997;
}

.tweb__lgpd-container {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    background-color: transparent;
    border: 0;
    margin: 0 auto;
    padding: 0 16px;
}

.tweb__lgpd-wrapper {
    display: block;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    margin: 0;
    padding: 12px;
}

.tweb__lgpd-box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    gap: 8px;
    color: #000000;
    text-align: center;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__lgpd-texto-area {
    display: block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__lgpd-texto {
    display: block;
    width: 100%;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.01em;
    color: #707070;
    text-align: center;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__lgpd.tweb__lgpd .tweb__lgpd-link {
    cursor: pointer;
    pointer-events: auto;
    display: inline;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    letter-spacing: inherit;
    color: var(--tweb__lgpd-link-cor-base);
    text-align: inherit;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    background-color: transparent;
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    outline: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition: color 0.5s ease;
}

.tweb__lgpd.tweb__lgpd .tweb__lgpd-link:focus-visible {
    outline: 2px solid var(--tweb__lgpd-link-cor-base);
    outline-offset: 2px;
}

.tweb__lgpd-botao-area {
    display: block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.tweb__lgpd.tweb__lgpd .tweb__lgpd-botao {
    cursor: pointer;
    pointer-events: auto;
    display: block;
    width: 100%;
    height: auto;
    font-family: "tweb__Poppins", Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: var(--tweb__lgpd-botao-txt-base);
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    background-color: var(--tweb__lgpd-botao-bg-base);
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    margin: 0;
    padding: 8px 32px;
    opacity: 1;
    visibility: visible;
    transform: none;
    filter: none;
    animation: none;
    transition:
        color 0.5s ease,
        background-color 0.5s ease;
}

.tweb__lgpd.tweb__lgpd .tweb__lgpd-botao:focus-visible {
    outline: 3px solid rgba(0, 0, 0, 0.24);
    outline-offset: 3px;
}

/* CELULAR GRANDE E TABLETS PEQUENOS */
@media (min-width: 640px) {
    .tweb__lgpd-container {
        max-width: 640px;
    }
}

/* TABLET */
@media (min-width: 768px) {
    .tweb__lgpd-container {
        max-width: 768px;
    }

    .tweb__lgpd-box {
        gap: 12px;
    }

    .tweb__lgpd-texto,
    .tweb__lgpd.tweb__lgpd .tweb__lgpd-botao {
        font-size: 12px;
    }
}

/* NOTEBOOK PEQUENO */
@media (min-width: 1024px) {
    .tweb__lgpd-container {
        max-width: 1024px;
    }

    .tweb__lgpd.tweb__lgpd .tweb__lgpd-link:hover {
        color: var(--tweb__lgpd-link-cor-hover);
        text-decoration: none;
        background-color: transparent;
        background-image: none;
    }

    .tweb__lgpd.tweb__lgpd .tweb__lgpd-botao:hover {
        color: var(--tweb__lgpd-botao-txt-hover);
        text-decoration: none;
        background-color: var(--tweb__lgpd-botao-bg-hover);
        background-image: none;
        border-color: transparent;
        box-shadow: none;
    }
}

/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
    .tweb__lgpd-container {
        max-width: 1320px;
    }

    .tweb__lgpd-wrapper {
        padding: 10px 14px;
    }

    .tweb__lgpd-box {
        flex-direction: row;
        gap: 0;
        text-align: left;
    }

    .tweb__lgpd-texto-area {
        width: 92%;
    }

    .tweb__lgpd-texto {
        text-align: left;
    }

    .tweb__lgpd-botao-area {
        width: 8%;
    }
}

/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
    .tweb__lgpd-container {
        max-width: 1432px;
    }

    .tweb__lgpd-texto,
    .tweb__lgpd.tweb__lgpd .tweb__lgpd-botao {
        font-size: 13px;
    }
}
