/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

:root {
    --color-logo-1: #b81b20;
    --color-logo-2: #f7b600;
    --color-0: #000;
    --color-1: #fff;
    --color-2: #5f0e11;
    --color-3: #861318;
    --color-4: #93151a;
    --color-5: #a60012;
    --color-6: #bd1b21;
    --color-7: #ebae00;
    --color-8: #f7b600;
    --color-9: #fcb813;
    --color-10: #35302d;
    --color-11: #ededed;
    --color-12: #bbb;
    --color-13: #5a53ff;
    --color-14: #e5e1cf;
    --color-15: #666;
    --color-16: #a2a09f;
    --color-17: #707070;
    --color-18: #3b3734;
    --color-19: #21bd87;
    --color-20: #fafafa;
    --debug: rgba(255, 0, 255, 0.1);
    --overlay-img: rgba(8, 7, 7, 0.66);
    --overlay-modal: rgba(8, 7, 7, 0.7);
    --overlay-modal-hover: rgba(8, 7, 7, 0.3);
    --text-shadow: 1px 1px 2px var(--color-0);
    --box-shadow-1: 0 0 20px 0 var(--color-10);
    --box-shadow-2: 2px 2px 5px 2px var(--color-12);
    --box-shadow-3: 8px 8px 80px 2px var(--color-12);
    --box-shadow-4: 0 0 19px 2px var(--color-11);
    --box-shadow-5: 6px 6px 70px 1px var(--color-12);
    --font-face: "klavika-web", sans-serif;
    --light: 300;
    --regular: 400;
    --medium: 600;
    --bold: 700;
    --gutter-notebook: 16px;
    --gutter-tablet: 12px;
    --gutter-mobile: 8px;
    --gutter: var(--gutter-mobile);
    --column-notebook: 288px;
    --column-tablet: 171px;
    --column-mobile: 72px;
    --column: var(--column-mobile);
    --columns: 4;
    --grid: calc(
        ((var(--column) + var(--gutter)) * var(--columns)) - var(--gutter)
    );
    --behind: 1;
    --below-content: 5;
    --content: 10;
    --over-content: 15;
    --above: 20;
    --stick: 25;
    --modal: 30;
    --city-selector: 35;
    --cookie: 40;
    --border-s: 1px;
    --border-m: 2px;
    --border-l: 3px;
    --radius-full: 100%;
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;
    --bleed-background: calc((100vw - var(--grid)) / 2);
    --bleed-half-background: calc(var(--bleed-background) / 2);
    --main-background-color: var(--color-1);
    --main-font-family: var(--font-face);
    --main-font-weight: var(--medium);
    --main-text-color: var(--color-10);
    --fixed-cta-position-notebook: 0;
    --fixed-cta-position-mobile: calc(16px + 45px);
    --fixed-cta-position: var(--fixed-cta-position-mobile);
    --header-grid-row-1-size-notebook: 60px;
    --header-grid-row-1-size-mobile: 40px;
    --header-grid-row-1-size: var(--header-grid-row-1-size-mobile);
    --header-grid-row-2-size-notebook: 45px;
    --header-grid-row-2-size-mobile: 80px;
    --header-grid-row-2-size: var(--header-grid-row-2-size-mobile);
    --header-stick-height: calc(
        var(--header-grid-row-1-size) + var(--header-grid-row-2-size)
    );
    --header-height-notebook: 125px;
    --header-height-mobile: 120px;
    --header-height: var(--header-height-mobile);
    --base-icon-size: 40px;
    --icon-menu: 28px;
    --icon-fechar: 20px;
    --product-card-height-notebook: 690px;
    --product-card-height-mobile: 600px;
    --product-card-height: var(--product-card-height-mobile);
    --product-card-width-notebook: 390px;
    --product-card-width-mobile: 296px;
    --product-card-width: var(--product-card-width-mobile);
    --product-card-gutter: 15px;
}

.-sticky-header {
    --header-grid-row-1-size-notebook: 40px;
    --header-grid-row-2-size-notebook: 103px;
}

@media only screen and (min-width: 768px) {
    :root {
        --gutter: var(--gutter-tablet);
        --column: var(--column-tablet);
    }
}

@media only screen and (min-width: 1025px) {
    :root {
        --gutter: var(--gutter-notebook);
        --column: var(--column-notebook);
        --fixed-cta-position: var(--fixed-cta-position-notebook);
        --header-grid-row-1-size: var(--header-grid-row-1-size-notebook);
        --header-grid-row-2-size: var(--header-grid-row-2-size-notebook);
        --header-height: var(--header-height-notebook);
        --product-card-height: var(--product-card-height-notebook);
        --product-card-width: var(--product-card-width-notebook);
    }
}

* {
    --box-size: calc(
        (
                (var(--column) + var(--gutter)) *
                    var(--set-box-size, var(--columns))
            ) -
            var(--gutter)
    );
    --set-box-size: initial;
    --box-size-liquid: calc(100% / var(--set-box-size-liquid, 1));
    --set-box-size-liquid: initial;
}

form .form-feedback {
    --fd: column;
    top: -15px;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    background: var(--color-1);
    transition: opacity 0.3s ease-in-out;
}

form .form-feedback .title {
    --fs-n: 24px;
    --fs-m: 20px;
    --lh-n: 32px;
    --lh-m: 26px;
    --ls-n: 0.58px;
    --ls-m: 0.48px;
}

form .form-feedback .description {
    --fs-n: 18px;
    --fs-m: 16px;
    --lh-n: 28px;
    --lh-m: 22px;
    --ls-n: 1.8px;
    --ls-m: 0.38px;
    font-weight: var(--regular);
}

form .form-feedback .message-error,
form .form-feedback .message-success {
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0.3s;
}

form .form-feedback .button {
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0.6s;
}

form .form-feedback .message-error,
form .form-feedback .message-success {
    height: 0;
    overflow: hidden;
}

form.-show-message-success .form-feedback,
form.-show-message-error .form-feedback {
    opacity: 1;
    pointer-events: all;
}

form.-show-message-success .form-feedback .button,
form.-show-message-error .form-feedback .button {
    opacity: 1;
}

form.-show-message-success .form-feedback .message-success {
    height: auto;
    opacity: 1;
}

form.-show-message-error .form-feedback .message-error {
    height: auto;
    opacity: 1;
}

* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}

html {
    background-color: var(--main-background-color);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

:is(body, button, form, input, select) {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: var(--main-text-color);
    font-family: var(--main-font-family);
    font-weight: var(--main-font-weight);
}

body {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--grid);
    width: var(--box-size-liquid);
}

strong,
b {
    font-weight: var(--medium);
}

figure {
    margin: 0;
}

a:focus,
button:focus,
select:focus,
input:focus {
    outline: 0;
}

form {
    position: relative;
}

form:valid button[type="submit"] {
    opacity: 1;
    pointer-events: all;
}

form button[type="submit"],
form button:disabled {
    opacity: 0.5;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

:not(html) {
    --p-fs-d: var(--fs-d, var(--fs, var(--p-fs-n)));
    --p-fs-n: var(--fs-n, var(--fs, var(--p-fs-t)));
    --p-fs-t: var(--fs-t, var(--fs, var(--p-fs-m)));
    --p-fs-m: var(--fs-m, var(--fs, 1rem));
    --p-fs: var(--p-fs-m);
    font-size: var(--p-fs);
    --p-ls-d: var(--ls-d, var(--ls, var(--p-ls-n)));
    --p-ls-n: var(--ls-n, var(--ls, var(--p-ls-t)));
    --p-ls-t: var(--ls-t, var(--ls, var(--p-ls-m)));
    --p-ls-m: var(--ls-m, var(--ls, 0));
    --p-ls: var(--p-ls-m);
    letter-spacing: var(--p-ls);
    --p-lh-d: var(--lh-d, var(--lh, var(--p-lh-n)));
    --p-lh-n: var(--lh-n, var(--lh, var(--p-lh-t)));
    --p-lh-t: var(--lh-t, var(--lh, var(--p-lh-m)));
    --p-lh-m: var(--lh-m, var(--lh, 1em));
    --p-lh: var(--p-lh-m);
    line-height: var(--p-lh);
}

.max-width {
    --p-mx-w-d: var(--mx-w-d, var(--mx-w, var(--p-mx-w-n)));
    --p-mx-w-n: var(--mx-w-n, var(--mx-w, var(--p-mx-w-t)));
    --p-mx-w-t: var(--mx-w-t, var(--mx-w, var(--p-mx-w-m)));
    --p-mx-w-m: var(--mx-w-m, var(--mx-w, none));
    --p-mx-w: var(--p-mx-w-m);
    max-width: var(--p-mx-w);
}

@media only screen and (min-width: 768px) {
    :not(html) {
        --p-fs: var(--p-fs-t);
        --p-ls: var(--p-ls-t);
        --p-lh: var(--p-lh-t);
    }

    .max-width {
        --p-mx-w: var(--p-mx-w-t);
    }
}

@media only screen and (min-width: 1025px) {
    :not(html) {
        --p-fs: var(--p-fs-n);
        --p-ls: var(--p-ls-n);
        --p-lh: var(--p-lh-n);
    }

    .max-width {
        --p-mx-w: var(--p-mx-w-n);
    }
}

@media only screen and (min-width: 1441px) {
    :not(html) {
        --p-fs: var(--p-fs-d);
        --p-ls: var(--p-ls-d);
        --p-lh: var(--p-lh-d);
    }

    .max-width {
        --p-mx-w: var(--p-mx-w-d);
    }
}

a {
    --c-d: inherit;
    --c-h: var(--c-d);
    --c: var(--c-d);
    color: var(--c);
    text-decoration: var(--td, none);
    transition: color 0.3s ease-in-out;
}

a:focus,
a:hover {
    --c: var(--c-h);
}

.absolute-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.anchor {
    --offset-from-stick-menu: calc((var(--header-stick-height) + 40px) * -1);
    border: 0;
    left: 0;
    margin: 0;
    position: absolute;
    top: var(--offset-from-stick-menu);
}

.background {
    background-color: var(--custom-color, var(--color-11));
    bottom: var(--ps-b, auto);
    height: var(--h, 100%);
    left: var(--ps-l, 0);
    pointer-events: none;
    position: absolute;
    right: var(--ps-r, auto);
    top: var(--ps-t, 0);
    width: var(--w, 100%);
    z-index: var(--z-i, var(--behind));
}

.background.content::before {
    color: var(--custom-color, var(--color-12));
    content: attr(data-background-content);
    display: block;
}

.background.fibra {
    --size-h: var(--size-h-mobile);
    --size-w: var(--size-w-mobile);
    --size-h-mobile: 156px;
    --size-w-mobile: 320px;
    --size-h-notebook: 376px;
    --size-w-notebook: 1157px;
}

.background.fibra .left,
.background.fibra .right {
    background-repeat: no-repeat;
    display: block;
    height: var(--size-h);
    filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.65));
    position: absolute;
    width: var(--size-w);
}

.background.fibra .left img,
.background.fibra .right img {
    display: block;
    height: 100%;
    width: 100%;
}

.background.fibra .left {
    bottom: 0;
    left: 0;
}

.background.fibra .right {
    right: 0;
    top: 0;
}

.background.shape {
    --bgi-mobile: var(--bgi-m);
    --bgi-notebook: var(--bgi-n, var(--bgi-m));
    --bgi: var(--bgi-mobile);
    --custom-color: transparent;
    --z-i: calc(var(--behind) + 2);
    background-image: var(--bgi);
    background-position: var(--custom-background-position, top 0 left 0);
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 1025px) {
    .background.fibra {
        --size-h: var(--size-h-notebook);
        --size-w: var(--size-w-notebook);
    }

    .background.fibra .left,
    .background.fibra .right {
        transition: transform 0.5s ease-in-out;
    }

    .background.fibra .left {
        transform: translate(-100%, 125%);
    }

    .background.fibra .right {
        transform: translate(100%, -125%);
    }

    .background.shape {
        --bgi: var(--bgi-notebook);
    }
}

.bleed {
    --make-it-bleed: calc((100vw - 100%) / 2);
    --stop-bleeding: var(--make-it-bleed);
    --bleed: calc(var(--make-it-bleed) * -1);
    margin-left: var(--bleed);
    margin-right: var(--bleed);
}

.bleed.left {
    margin-right: 0;
}

.bleed.right {
    margin-left: 0;
}

.bleed.less-the-content {
    padding-left: var(--stop-bleeding);
    padding-right: var(--stop-bleeding);
}

.bleed.left.less-the-content {
    padding-right: 0;
}

.bleed.right.less-the-content {
    padding-left: 0;
}

.box-icon {
    aspect-ratio: var(--apr, 1);
    height: var(--h, auto);
    width: var(--w, 100%);
}

.box {
    --bgc-d: var(--color-1);
    --bgc-h: var(--bgc-h-custom, var(--color-7));
    --bgc: var(--bgc-d-custom, var(--bgc-d));
    background-color: var(--bgc);
    display: block;
    height: 100%;
    transition: background-color 0.3s ease-in-out;
    width: 100%;
}

.box:focus,
.box:hover {
    --bgc: var(--bgc-h);
}

.button {
    --bgc-d: var(--color-8);
    --bgc-h: var(--bgc-h-custom, var(--color-7));
    --bgc: var(--bgc-d-custom, var(--bgc-d));
    --c-d: var(--color-10);
    --c-h: var(--c-h-custom, var(--c-d));
    --c: var(--c-d-custom, var(--c-d));
    --fs: 18px;
    --lh: 21px;
    align-content: center;
    background-color: var(--bgc);
    border-color: var(--bgc);
    border-radius: var(--radius-s);
    border-style: solid;
    border-width: var(--border-m);
    color: var(--c);
    cursor: pointer;
    display: flex;
    justify-content: center;
    max-width: var(--mx-w, none);
    padding: var(--pd, 10px 26px);
    text-decoration: none;
    transition-duration: 0.3s;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
}

.button:focus {
    border-color: var(--c);
}

.button:hover {
    --bgc: var(--bgc-h);
    --c: var(--c-h);
}

.button.wire {
    --wire-color: var(--color-1);
    --bgc-d-custom: transparent;
    --c-d-custom: var(--wire-color);
    border-color: var(--c);
}

.button.wire:focus {
    --c-d: var(--color-14);
    border-color: var(--color-14);
}

.button.wire:focus:hover {
    --c-d: var(--color-10);
}

.button.wire:hover {
    border-color: var(--bgc);
}

.button.pill {
    --pd-t: var(--pd-t-custom, 16px);
    --pd-b: var(--pd-b-custom, 16px);
    --radius: var(
        --radius-custom,
        calc((var(--pd-t) + var(--pd-b) + var(--p-lh)) / 2)
    );
    --pd: var(--pd-t) var(--pd-r-custom, 26px) var(--pd-t)
        var(--pd-l-custom, 26px);
    border-radius: var(--radius);
}

.center-content {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.custom-scrollbar-mobile {
    --scroll-thumb-background: transparent;
    --scroll-thumb-background-hover: var(--scroll-thumb-background);
    --scrollbar-background: transparent;
    --scrollbar-width-firefox: thin;
    --scrollbar-width-chromium: 0;
    scrollbar-color: var(--scroll-thumb-background) var(--scrollbar-background);
    scrollbar-width: var(--scrollbar-width-firefox);
}

.custom-scrollbar-mobile::-webkit-scrollbar {
    background: var(--scrollbar-background);
    width: var(--scrollbar-width-chromium);
    height: var(--scrollbar-width-chromium);
}

.custom-scrollbar-mobile::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb-background);
    border: solid 1px var(--scroll-thumb-background);
}

.custom-scrollbar-mobile::-webkit-scrollbar-thumb:hover {
    background: var(--scroll-thumb-background-hover);
}

.flex {
    align-content: var(--alc, center);
    display: var(--dp, flex);
    flex-direction: var(--fd, row);
    flex-wrap: var(--fw, wrap);
    justify-content: var(--jc, space-between);
    width: var(--w, auto);
}

.holder-icon {
    aspect-ratio: var(--custom-ratio, 1);
    width: var(--custom-icon-size, var(--base-icon-size, 40px));
}

.link {
    --c-d: var(--color-13);
    --c-h: var(--color-10);
    --c: var(--c-d);
    color: var(--c);
    text-decoration: var(--td, underline);
    transition: color 0.3s ease-in-out;
}

.link:focus,
.link:hover {
    --c: var(--c-h);
}

.link:is(button) {
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}

.list-grid {
    --set-box-size: var(--set-column-size-mobile, 2);
    display: grid;
    grid-column-gap: var(--gutter);
    grid-row-gap: var(--gutter);
    grid-template-columns: repeat(
        auto-fit,
        minmax(var(--custom-column-size, var(--box-size, 1fr)), 1fr)
    );
}

@media only screen and (min-width: 1025px) {
    .list-grid {
        --set-box-size: var(--set-column-size-notebook, 1);
    }
}

picture {
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

picture img {
    aspect-ratio: var(--apr, auto);
    display: block;
    font-size: 1rem;
    height: auto;
    width: var(--box-size-liquid);
}

.reset-list {
    list-style: var(--lts, none);
    margin: var(--mg, 0);
    padding: var(--pd, 0);
}

.screen-reader-only {
    display: block;
    height: 1px;
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    width: 1px;
}

.header-support-menu {
    --fs-n: 14px;
    --fs-m: 18px;
    --lh-n: 17px;
    --lh-m: 21px;
    font-weight: var(--regular);
}

.-sticky-header .header-support-menu {
    --fs-n: 12px;
    --lh-n: 15px;
}

@media only screen and (min-width: 1025px) {
    .header-support-menu {
        font-weight: var(--medium);
    }

    .header-support-menu .reset-list {
        width: var(--box-size-liquid);
    }

    .header-support-menu a {
        --c-d: var(--color-12);
        --c-h: var(--color-1);
    }

    .active-link {
        color: #f7b600 !important;
        border-bottom: 4px solid;
    }

    .-sticky-header .header-support-menu {
        font-weight: var(--light);
    }

    .-sticky-header .header-support-menu .reset-list li:not(li:last-of-type) {
        margin-right: 40px;
    }

    .-sticky-header .header-support-menu a {
        --c-d: var(--color-10);
        --c-h: var(--color-0);
    }
}

.main-header .wrapper-logo {
    display: block;
    height: 24px;
    width: 148px;
}

.-mobile-menu-opened .main-header .wrapper-logo,
.-sticky-header .main-header .wrapper-logo {
    --custom-brand-color-1: #fff;
    --custom-brand-color-2: var(--color-logo-2);
}

.main-footer .wrapper-logo {
    --change-full-color: var(--color-1);
    height: 32px;
    margin-bottom: 40px;
    margin-left: 16px;
    width: 200px;
}

.main-footer .wrapper-logo:hover {
    --custom-brand-color-1: var(--color-logo-1);
    --custom-brand-color-2: var(--color-logo-2);
}

@media only screen and (min-width: 1025px) {
    .main-header .wrapper-logo {
        height: 41px;
        width: 256px;
    }

    .-sticky-header .main-header .wrapper-logo {
        height: 32px;
        width: 200px;
    }

    .main-footer .wrapper-logo {
        height: 35px;
        margin-bottom: 24px;
        margin-left: 0;
        width: 221px;
    }
}

.nav-cities {
    --icon-seta-size: 12px;
    position: relative;
}

.nav-cities.open {
    z-index: 26 !important;
}

.nav-cities .nav-select {
    --fs-n: 16px;
    --fs-m: 14px;
    --lh-n: 19px;
    --lh-m: 17px;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: var(--color-1);
    cursor: pointer;
    font-weight: var(--regular);
    padding-right: calc(var(--icon-seta-size) + 18px);
    text-align: right;
    width: var(--box-size-liquid);
}

.nav-cities .nav-select:hover,
.nav-cities .nav-select:focus {
    color: var(--color-7);
}

.nav-cities .nav-select option {
    color: var(--color-10);
    background-color: var(--color-1);
}

.nav-cities .nav-select option:checked {
    background-color: var(--color-10);
    color: var(--color-1);
}

.nav-cities .nav-select:hover ~ .seta,
.nav-cities .nav-select:focus ~ .seta {
    --custom-color: var(--color-7);
}

.nav-cities .seta {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--icon-seta-size);
}

.-mobile-menu-opened .nav-cities .nav-select,
.-sticky-header .nav-cities .nav-select {
    color: var(--color-0);
}

.-mobile-menu-opened .nav-cities .nav-select:hover ~ .seta,
.-sticky-header .nav-cities .nav-select:hover ~ .seta,
.-mobile-menu-opened .nav-cities .nav-select:focus ~ .seta,
.-sticky-header .nav-cities .nav-select:focus ~ .seta {
    --custom-color: var(--color-10);
}

.-mobile-menu-opened .nav-cities .seta,
.-sticky-header .nav-cities .seta {
    --custom-color: var(--color-7);
}

@media only screen and (min-width: 1025px) {
    .nav-cities .nav-select {
        font-weight: var(--medium);
    }
}

.nav-cities .select_holder {
    display: flex;
    justify-content: flex-end;
}

.nav-cities .select_holder .select-cidade {
    position: relative;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    column-gap: 16px;
    padding: 0;
    background-color: transparent;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer;
}

.nav-cities .select_holder .select-cidade .icones {
    position: relative;
    width: 12px;
}

.nav-cities .select_holder .select-cidade .icones::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    right: 7px;
    width: 8px;
    height: 2px;
    background-color: white;
    transform: rotate(-45deg);
    border-radius: 10px;
    transition: 0.4s;
}

.nav-cities .select_holder .select-cidade .icones::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    right: 7px;
    margin-right: 5px;
    width: 8px;
    height: 2px;
    background-color: white;
    transform: rotate(45deg);
    border-radius: 10px;
    transition: 0.4s;
}

.nav-cities .select_holder .select-cidade:hover .icones::before,
.nav-cities .select_holder .select-cidade:hover .icones::after {
    background-color: #f7b600;
}

.nav-cities .modal-fundo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    pointer-events: none;
    transition: all ease 0.3s;
}
.nav-cities .modal-fundo.open {
    opacity: 0.4;
    pointer-events: all;
}

.nav-cities .modal-cidade {
    position: fixed;
    top: 56px;
    left: 50%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    width: calc(100% - 64px);
    max-width: 400px;
    padding: 24px;
    background-color: #fafafa;
    border-radius: 16px;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity ease 0.3s;
}
@media (min-width: 480px) {
    .nav-cities .modal-cidade {
        position: absolute;
        left: initial;
        right: 0;
        width: 400px;
        transform: none;
    }
}
@media (min-width: 1200px) {
    .nav-cities .modal-cidade {
        top: initial;
        bottom: -8px;
        right: 0;
        background-color: white;
        transform: translateY(100%);
    }
}
.nav-cities .modal-cidade_header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 24px;
}
@media (min-width: 1200px) {
    .nav-cities .modal-cidade_header {
        flex-direction: row;
    }
}
.nav-cities .modal-cidade_header_titulo {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.6px;
    font-weight: 700;
}
.nav-cities .modal-cidade_header_titulo span {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.6px;
    /* font-weight: 500; */
}
.nav-cities .modal-cidade_header_texto {
    margin-top: 0;
    line-height: normal;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}
.nav-cities .modal-cidade_btn-fechar {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.nav-cities .modal-cidade_alerta-sucesso {
    display: none;
    align-items: center;
    column-gap: 16px;
    margin-top: 8px;
    padding: 16px;
    background-color: #def9ed;
    border: 1px solid #0e6b4f;
    border-radius: 8px;
}
.nav-cities .modal-cidade_alerta-sucesso_texto {
    margin-top: 0;
    margin-bottom: 0;
    color: #0e6b4f;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.nav-cities .modal-cidade_alerta-sucesso.open {
    display: flex;
}
.nav-cities .modal-cidade_pesquisa {
    position: relative;
    padding: 0;
    border: none;
}
.nav-cities .modal-cidade_pesquisa_icone {
    position: absolute;
    top: 16px;
    left: 16px;
    pointer-events: none;
}
.nav-cities .modal-cidade_pesquisa_input {
    width: 100%;
    height: 56px;
    padding: 16px 0 16px 56px;
    background-color: white;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}
.nav-cities .modal-cidade_pesquisa_input::placeholder {
    color: #948f7b;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.nav-cities .modal-cidade_pesquisa_input:focus {
    outline: none;
    box-shadow: none;
}
.nav-cities .modal-cidade_pesquisa_input.open {
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
}
.nav-cities .modal-cidade_resultado {
    display: none;
    height: 145px;
    padding: 12px 0;
    background-color: white;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid #e6e6e6;
    overflow: auto;
}
.nav-cities .modal-cidade_resultado.open {
    display: block;
}
.nav-cities .modal-cidade_resultado_lista {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav-cities .modal-cidade_resultado_lista_item {
    padding: 4px 16px;
    color: #35302d;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.nav-cities .modal-cidade_resultado_lista_item:hover {
    background-color: #f4f4f4;
    cursor: pointer;
}
.nav-cities .modal-cidade_lista-wrapper {
    margin-top: 24px;
}
@media (min-width: 1200px) {
    .nav-cities .modal-cidade_lista-wrapper {
        width: 80%;
    }
}
.nav-cities .modal-cidade_lista-wrapper_titulo {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.6px;
    /* font-weight: 500; */
}
.nav-cities .modal-cidade_lista-wrapper_texto {
    margin-top: 0;
    line-height: normal;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}
.nav-cities .modal-cidade_lista {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    margin-bottom: 24px;
    row-gap: 16px;
    height: 156px;
    padding: 16px;
    background-color: white;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    list-style: none;
    overflow: auto;
}
@media (min-width: 1200px) {
    .nav-cities .modal-cidade_lista {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 60px;
        margin-bottom: 32px;
        padding: 0;
        background-color: transparent;
        border: none;
        border-radius: 0;
        height: auto;
        overflow: visible;
    }
}
.nav-cities .modal-cidade_lista_item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.nav-cities .modal-cidade_lista_item_span {
    color: #ae2e2a;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: underline;
    cursor: pointer;
}
.nav-cities .modal-cidade_step1 {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.nav-cities .modal-cidade_step2 {
    display: none;
    width: 100%;
}
@media (min-width: 1200px) {
    .nav-cities .modal-cidade_step2 .modal-cidade_header {
        align-items: center;
        flex-direction: row;
    }
}
@media (max-width: 1199px) {
    .nav-cities .modal-cidade_step2 .button {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
.nav-cities .modal-cidade.open {
    opacity: 1;
    pointer-events: all;
}
.nav-cities .modal-cidade .button.wire {
    --wire-color: var(--color-10);
}
.nav-cities .modal-cidade-escolher {
    position: fixed;
    max-width: 890px;
    animation: escolher-mobile ease 0.3s;
}
@media (min-width: 480px) {
    .nav-cities .modal-cidade-escolher {
        right: 50%;
        width: calc(100% - 64px);
        transform: translateX(50%);
    }
}
@media (min-width: 1200px) {
    .nav-cities .modal-cidade-escolher {
        bottom: 50%;
        width: 890px;
        transform: translate(50%, 50%);
        animation: escolher-desktop ease 0.3s;
    }
}
.nav-cities .modal-cidade-escolher .modal-cidade_btn-fechar {
    display: block;
}
.nav-cities .modal-cidade-escolher .modal-cidade_step1 {
    display: none;
}
.nav-cities .modal-cidade-escolher .modal-cidade_step2 {
    display: block;
}

/* .-mobile-menu-opened .main-header,  */
.-sticky-header .main-header .nav-cities .select_holder .select-cidade {
    color: black;
}
.-sticky-header
    .main-header
    .nav-cities
    .select_holder
    .select-cidade
    .icones::before,
.-sticky-header
    .main-header
    .nav-cities
    .select_holder
    .select-cidade
    .icones::after {
    background-color: black;
}

@keyframes escolher-desktop {
    0% {
        bottom: -8px;
        right: 0;
        transform: translateY(100%);
        opacity: 0;
    }
    1% {
        bottom: 49%;
        right: 50%;
        transform: translate(50%, 50%);
        opacity: 0;
    }
    100% {
        bottom: 50%;
        opacity: 1;
    }
}
@keyframes escolher-mobile {
    0% {
        top: 65px;
        opacity: 0;
    }
    100% {
        top: 56px;
        opacity: 1;
    }
}

.header-products-menu {
    --fs-n: 18px;
    --fs-m: 20px;
    --lh-n: 21px;
    --lh-m: 24px;
    --ls-n: 0;
    --ls-m: 1.6px;
    text-transform: uppercase;
}

@media only screen and (min-width: 1025px) {
    .header-products-menu {
        text-transform: none;
    }

    .header-products-menu .reset-list {
        width: var(--box-size-liquid);
    }

    .header-products-menu a {
        --c-d: var(--color-1);
        --c-h: var(--color-7);
    }

    .-sticky-header .header-products-menu a {
        /* --c-d: var(--color-10); */
        --c-h: var(--color-7);
    }
}

.wrapper-cta-header {
    bottom: calc(var(--fixed-cta-position) * -1);
    left: auto;
    position: fixed;
    right: auto;
    transition: bottom 0.3s ease-in-out;
    width: var(--box-size);
    z-index: calc(var(--stick) - 1);
}

.-scroll-down .wrapper-cta-header {
    bottom: 16px;
    /*justify-self: center*/
}
.-scroll-up .wrapper-cta-header {
    bottom: 16px;
    /*justify-self: center*/
}

@media (max-width: 767px) {
    .-scroll-down .wrapper-cta-header {
        justify-self: center;
    }
    .-scroll-up .wrapper-cta-header {
        justify-self: center;
    }
}

@media only screen and (min-width: 1025px) {
    .wrapper-cta-header {
        position: static;
        width: auto;
    }

    .wrapper-cta-header .cta-header {
        --wire-color: var(--color-1);
        --bgc-d-custom: transparent;
        --c-d-custom: var(--wire-color);
        border-color: var(--c);
        margin-left: auto;
        max-width: 175px;
        padding-left: 0;
        padding-right: 0;
    }

    .wrapper-cta-header .cta-header:hover {
        border-color: var(--bgc);
    }

    .-sticky-header .wrapper-cta-header .cta-header {
        --wire-color: var(--color-8);
        --bgc-d-custom: var(--color-8);
        --c-d-custom: var(--color-10);
        border-color: var(--bgc);
    }
}

.button-mobile-menu {
    background: transparent;
    border: 0;
    cursor: pointer;
    position: relative;
}

.button-mobile-menu .menu {
    --custom-icon-size: var(--icon-menu);
    opacity: 1;
}

.button-mobile-menu .fechar {
    --custom-icon-size: var(--icon-fechar);
    opacity: 0;
}

.button-mobile-menu .menu,
.button-mobile-menu .fechar {
    transition: opacity 0.3s ease-in-out;
}

.-mobile-menu-opened .button-mobile-menu .menu {
    opacity: 0;
}

.-mobile-menu-opened .button-mobile-menu .fechar {
    opacity: 1;
}

.-mobile-menu-opened .button-mobile-menu .menu,
.-sticky-header .button-mobile-menu .menu {
    --custom-color: #fff;
}

@media only screen and (min-width: 1025px) {
    .button-mobile-menu {
        display: none;
    }
}

.wrapper-mobile-menu {
    --scroll-thumb-background: var(--color-11);
    background: var(--color-1);
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    position: fixed;
    pointer-events: none;
    right: 0;
    top: var(--header-stick-height);
    transition:
        opacity 0.3s ease-in-out,
        top 0.3s ease-in-out;
    z-index: var(--stick);
}

.wrapper-mobile-menu .header-products-menu,
.wrapper-mobile-menu .header-support-menu {
    --fd: column;
    margin: 0 auto;
    width: var(--box-size);
}

.wrapper-mobile-menu .header-products-menu .reset-list li,
.wrapper-mobile-menu .header-support-menu .reset-list li {
    padding: 15px 0;
    border-bottom: solid var(--border-s) var(--color-11);
    width: var(--box-size-liquid);
}

.wrapper-mobile-menu .header-products-menu .reset-list {
    --pd: 23px 16px 0;
}

.wrapper-mobile-menu .header-products-menu .reset-list li:first-of-type {
    padding-top: 0;
}

.wrapper-mobile-menu .header-support-menu {
    display: flex;
    flex-direction: column;
}

.wrapper-mobile-menu .header-support-menu .reset-list {
    --pd: 0 16px 23px;
}

.wrapper-mobile-menu .header-support-menu .segment-client-types {
    order: 2;
}

.wrapper-mobile-menu
    .header-support-menu
    .segment-client-types
    li:first-of-type {
    padding-top: 0;
}

.wrapper-mobile-menu
    .header-support-menu
    .segment-client-types
    li:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.wrapper-mobile-menu .header-support-menu .others-contents {
    order: 1;
}

.-mobile-menu-opened {
    overflow: hidden;
}

.-mobile-menu-opened .wrapper-mobile-menu {
    opacity: 1;
    pointer-events: all;
}

@media only screen and (min-width: 1025px) {
    .wrapper-mobile-menu {
        display: none;
    }
}

.main-header {
    --header-grid-row-1-color: transparent;
    --header-grid-row-2-color: transparent;
    align-items: center;
    background-image: linear-gradient(
        180deg,
        var(--header-grid-row-1-color) 0,
        var(--header-grid-row-1-color) var(--header-grid-row-1-size),
        var(--header-grid-row-2-color) calc(var(--header-grid-row-1-size) + 1px),
        var(--header-grid-row-2-color)
            calc(
                (
                        var(--header-grid-row-1-size) +
                            var(--header-grid-row-2-size)
                    ) -
                    2px
            ),
        var(--header-grid-row-1-color)
            calc(var(--header-grid-row-1-size) + var(--header-grid-row-2-size))
    );
    display: grid;
    grid-template-rows: var(--header-grid-row-1-size) var(
            --header-grid-row-2-size
        );
    left: 0;
    position: sticky;
    top: calc((var(--header-stick-height) + 20px) * -1);
    transition: top 0.3s ease-in-out;
    z-index: var(--stick);
}

.main-header .header-support-menu,
.main-header .header-products-menu {
    display: none;
}

.main-header .wrapper-logo,
.main-header .button-mobile-menu,
.main-header .menus,
.main-header .nav-cities {
    z-index: var(--stick);
}

.-mobile-menu-opened .main-header,
.-sticky-header .main-header {
    --header-grid-row-1-color: var(--color-11);
    --header-grid-row-2-color: #6f1e1b;
    box-shadow: var(--box-shadow-1);
}

.-sticky-header .main-header {
    top: calc(var(--header-grid-row-1-size) * -1);
}

.-sticky-header.-mobile-menu-opened .main-header,
.-sticky-header.-scroll-up .main-header {
    top: 0;
}

@media only screen and (max-width: 1024px) {
    .main-header {
        grid-template-areas: "a a" "b c";
        grid-template-columns: auto auto;
    }

    .main-header .nav-cities {
        grid-area: a;
    }

    .main-header .button-mobile-menu {
        grid-area: c;
        margin-left: auto;
    }

    .main-header .wrapper-logo {
        grid-area: b;
    }
}

@media only screen and (min-width: 1025px) {
    .main-header {
        grid-template-areas: "b b c" "a d e";
        grid-template-columns: 304px auto 259px;
    }

    .main-header .wrapper-logo {
        grid-area: a;
    }

    .main-header .header-support-menu {
        grid-area: b;
    }

    .main-header .nav-cities {
        grid-area: c;
    }

    .main-header .header-products-menu {
        grid-area: d;
    }

    .main-header .wrapper-cta-header {
        grid-area: e;
    }

    .main-header .header-support-menu,
    .main-header .header-products-menu {
        display: flex;
    }

    .main-header .segment-client-types {
        margin-right: auto;
        width: auto;
    }

    .main-header .segment-client-types li:first-child {
        margin-right: 24px;
    }

    .main-header .others-contents {
        max-width: 637px;
        width: 100%;
    }

    html:not(.-mobile-menu-opened .menus, .-sticky-header) .menus {
        text-shadow: var(--text-shadow);
    }
}

.footer-legal-menu {
    --fs-n: 20px;
    --fs-m: 18px;
    --lh-n: 24px;
    --lh-m: 21px;
    --ls: 1px;
    padding: 40px 16px;
    width: var(--box-size-liquid);
}

.footer-legal-menu .flex {
    --alc: flex-start;
}

.footer-legal-menu .flex li:not(li:last-of-type) {
    margin-bottom: 24px;
}

@media only screen and (min-width: 1025px) {
    .footer-legal-menu {
        --fw: wrap;
        align-items: center;
        max-width: calc(var(--grid) - (270px + 90px));
        padding-left: 106px;
        padding-right: 0;
    }

    .footer-legal-menu .flex li {
        margin-bottom: 16px;
        margin-top: 16px;
    }
}

.footer-support-menu {
    --fs-n: 20px;
    --fs-m: 18px;
    --lh-n: 24px;
    --lh-m: 21px;
    --ls: 1px;
    width: var(--box-size-liquid);
}

.footer-support-menu .flex {
    --alc: flex-start;
}

.footer-support-menu .flex li:not(li:last-of-type) {
    margin-bottom: 24px;
}

.footer-support-menu .flex {
    --dp: block;
    column-count: 1;
    column-gap: 10px;
}

@media only screen and (max-width: 1025px) {
    .footer-support-menu li:nth-child(4n) {
        border-bottom: solid 1px #514a45;
        padding-bottom: 30px;
        margin-bottom: 30px !important;
    }

    .footer-support-menu {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media only screen and (min-width: 1025px) {
    .footer-support-menu {
        --fw: wrap;
        align-items: center;
        max-width: calc(var(--grid) - (270px + 90px));
        padding-left: 106px;
        padding-right: 0;
    }

    .footer-support-menu .flex {
        --dp: block;
        column-count: 3;
        column-gap: 10px;
    }

    .footer-support-menu .flex li {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .footer-support-menu .flex li:first-child {
        margin-top: 0;
    }

    .footer-support-menu .flex li:not(li:last-of-type) {
        margin-bottom: 0;
    }
}

.social-menu {
    --border: solid var(--border-s) var(--color-2);
    border-bottom: var(--border);
    padding: 40px 16px;
    width: var(--box-size-liquid);
}

.social-menu .flex {
    --fd: row;
}

.social-menu a:focus,
.social-menu a:hover {
    --custom-color: var(--color-7);
}

.social-menu .message {
    --fs: 16px;
    --lh: 28px;
    --ls: 2px;
    margin-bottom: 0;
    margin-top: 40px;
}

@media only screen and (min-width: 1025px) {
    .social-menu {
        border-bottom: 0;
        border-right: var(--border);
        padding: 10px 90px 10px 0;
        max-width: calc(280px + 90px);
    }
}

.main-footer a {
    --c-h: var(--color-7);
}

.top-footer {
    background-color: var(--color-3);
    color: var(--color-1);
    font-weight: var(--regular);
}

.top-footer.flex {
    --fd: column;
}

.bottom-footer {
    background-color: var(--color-10);
    color: var(--color-11);
    font-weight: var(--light);
    padding: 40px;
}

@media only screen and (min-width: 1025px) {
    .top-footer {
        align-items: center;
    }

    .top-footer.flex {
        --fd: row;
        --fw: nowrap;
    }

    .bottom-footer {
        padding: 32px;
    }
}

.button-city-name {
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--color-1);
    cursor: pointer;
    padding: 0;
    text-align: left;
    width: 100%;
}

.button-city-name:hover,
.button-city-name:focus {
    color: var(--color-7);
    font-weight: var(--bold);
}

.city-selector-form-content {
    padding-top: 40px;
}

.city-selector-form-content .title {
    --fs-n: 32px;
    --fs-m: 22px;
    --lh-n: 38px;
    --lh-m: 26px;
    --ls-n: 3.2px;
    --ls-m: 2.2px;
    color: var(--color-1);
    font-weight: var(--medium);
    text-transform: uppercase;
}

.city-selector-form-content .form-content {
    width: 100%;
}

.city-selector-form-content .form-content .field {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    color: var(--color-1);
    cursor: text;
    width: 100%;
}

.city-selector-form-content .form-content .field:focus {
    border-bottom: 1px solid var(--color-7);
    transition: 0.2s ease-in;
}

.city-selector-form-content .form-content .field:focus ~ .label,
.city-selector-form-content .form-content .field:valid ~ .label {
    --fs: 12px;
    --lh: 15px;
    top: -1.4em;
}

.city-selector-form-content .form-content .label {
    --fs: 18px;
    --lh: 22px;
    color: var(--color-1);
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: 0.2s ease-in-out;
}

.city-selector-form-content .content-list .content-list-item {
    --fs: 18px;
    --lh: 24px;
    font-weight: var(--regular);
    transition-duration: 0.2s;
    transition-property: font-size, font-weight, line-height, margin-left;
    transition-timing-function: ease-in-out;
}

.city-selector-form-content .content-list .content-list-item .highlight-text {
    color: var(--color-7);
}

@media only screen and (min-width: 1025px) {
    .city-selector-form-content {
        padding-top: 0;
    }

    .city-selector-form-content .form-content .label {
        padding-left: 20px;
        padding-right: 20px;
    }

    .city-selector-form-content .form-content .field {
        margin-left: 20px;
        width: 93%;
    }
}

.modal-city-selector-not-found {
    --spacing-top-mobile: 48px;
    --spacing-bottom-mobile: 24px;
    --spacing-top-notebook: 48px;
    --spacing-bottom-notebook: 48px;
    --title-and-description-margin-mobile: 20px;
    --title-and-description-margin-notebook: 24px;
    --title-and-description-margin: var(--title-and-description-margin-mobile);
    --spacing-top: var(--spacing-top-mobile);
    --spacing-bottom: var(--spacing-bottom-mobile);
}

.modal-city-selector-not-found .modal {
    max-width: 312px;
    padding: var(--spacing-top) 20px var(--spacing-bottom) 20px;
}

.modal-city-selector-not-found .modal .modal-content {
    padding-top: 10px;
}

.modal-city-selector-not-found .modal .modal-title-and-description {
    margin-bottom: var(--title-and-description-margin);
}

.modal-city-selector-not-found .modal .modal-title-and-description .title {
    --fs: 22px;
    --lh: 24px;
    --ls: 0;
    display: block;
    font-weight: var(--bold);
    margin-bottom: 8px;
    text-align: left;
}

@media only screen and (min-width: 1025px) {
    .modal-city-selector-not-found .modal {
        max-width: 590px;
        padding: var(--spacing-top-notebook) 48px var(--spacing-bottom-notebook)
            48px;
    }

    .modal-city-selector-not-found .modal .modal-title-and-description {
        margin-bottom: var(--title-and-description-margin-notebook);
    }

    .modal-city-selector-not-found .modal .modal-title-and-description .title {
        --fs: 24px;
        --lh: 32px;
        --ls: 0;
    }
}

.modal-city-selector-not-found-form,
.form-group {
    display: flex;
    flex-direction: column;
}

.modal-city-selector-not-found-form {
    width: 100%;
}

.modal-city-selector-not-found-form .form-group {
    position: relative;
}

.modal-city-selector-not-found-form .form-group .form-error-message {
    --fs: 12px;
    --lh: 15px;
    margin-top: 4px;
    opacity: 0;
}

.modal-city-selector-not-found-form .form-group.-error .label {
    --fs: 12px;
    --lh: 15px;
    color: var(--color-7);
    opacity: 1;
    outline: none;
    top: -1em;
}

.modal-city-selector-not-found-form .form-group.-error .form-error-message {
    color: var(--color-logo-1);
    opacity: 1;
}

.modal-city-selector-not-found-form .form-group > .field {
    border: none;
    border-bottom: 1px solid var(--color-15);
    cursor: text;
    padding: 4px 0;
}

.modal-city-selector-not-found-form .form-group > .field:focus ~ .label,
.modal-city-selector-not-found-form .form-group > .field:valid ~ .label {
    --fs: 12px;
    --lh: 15px;
    color: var(--color-7);
    opacity: 1;
    top: -1em;
}

.modal-city-selector-not-found-form .form-group > .label {
    --fs: 20px;
    --lh: 24px;
    color: var(--color-15);
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: 0.2s ease-in-out;
}

.modal-city-selector-not-found-form .button {
    margin-top: 10px;
}

.modal-city-selector-not-found-form .city-selector-modal-button-n {
    display: none;
}

.modal-city-selector-not-found-form .wire {
    --wire-color: var(--color-10);
}

@media only screen and (min-width: 1025px) {
    .modal-city-selector-not-found-form .city-selector-modal-button-n {
        display: block;
    }

    .modal-city-selector-not-found-form .city-selector-modal-button-m {
        display: none;
    }
}

html.-city .city-selector {
    opacity: 1;
    visibility: visible;
}

.city-selector {
    --content-list-height-notebook: 411px;
    --content-list-height-mobile: 490px;
    --content-list-height: var(--content-list-height-mobile);
    align-items: center;
    background: transparent
        linear-gradient(
            180deg,
            var(--color-2) 0%,
            var(--color-4) 72%,
            var(--color-6) 100%
        )
        0% 0% no-repeat padding-box;
    flex-direction: column;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100vw;
    z-index: var(--city-selector);
}

.city-selector .wrapper-logo {
    max-width: 260px;
    width: 100%;
}

.city-selector .wrapper-logo img {
    height: 100%;
    width: 100%;
}

.city-selector .city-selector-form-content {
    --fd: column;
    align-items: center;
}

.city-selector .city-selector-form-content .title {
    margin-bottom: 34px;
    margin-top: 0;
}

.city-selector .city-selector-form-content .form-content {
    position: relative;
}

.city-selector .city-selector-form-content .content-list {
    height: calc(100vh - var(--content-list-height));
    margin: 32px auto 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.city-selector .city-selector-form-content .content-list .content-list-item {
    margin-bottom: 18px;
    margin-left: 0;
    margin-top: 18px;
}

.city-selector
    .city-selector-form-content
    .content-list
    .content-list-item:first-child {
    margin-top: 0;
}

.city-selector
    .city-selector-form-content
    .content-list
    .content-list-item:last-child {
    margin-bottom: 0;
}

.city-selector
    .city-selector-form-content
    .content-list
    .content-list-item.-active {
    display: none;
}

.city-selector .city-selector-form-content .custom-scrollbar {
    --scroll-thumb-background-hover: var(--scroll-thumb-background);
    --scroll-thumb-background: var(--color-7);
    --scrollbar-background: var(--color-2);
}

.city-selector .city-selector-form-content .button {
    margin-top: 32px;
}

.city-selector .city-selector-not-found .modal .city-selector-modal-button-m {
    display: block;
}

.city-selector .city-selector-not-found .modal .city-selector-modal-button-n {
    display: none;
}

@media only screen and (min-width: 1025px) {
    .city-selector {
        --content-list-height: var(--content-list-height-notebook);
        align-items: center;
        flex-direction: row;
        justify-content: center;
        width: 100%;
    }

    .city-selector .wrapper-logo {
        margin-right: 110px;
        max-width: 600px;
    }

    .city-selector .wrapper-logo img {
        width: 600px;
    }

    .city-selector .city-selector-form-content {
        align-items: flex-start;
        margin-left: 110px;
        margin-right: 90px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .city-selector .city-selector-form-content .title {
        margin-bottom: 40px;
        margin-top: 0;
        max-width: 240px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .city-selector .city-selector-form-content .form-content .content-list {
        overflow-x: auto;
    }

    .city-selector
        .city-selector-form-content
        .form-content
        .content-list
        .content-list-item {
        margin-left: 0;
        padding-left: 20px;
    }

    .city-selector
        .city-selector-form-content
        .form-content
        .content-list
        .content-list-item
        .button-city-name {
        transition: margin-left 0.2s ease-in-out;
    }

    .city-selector
        .city-selector-form-content
        .form-content
        .content-list
        .content-list-item
        .button-city-name:hover {
        margin-left: -20px;
    }

    .city-selector .city-selector-form-content .form-content .button {
        margin-left: 20px;
        margin-top: 40px;
    }

    .city-selector
        .city-selector-not-found
        .modal
        .city-selector-modal-button-n {
        display: block;
    }

    .city-selector
        .city-selector-not-found
        .modal
        .city-selector-modal-button-m {
        display: none;
    }
}

.-block-scroll {
    overflow: hidden;
}

.wrapper-modal {
    --modal-padding-notebook: 40px;
    --modal-padding-mobile: 20px;
    --modal-padding: var(--modal-padding-mobile);
    --button-position-notebook: 26px;
    --button-position-mobile: 16px;
    --button-position: var(--button-position-mobile);
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity 0.3s ease-in-out;
    width: 100vw;
    z-index: var(--modal);
}

.wrapper-modal.-modal-opened {
    opacity: 1;
    pointer-events: all;
}

.overlay-modal {
    background-color: var(--overlay-modal);
    border: none;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 0.3s ease-in-out;
    width: 100%;
    z-index: calc(var(--modal) -1);
}

.overlay-modal:hover,
.overlay-modal:focus {
    background-color: var(--overlay-modal-hover);
}

.button-close-modal {
    align-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    background-color: transparent;
    border: none;
    color: var(--c);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0;
    transition: color 0.3s ease-in-out;
    width: 22px;
}

.button-close-modal:focus .box-icon,
.button-close-modal:hover .box-icon {
    --custom-color: var(--color-6);
}

.button-close-modal .box-icon {
    --custom-color: var(--color-7);
}

.modal .button-close-modal {
    position: absolute;
    right: var(--button-position);
    top: var(--button-position);
}

.modal-title-and-description {
    --lh: 24px;
    font-weight: var(--regular);
    text-align: center;
}

.modal-title-and-description .title {
    --fs: 28px;
    font-weight: var(--regular);
    margin: 0;
}

.modal-title-and-description .title strong {
    font-weight: var(--bold);
}

.modal-title-and-description .description {
    --fs: 18px;
    margin-bottom: 0;
    margin-top: 8px;
}

.modal-content {
    overflow-y: auto;
}

@media only screen and (min-width: 1025px) {
    .wrapper-modal {
        --modal-padding: var(--modal-padding-notebook);
        --button-position: var(--button-position-notebook);
    }
}

.-cookie .cookie {
    opacity: 1;
    visibility: visible;
}

.cookie {
    background-color: var(--main-background-color);
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 32px 24px 24px;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: var(--cookie);
}

.cookie .cookie-wrapper .button {
    --fs: 18px;
    font-weight: var(--medium);
    margin-top: 26px;
    width: 100%;
}

.cookie .cookie-wrapper .button .box-icon {
    --apr: 3/1;
    --custom-color: var(--c);
    --w: 35px;
    margin-left: 18px;
}

.cookie .cookie-wrapper .button.flex {
    --jc: center;
    align-items: center;
}

.cookie .cookie-wrapper .wire {
    --wire-color: var(--color-10);
}

.cookie .cookie-wrapper .flex {
    --fd: row;
    --jc: flex-start;
    align-items: center;
}

.cookie .cookie-wrapper .description {
    --fs: 18px;
    --lh: 24px;
    --ls: 1.8px;
    color: var(--color-0);
    font-weight: var(--regular);
    margin: 0;
    padding-right: 9px;
    text-align: left;
}

.cookie.-inactive {
    animation: slideDown 0.4s;
    transition: 0.4s ease-in;
    visibility: hidden;
}

@media only screen and (min-width: 1025px) {
    .cookie {
        padding: 16px 0;
        width: 100%;
    }

    .cookie.flex {
        --fd: row;
        --jc: center;
    }

    .cookie .cookie-wrapper {
        width: 70%;
    }

    .cookie .cookie-wrapper.flex {
        --fd: row;
        --jc: space-between;
        align-items: flex-end;
    }

    .cookie .cookie-wrapper .button {
        --fs: 18px;
        font-weight: var(--medium);
        margin-top: 26px;
        width: auto;
    }

    .cookie .cookie-content {
        max-width: 580px;
        width: 65%;
    }
}

@-moz-keyframes slideDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

@-o-keyframes slideDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

/*# sourceMappingURL=common.css.map */
.wrapper-logo img {
    margin-top: 80px;
}

.city-selector .city-selector-form-content .button {
    margin-bottom: 40px;
}

.footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #35302d;
    width: 100%;
    color: #ededed;
    padding: 40px 56px 120px 40px;
}

.footer-menu svg {
    height: 24px;
}

.footer-menu-links {
    display: grid;
    grid-template-columns: repeat(1fr);
    margin-top: 20px;
}

.footer-menu-links-group1 {
    display: flex;
    flex-direction: column;
}

.footer-menu-links-group2 {
    grid-column: 2/3;
    display: flex;
    flex-direction: column;
}

.footer-menu-links a {
    font-size: 16px;
    font-weight: lighter;
    margin: 10px 5px;
}

@media (min-width: 700px) {
    .wrapper-logo img {
        margin-top: 0;
    }

    .footer-menu {
        height: 80px;
        position: fixed;
        bottom: 0;
        padding: 0;
    }

    .footer-menu svg {
        width: 300px;
        height: 30px;
    }

    .footer-menu-content {
        display: flex;
        padding: 10px;
    }

    .footer-menu-links {
        display: flex;
        flex-direction: row;
        align-self: center;
        margin-top: 0;
    }

    .footer-menu-links a {
        margin-bottom: 0;
        font-size: 16px;
        margin-right: 10px;
    }

    .footer-menu-links-group1,
    .footer-menu-links-group2 {
        flex-direction: row;
    }
}

@media (min-width: 1024px) {
    .footer-menu-links a {
        font-size: 18px;
        margin: 0 20px;
    }

    .city-selector .city-selector-form-content .button {
        margin-bottom: 80px;
    }
}

.header-products-menu {
    position: relative;
}

.menu-item-dropdown {
    display: none;
}

.menu-item-dropdown-first {
    display: block;
    color: black;
    transition: all ease 0.3s;
    cursor: pointer;
}

@media (min-width: 1025px) {
    .menu-item-dropdown-first {
        color: white;
    }
}

.offer-contracts .menu-item-dropdown-first,
.offer-contracts .nav-cities .select_holder .select-cidade,
.cobertura .nav-cities .select_holder .select-cidade,
.cobertura .menu-item-dropdown-first,
.mapasite .nav-cities .select_holder .select-cidade,
.mapasite .menu-item-dropdown-first {
    color: var(--color-10);
}

.offer-contracts .nav-cities .select_holder .select-cidade .icones::before,
.offer-contracts .nav-cities .select_holder .select-cidade .icones::after,
.cobertura .nav-cities .select_holder .select-cidade .icones::before,
.cobertura .nav-cities .select_holder .select-cidade .icones::after,
.mapasite .nav-cities .select_holder .select-cidade .icones::before,
.mapasite .nav-cities .select_holder .select-cidade .icones::after {
    background-color: var(--color-10);
}

.cobertura .menu-item-dropdown-first .menu-item::before,
.cobertura .menu-item-dropdown-first .menu-item::after {
    background-color: var(--color-10);
    box-shadow: none;
}

.offer-contracts .button-mobile-menu .menu,
.cobertura .button-mobile-menu .menu .mapasite .button-mobile-menu .menu {
    color: white;
}

@media (max-width: 767px) {
    .offer-contracts .bc-1,
    .cobertura .bc-1,
    .mapasite .bc-1 {
        fill: white;
    }

    .offer-contracts.-mobile-menu-opened .bc-1,
    .offer-contracts.-sticky-header .bc-1,
    .cobertura.-mobile-menu-opened .bc-1,
    .cobertura.-sticky-header .bc-1,
    .mapasite.-mobile-menu-opened .bc-1,
    .mapasite.-sticky-header .bc-1 {
        fill: var(--custom-brand-color-1);
    }
}

.menu-item-dropdown-first .menu-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
}

@media (min-width: 1025px) {
    .menu-item-dropdown-first .menu-item {
        padding: 0;
        border-bottom: none;
    }
}

.menu-item-dropdown-first .menu-item::after {
    content: "";
    display: block;
    margin-right: 12px;
    width: 8px;
    height: 2px;
    background-color: black;
    transform: rotate(45deg);
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out;
}

@media (min-width: 1025px) {
    .menu-item-dropdown-first .menu-item::after {
        margin-right: 0;
        margin-left: 8px;
        background-color: white;
        box-shadow: 1px 1px 2px black;
    }
}

.offer-contracts .menu-item-dropdown-first .menu-item::after {
    background-color: var(--color-10);
}

.menu-item-dropdown-first .menu-item::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    right: 7px;
    width: 8px;
    height: 2px;
    background-color: black;
    transform: rotate(-45deg);
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out;
}

@media (min-width: 1025px) {
    .menu-item-dropdown-first .menu-item::before {
        right: -5px;
        background-color: white;
        box-shadow: 1px 1px 2px black;
    }
}

.offer-contracts .menu-item-dropdown-first .menu-item::before {
    background-color: var(--color-10);
}

.menu-item-dropdown.clicked .menu-item {
    color: #ae2e2a;
}

.menu-item-dropdown.clicked .menu-item::after {
    transform: rotate(-45deg);
    background-color: #ae2e2a;
}

.menu-item-dropdown.clicked .menu-item::before {
    transform: rotate(45deg);
    background-color: #ae2e2a;
}

@media (min-width: 1025px) {
    .menu-item-dropdown-first:hover,
    .menu-item-dropdown-first:focus {
        color: #ebae00;
    }

    .menu-item-dropdown-first .menu-item:hover::after,
    .menu-item-dropdown-first .menu-item:hover::before,
    .menu-item-dropdown-first .menu-item:focus::after,
    .menu-item-dropdown-first .menu-item:focus::before {
        background-color: #ebae00;
    }

    .menu-item-dropdown.clicked .menu-item {
        color: #ebae00;
    }

    .menu-item-dropdown.clicked .menu-item::after {
        background-color: #ebae00;
    }

    .menu-item-dropdown.clicked .menu-item::before {
        background-color: #ebae00;
    }
}

.menu-item-dropdown.active {
    display: block;
    padding: 8px calc((100vw - var(--box-size)) + 16px);
    margin: 0 calc(var(--box-size) - 100vw);
    background-color: #ebae00;
    color: black;
    font-weight: 400;
    text-shadow: none;
}

@media (min-width: 1025px) {
    .menu-item-dropdown.active {
        position: absolute;
        top: 30px;
        left: 0;
        margin: 0;
        padding: 8px 32px;
        width: 285px;
        background-color: white;
    }
}

.menu-item-dropdown.active .menu-item {
    color: inherit;
}

.menu-item-dropdown.active .menu-item:hover {
    color: #ae2e2a;
}

.menu-item-dropdown.active.first {
    padding-top: 24px;
}

@media (min-width: 1025px) {
    .menu-item-dropdown.active.first {
        border-radius: 10px 10px 0 0;
    }
}

.menu-item-dropdown.active.last {
    padding-bottom: 24px;
}

@media (min-width: 1025px) {
    .menu-item-dropdown.active.last {
        border-radius: 0 0 10px 10px;
    }
}

.menu-item-dropdown.active.only {
    padding: 24px calc((100vw - var(--box-size)) + 16px);
    border-radius: 0;
}

@media (min-width: 1025px) {
    .menu-item-dropdown.active.only {
        padding: 24px 32px;
        border-radius: 10px;
    }
}

.-sticky-header .main-header .menu-item-dropdown-first {
    color: white;
}

.-sticky-header .main-header .menu-item-dropdown-first:hover {
    color: #ebae00;
}

.-sticky-header .main-header .menu-item-dropdown .menu-item::after,
.-sticky-header .main-header .menu-item-dropdown .menu-item::before {
    box-shadow: none;
    /* background-color: black; */
}

.-sticky-header .main-header .menu-item-dropdown.clicked .menu-item::after,
.-sticky-header .main-header .menu-item-dropdown.clicked .menu-item::before,
.-sticky-header .main-header .menu-item-dropdown .menu-item:hover::after,
.-sticky-header .main-header .menu-item-dropdown .menu-item:hover::before,
.-sticky-header .main-header .menu-item-dropdown .menu-item:focus::after,
.-sticky-header .main-header .menu-item-dropdown .menu-item:focus::before {
    background-color: #ebae00;
}

.-sticky-header .main-header .menu-item-dropdown.active {
    background-color: #ebae00;
    color: black;
}

@media (max-width: 1199px) {
    .main-header .header-support-menu {
        display: block;
    }

    .main-header .header-support-menu .others-contents {
        display: none;
    }

    .main-header .segment-client-types {
        position: absolute;
        top: 10px;
        gap: 21px;
    }

    .main-header .menu-item {
        color: #fff;
        text-shadow: 0.818px 0.818px 0.818px #000;
        font-size: 14px;
        font-weight: 700;
        line-height: 13.904px;
        letter-spacing: -0.14px;
        text-decoration: none;
    }

    .main-header .menu-item.active-link {
        position: relative;
        color: #f7b600;
    }

    .main-header .menu-item.active-link::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -4px;
        height: 3px;
        background-color: #f7b600;
    }

    .-mobile-menu-opened .main-header .menu-item,
    .-sticky-header .main-header .menu-item {
        color: #7e838b;
        text-shadow: none;
    }

    .-mobile-menu-opened .main-header .menu-item.active-link,
    .-sticky-header .main-header .menu-item.active-link {
        color: #292522;
        text-shadow: none;
    }

    .-mobile-menu-opened .main-header .menu-item.active-link::after,
    .-sticky-header .main-header .menu-item.active-link::after {
        background-color: #292522;
    }
}

.wrapper-mobile-menu .segment-client-types {
    display: none !important;
}
.menu-acesso-rapido {
    display: block;
    background-color: white;
    overflow: auto;
}

@media (min-width: 768px) {
    .menu-acesso-rapido {
        display: none;
    }
}

.menu-acesso-rapido_ul {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 16px 0;
    list-style: none;
}

.menu-acesso-rapido_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 68px;
    min-width: 68px;
}

.menu-acesso-rapido_img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    width: 48px;
    height: 48px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
}

.menu-acesso-rapido_link.active .menu-acesso-rapido_img-wrapper {
    background-color: #f4ba44;
}

.menu-acesso-rapido_img-wrapper img {
    width: 24px;
    height: 24px;
}

.menu-acesso-rapido_texto {
    color: #292522;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 13.904px;
    letter-spacing: -0.14px;
}

.menu-acesso-rapido_li:last-of-type {
    padding-right: var(--stop-bleeding);
}

@media (max-width: 767px) {
    .main-header {
        --header-grid-row-1-color: #ededed;
        --header-grid-row-2-color: #6f1e1b;
    }
    .main-header .menu-item {
        color: #7e838b;
        text-shadow: none;
    }
    .main-header .menu-item.active-link {
        color: #292522;
        text-shadow: none;
    }
    .main-header .menu-item.active-link::after {
        background-color: #292522;
    }
    .nav-cities .select_holder .select-cidade {
        color: #292522;
    }
    .nav-cities .select_holder .select-cidade .icones::after,
    .nav-cities .select_holder .select-cidade .icones::before {
        background-color: #292522;
    }
    .button-mobile-menu .menu,
    .button-mobile-menu .fechar {
        height: 16px;
    }
    #section-hero {
        margin-top: 0 !important;
    }
}