@import url(https://use.typekit.net/piz8skp.css);

h1, h2 {
    font-family: var(--font-title);
    font-weight: 700
}

.text__link, .tooltips__link {
    text-decoration: underline;
    text-underline-offset: 0.13rem
}

    .checkbox-control label a:hover, .text__link:hover, .tooltips__link:hover, a {
        text-decoration: none
    }

.btn, .forms-gpf .tab-pane .tab-content, button {
    -webkit-transition: .2s;
    -o-transition: .2s;
    text-transform: uppercase;
    cursor: pointer
}

*, body {
    margin: 0
}

.checkbox-control label a, a {
    color: inherit
}

.dp-discounts__box, .slider__box {
    -webkit-box-ordinal-group: 0;
    order: -1
}

:root {
    --color-primary: #7c68e1;
    --color-primary-light: #a58fe1;
    --color-primary-dark: #7c39e3;
    --color-secondary: #e8ff27;
    --color-secondary-dark: #bbc91e;
    --color-green-light: #00ffab;
    --color-green-dark: #00bf82;
    --color-pink: #dd68ff;
    --color-yellow: #e8ff27;
    --color-yellow-btn: #d6c300;
    --color-yellow-btn-hover: #a69700;
    --color-green: #00b73c;
    --color-green-hover: #006e24;
    --color-turquoise: #00bdc3;
    --color-blue-light: #00a4ff;
    --color-blue-dark: #2b398b;
    --color-blue-hover: #202B69;
    --color-red-light: #eb1c24;
    --color-red-dark: #c40000;
    --color-orange-light: #f7901e;
    --color-orange-dark: #ee5a29;
    --color-beige-light: #bdb096;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-dark-111: #111111;
    --color-dark: #3b3c3e;
    --color-grey-dark: #58595b;
    --color-grey-medium: #8a8a8d;
    --color-grey-light: #a5a7aa;
    --color-grey-thin: #e4e5e6;
    --color-grey-extra-thin: #efefef;
    --color-telecomunicacoes: #00bdc3;
    --color-telecomunicacoes-hover: #00999E;
    --color-energia: #00a3fe;
    --color-energia-hover: #008FDB;
    --color-habitacao: #dd68ff;
    --color-habitacao-hover: #BD5ADB;
    --color-banca: #f7901e;
    --color-banca-hover: #D47D19;
    --color-mobilidade: #ee5a29;
    --color-mobilidade-hover: #C94C22;
    --color-supermercado: #00BF82;
    --color-supermercado-hover: #008F62;
    --color-black-rgb: 0,0,0;
    --font-title: "atrament-web",sans-serif;
    --font-text: "neue-haas-grotesk-display",sans-serif
}

* {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-check-select, html {
    font-size: 1rem
}

.counter .dp-ct-nmb.original, .form-check-label-currency-wrapper.input-blur::after, .hidden {
    display: none
}

.btn-error-a, .register-to-authentication__link, .text__link, .tooltips__link {
    display: inline-block !important
}

h1 {
    font-size: 6.875rem;
    line-height: 1.1
}

h2 {
    font-size: 4rem;
    line-height: 1.1
}

h3, h4, h5 {
    font-weight: 500;
    font-family: var(--font-title);
    line-height: 1.1
}

h3 {
    font-size: 3.5rem
}

h4 {
    font-size: 3rem
}

h5 {
    font-size: 2.5rem
}

h6 {
    font-family: var(--font-title);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.1
}

p {
    font-family: var(--font-text);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.3
}

.btn, .hero__subtitle, .hero__title, button {
    font-family: var(--font-title)
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 1.3rem
}

.text__link {
    color: var(--color-primary)
}

.tooltips__link {
    color: var(--color-white)
}

    .btn-green, .btn-green:hover, .btn-yellow, .btn-yellow:hover, .hedaer .btn-outline:hover, .tooltips__link:hover {
        color: var(--color-white) !important
    }

.forms-gpf .form-group, .header__user__container {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.btn-green {
    background-color: var(--color-green) !important
}

    .btn-green:hover {
        background-color: var(--color-green-hover) !important
    }

.btn-yellow {
    background-color: var(--color-yellow-btn) !important
}

    .btn-yellow:hover {
        background-color: var(--color-yellow-btn-hover) !important
    }

.btn, button {
    background-color: var(--color-blue-dark);
    color: var(--color-white);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    padding: .9rem 1.875rem;
    border: none;
    border-radius: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: .2s;
    text-align: center
}

    .btn:hover, button:hover {
        background-color: var(--color-blue-hover);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

.btn, .btn-flat, .modal .btn-primary {
    background-color: var(--color-blue-dark)
}

    .btn--invert:hover, .btn-flat:hover, .btn-outline:hover, .btn:hover {
        background-color: var(--color-blue-hover)
    }

.btn--invert, .btn-outline {
    background-color: transparent;
    border: .13rem solid var(--color-blue-dark);
    color: var(--color-blue-dark)
}

    .btn--invert:hover, .btn-outline:hover {
        border: .13rem solid var(--color-blue-hover);
        color: var(--color-white)
    }

button:disabled {
    background-color: var(--color-grey-medium);
    border: none;
    color: var(--color-white);
    pointer-events: none
}

.disabled-comment, button.disabled-comment {
    position: relative;
    pointer-events: auto !important
}

button:disabled:hover {
    background-color: var(--color-grey-dark)
}

.disabled-comment {
    width: 16.5rem
}

button.disabled-comment:hover {
    background-color: var(--color-grey-medium) !important
}

.disabled-comment::before, button.disabled-comment::before {
    content: "Brevemente disponível";
    transform: translateX(-50%);
    background-color: var(--color-grey-medium);
    color: var(--color-white);
    text-transform: none;
    display: none;
    position: absolute;
    font-family: var(--font-text);
    z-index: 1;
    font-size: 1rem;
    text-align: center;
    left: 50%
}

button.disabled-comment::before {
    top: 27%;
    padding: 2rem;
    border: none;
    border-radius: 0
}

.disabled-comment::before {
    width: 16.5rem;
    top: 0;
    font-weight: 500;
    padding: .85rem 1rem;
    border: none;
    border-radius: 3rem
}

.headder__user-name, .header .btn-outline, .hero__title {
    color: var(--color-secondary)
}

.disabled-comment:hover::before, button.disabled-comment:hover::before {
    display: flex;
    justify-content: center;
    align-items: center
}

.btn--large, .btn-large {
    font-size: 2rem;
    padding: 1rem 3rem 1.1rem
}

.btn-normal {
    font-size: 1.5rem;
    padding: .9rem 1.625rem
}

.btn--small, .btn-small {
    font-size: 1.1rem;
    padding: .6rem 1.3rem
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .2rem solid var(--color-blue-dark);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    cursor: pointer
}

input[type=checkbox], input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=radio]:disabled {
    border: .2rem solid var(--color-grey-thin);
    pointer-events: none
}

input[type=radio]::before {
    content: "";
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background-color: var(--color-blue-dark);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0
}

.checkbox-control label a, .forms-gpf .small a {
    display: inline;
    text-decoration: underline;
    text-underline-offset: 0.13rem
}

.counter .dp-ct-nmb.numb span, .popup_close:hover, input[type=checkbox]:checked::before, input[type=radio]:checked::before, input[type=range]:active, input[type=range]:focus {
    opacity: 1
}

input[type=checkbox] {
    appearance: none;
    border: .19rem solid var(--color-blue-dark);
    border-radius: 25%;
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer
}

    input[type=checkbox]::before {
        content: "";
        width: .7rem;
        height: .5rem;
        top: .2rem;
        left: .2rem;
        position: absolute;
        border-bottom: .2rem solid var(--color-white);
        border-left: .2rem solid var(--color-white);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

input[type=range] {
    appearance: none;
    width: 100%;
    height: 1rem;
    border-radius: 1rem;
    background: var(--color-grey-thin);
    outline: 0;
    opacity: .8;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    margin: 1rem 0
}

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 1.8rem;
        height: 1.8rem;
        cursor: pointer;
        background: var(--color-blue-dark);
        border-radius: 50%
    }

    input[type=range]::-moz-range-track {
        width: 100%;
        height: 1rem;
        cursor: pointer;
        background: var(--color-grey-thin);
        border-radius: 1rem
    }

    input[type=range]::-moz-range-thumb {
        width: 1.8rem;
        height: 1.8rem;
        cursor: pointer;
        background: var(--color-blue-dark);
        border: none;
        border-radius: 50%;
        box-shadow: 0 0 4px rgba(var(--color-black-rgb),.5)
    }

label {
    display: block;
    margin: 0 0 .4rem;
    font-family: var(--font-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-black)
}

input[type=email], input[type=telefone], input[type=text], select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 3rem;
    padding: .6rem 1.3rem;
    border: .13rem solid var(--color-blue-dark);
    border-radius: 1.6rem;
    font-family: var(--font-text);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
    background-color: var(--color-white);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: .9rem;
    line-height: 1;
    background-color: var(--color-white);
    font-family: var(--font-text);
    font-weight: 500;
    color: var(--color-black)
}

.header, .header__wrapper, textarea {
    height: auto;
    width: 100%
}

textarea {
    appearance: none;
    padding: 1.3rem;
    border: .13rem solid var(--color-blue-dark);
    border-radius: 1.6rem
}

select {
    appearance: none;
    width: 100%;
    height: 3rem;
    padding: .6rem 1.3rem;
    border: .13rem solid var(--color-blue-dark);
    border-radius: 1.6rem;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232b398b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 1.3rem center;
    background-size: 1.875rem;
    cursor: pointer
}

    input:focus, select:active, select:focus, textarea:focus {
        border-color: var(--color-blue-hover)
    }

body {
    font-family: var(--font-text);
    padding: 0;
    background-color: var(--color-white);
    color: var(--color-black);
    font-size: 1.1rem;
    width: 100%;
    height: 100vh
}

.spinner-overlay .lds-dual-ring::after {
    content: "";
    display: block;
    width: 5rem;
    height: 5rem;
    margin: 1rem;
    border-radius: 50%;
    border: .5rem solid var(--color-white);
    border-color: #7c68e1 transparent #e8ff27;
    -webkit-animation: 1.2s linear infinite lds-dual-ring;
    animation: 1.2s linear infinite lds-dual-ring
}

.header .btn-login::before, .header .btn-sair::before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 20%;
    top: 50%
}

.header {
    padding: 2rem 3rem 0;
    background-color: var(--color-primary-light)
}

.header__wrapper {
    max-width: 80rem;
    padding: 0 0 2rem
}

.header__user__container {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.headder__user-name {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 1.5rem 0 0
}

.header__logo-image {
    width: 100%;
    max-width: 14rem
}

.header__logo + .header__link {
    margin-top: 1.5rem
}

.header__link {
    font-size: 1.9rem;
    color: var(--color-red-light);
    text-align: center
}

    .header__link i {
        margin-right: .5rem;
        width: 2rem;
        height: 2rem
    }

.header .btn-outline {
    background-color: transparent;
    border: .13rem solid var(--color-secondary);
    display: block;
    position: relative;
    padding-left: 2.5rem;
    width: 7rem
}

.hedaer .btn-outline:hover {
    background-color: var(--color-blue-hover) !important;
    border: .13rem solid var(--color-blue-hover) !important
}

.header .btn-login::before {
    content: url("../../assets/img/new/ico-user.svg");
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header .btn-sair::before {
    content: url("../../assets/img/new/ico-off.svg");
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgba(var(--color-black-rgb),.7);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 100
}

    .modal input {
        height: 3rem
    }

    .modal.open {
        right: 0
    }

    .modal.open-static {
        right: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

.modal__wrapper {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 2rem
}

.modal__container {
    width: 100%;
    max-width: 56rem;
    background-color: var(--color-primary);
    padding: 4.5rem .5rem .5rem;
    position: relative;
    border-radius: 1rem
}

.modal__btn {
    top: 1.2rem;
    right: 1.2rem;
    position: absolute;
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

    .modal__btn::after, .modal__btn::before {
        content: "";
        width: 2rem;
        height: .2rem;
        background-color: var(--color-white);
        top: 50%;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
        -ms-transform: translate(-50%,-50%) rotate(-45deg);
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .modal__btn::after {
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
        -ms-transform: translate(-50%,-50%) rotate(45deg);
        transform: translate(-50%,-50%) rotate(45deg)
    }

.forms-gpf .home-box-wrpp .note a {
    text-decoration: underline;
    text-underline-offset: 0.13rem;
    display: block;
    color: var(--color-black)
}

    .forms-gpf .home-box-wrpp .note a:hover, .forms-gpf .small a:hover {
        text-decoration: none;
        color: var(--color-black)
    }

.forms-gpf .tab-pane .tab-content {
    width: 50%;
    padding: 1rem;
    background-color: var(--color-secondary);
    color: var(--color-primary);
    font-family: var(--font-title);
    font-weight: 500;
    transition: .2s
}

    .forms-gpf .tab-pane .tab-content:not(.selected) {
        border-bottom: 0 solid rgba(var(--color-black-rgb),.3);
        border-left: 0 solid rgba(var(--color-black-rgb),.1)
    }

    .forms-gpf .tab-pane .tab-content.selected {
        color: var(--color-blue-dark);
        background-color: var(--color-white)
    }

    .forms-gpf .tab-pane .tab-content:hover {
        color: var(--color-white);
        background-color: var(--color-blue-hover)
    }

    .forms-gpf .tab-pane .tab-content button {
        color: inherit;
        text-decoration: none;
        text-transform: uppercase;
        background: 0 0;
        font-size: 1.8rem;
        padding: 0
    }

.forms-gpf .home-box-wrpp {
    width: 100%;
    background-color: var(--color-white);
    padding: 2.5rem 3rem
}

    .forms-gpf .home-box-wrpp .note {
        font-size: 1.1rem;
        text-align: center;
        margin-top: 0;
        margin-bottom: 1.5rem
    }

.forms-gpf .form-group {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.hero__row:nth-of-type(2), .hero__wrapper, div.hero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox
}

.forms-gpf .home-box-wrpp .col-12:first-of-type {
    margin-bottom: 2.5rem
}

.forms-gpf .home-box-wrpp .row .form-group .c-label {
    position: absolute;
    left: 1rem;
    top: 1rem;
    z-index: 1;
    font-size: 1rem;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: rgba(var(--color-black-rgb),.5);
    pointer-events: none;
    font-family: var(--font-text);
    font-weight: 600
}

.forms-gpf .home-box-wrpp .row .form-control {
    width: 100%;
    background-color: var(--color-white);
    border: .13rem solid var(--color-blue-dark);
    padding: 1rem;
    margin-bottom: .4rem;
    border-radius: .5rem;
    font-size: 1rem;
    font-family: var(--font-text);
    font-weight: 500
}

.forms-gpf .text-danger {
    font-size: .9rem;
    color: var(--color-red-light);
    line-height: 1.3;
    margin: 0
}

.forms-gpf .home-box-wrpp .row .form-control.input-validation-error {
    border: .13rem solid var(--color-red-light)
}

.forms-gpf .home-box-wrpp .row .checkbox-control .checkbox {
    position: relative;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-color: var(--color-white);
    border-radius: 25%;
    margin-right: .6rem
}

    .forms-gpf .home-box-wrpp .row .checkbox-control .checkbox:checked::before {
        content: "";
        width: .8rem;
        height: .6rem;
        top: .2rem;
        left: .2rem;
        position: absolute;
        border-bottom: .2rem solid var(--color-blue-dark);
        border-left: .2rem solid var(--color-blue-dark);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.forms-gpf .home-box-wrpp .row .checkbox-control {
    margin-bottom: .6rem
}

    .forms-gpf .home-box-wrpp .row .checkbox-control .label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .9rem;
        margin: 0
    }

.forms-gpf .btn[type=submit] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem auto;
    width: 100%;
    max-width: 16.2rem
}

.forms-gpf .small {
    font-size: .9rem;
    line-height: 1.1;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 0
}

    .forms-gpf .small a {
        color: var(--color-black)
    }

.counter .dp-ct-nmb span, .counter .n0 span, .counter .n1 span, .counter .n2 span, .counter .n3 span, .counter .n4 span, .counter .n5 span, .counter .n6 span, .counter .n7 span, .counter .n8 span, .counter .n9 span {
    color: var(--color-primary-light)
}

.hero {
    width: 100%;
    height: 46rem;
    padding: 3rem 3rem 4rem;
    background: var(--color-primary-light);
    border-top: .1rem solid var(--color-secondary)
}

.hero__wrapper {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 80rem
}

div.hero__wrapper {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: top !important
}

.hero__wrapper .counter {
    width: 100%;
    max-width: 15rem;
    position: relative;
    z-index: 99
}

.hero__wrapper::after {
    content: "";
    right: 0;
    bottom: -5rem;
    position: absolute;
    width: 100%;
    height: 130%;
    background: url("../../assets/img/new/img-header-hero-desktop.webp") bottom right/contain no-repeat
}

.hero__row:first-of-type {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    position: relative;
    z-index: 99;
    top: -3rem
}

.hero__row:nth-of-type(2) {
    margin-bottom: 1rem;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 15rem
}

.hero__title {
    font-size: 6.875rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 2rem
}

.hero__subtitle, .hero__text {
    line-height: 1.2;
    color: var(--color-secondary)
}

.hero__title span {
    font-size: 4rem
}

.hero__title .white {
    color: var(--color-white)
}

.hero__subtitle {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 2rem
}

.hero__text {
    font-size: 1.8rem;
    font-weight: 500;
    font-family: var(--font-text)
}

.accordeon__title, .home__form__card--title, .home__sim__title {
    font-family: var(--font-title);
    line-height: 1.1;
    text-transform: uppercase
}

.hero__text--counter {
    color: var(--color-secondary);
    font-size: 1.1rem;
    text-align: center;
    position: relative;
    z-index: 99;
    padding: .6rem 0 0
}

.hero__subtitle-img {
    max-width: 15rem
}

.hero__img, .hero__picture {
    margin: 0 auto;
    max-width: 50rem
}

.hero__img {
    width: 100%;
    display: none
}

.counter, .home__sim {
    display: -webkit-box;
    display: -ms-flexbox
}

.counter {
    margin: 0;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .counter .dp-ct-nmb {
        position: relative;
        text-align: center;
        height: 3rem;
        display: inline-block;
        border-radius: .3rem;
        margin-right: .1rem;
        background-color: var(--color-secondary)
    }

        .counter .dp-ct-nmb:first-child {
            border-left: none
        }

        .counter .dp-ct-nmb span {
            text-align: center;
            line-height: 1.7rem;
            font-family: var(--font-text);
            font-size: 2rem;
            height: 3rem;
            width: 2.4rem;
            display: block;
            position: relative;
            font-weight: 700;
            padding: .7rem 0;
            border-radius: .5rem;
            top: 0;
            -webkit-transition: 1s linear;
            -o-transition: 1s linear;
            transition: 1s linear
        }

        .counter .dp-ct-nmb .dp-nmb-wp {
            height: 3rem;
            width: 2.3rem;
            overflow: hidden;
            position: relative
        }

        .counter .dp-ct-nmb .dp-nmb-lg {
            position: absolute;
            bottom: 0;
            width: 3.5rem;
            height: 3rem
        }

    .counter .n0 span {
        top: 0;
        opacity: 1
    }

    .counter .n1 span {
        top: -3rem;
        opacity: 1
    }

    .counter .n2 span {
        top: -6rem;
        opacity: 1
    }

    .counter .n3 span {
        top: -9rem;
        opacity: 1
    }

    .counter .n4 span {
        top: -12rem;
        opacity: 1
    }

    .counter .n5 span {
        top: -15rem;
        opacity: 1
    }

    .counter .n6 span {
        top: -18rem;
        opacity: 1
    }

    .counter .n7 span {
        top: -21rem;
        opacity: 1
    }

    .counter .n8 span {
        top: -24rem;
        opacity: 1
    }

    .counter .n9 span {
        top: -27rem;
        opacity: 1
    }

    .counter .nneg span {
        top: -30rem
    }

    .counter .npoint span {
        top: -33rem
    }

input[type=checkbox], input[type=file], input[type=radio] {
    left: 0;
    position: relative
}

.form__input {
    width: 100%;
    background-color: var(--white);
    border-radius: .8rem;
    padding: 0
}

.home__sim {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    background-color: var(--color-white);
    padding: 5rem 3rem
}

.home__form__card, .home__sim__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.home__sim__wrapper {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 80rem
}

.accordeon__title, .home__sim__title {
    color: var(--color-dark);
    font-size: 3.5rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.3rem
}

    .home__sim__title span {
        color: var(--color-dark);
        font-weight: 700
    }

.accordeon__text, .home__sim__text {
    color: var(--color-black);
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 3rem
}

.footer a, .footer a:hover, .hero-small__text .white, .home__form__card--content input[type=checkbox]::before, .home__form__card--title, .home__form__input--text, .popup_close a, .popup_close a:hover {
    color: var(--color-white)
}

.card--telecomunicacoes {
    background-color: var(--color-telecomunicacoes)
}

.card--energia {
    background-color: var(--color-energia)
}

.card--habitacao {
    background-color: var(--color-habitacao)
}

.card--banca {
    background-color: var(--color-banca)
}

.card--mobilidade {
    background-color: var(--color-mobilidade)
}

.card--supermercado {
    background-color: var(--color-supermercado)
}

.form-check-label, .home__form--simulator, .home__form__card--radio input[type=radio]::before {
    background-color: var(--color-white)
}

.home__form--simulator {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0
}

.home__form__card-wrapper {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(18rem,1fr));
    gap: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 0
}

.home__form__card {
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2rem;
    padding: 1.8rem;
    height: 100%;
    min-height: 9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.home__form__card--icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.8rem
}

    .home__form__card--icon img {
        width: 3.5rem;
        height: 3.5rem
    }

.home__form__card--content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .home__form__card--content input[type=checkbox] {
        border: .13rem solid var(--color-white);
        background-color: transparent;
        width: 1.35rem;
        height: 1.35rem
    }

.home__form__input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 .4rem
}

.home__form__card--title {
    display: block;
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0 0 .8rem
}

.home__form__input--text {
    font-family: var(--font-text);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1;
    padding: .1rem 0 0 .4rem;
    margin: 0
}

.home__form__card--radio {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .home__form__card--radio input[type=radio] {
        border: .2rem solid var(--color-white)
    }

.home__form__button--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem 0 1rem
}

    .home__form__button--container .btn-flat {
        width: 100%;
        max-width: 12rem;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.simulator {
    width: 100%;
    background: var(--color-white);
    padding: 2rem
}

.cookies__wrapper, .rte__wrapper, .simulator__wrapper {
    width: 100%;
    max-width: 80rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.simulator .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 2rem 3rem
}

.form-question-icon {
    width: auto;
    height: 9rem
}

.form-question-label {
    position: relative;
    margin: 2rem 0 1.5rem;
    font-family: var(--font-text);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.form-check-label, .form-check-label-currency-wrapper::after {
    font-weight: 700;
    line-height: 1;
    text-align: center;
    font-family: var(--font-text)
}

.form-check-column, .form-check-row {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.form-check-row {
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    gap: 2.5rem
}

.form-check-row-select {
    width: 100%
}

.form-check-column {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-check-column-select {
    width: 100%;
    max-width: 35rem
}

.form-check-label {
    width: 100%;
    min-width: 10rem;
    max-width: 20rem;
    height: 100%;
    min-height: 6rem;
    padding: 1rem 1.5rem;
    border: .13rem solid var(--color-grey-thin);
    border-radius: 1.6rem;
    font-size: 1.1rem;
    color: var(--color-black);
    margin: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-check-label-currency::-webkit-inner-spin-button, .form-check-label-currency::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-check-label-currency {
    -moz-appearance: textfield;
    color: transparent
}

.form-check-label-currency-wrapper.input-blur .form-check-label-currency, .form-help-text, .form-range-text-numbers span, input.form-range-text {
    color: var(--color-black)
}

.form-check-label-currency-wrapper {
    width: 100%;
    position: relative;
    max-width: 20rem
}

    .form-check-label-currency-wrapper::after {
        content: attr(data-value);
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        font-size: 1rem;
        color: var(--color-black);
        pointer-events: none
    }

.form-check-label:active {
    border: .13rem solid var(--color-blue-dark);
    background-color: rgba(124,104,225,.3)
}

.form-check-label:hover {
    border: .13rem solid var(--color-blue-hover)
}

.disabled .form-check-label {
    color: var(--color-grey-medium)
}

    .disabled .form-check-label:hover {
        border: .13rem solid var(--color-grey-thin);
        color: var(--color-grey-medium);
        pointer-events: none
    }

    .disabled .form-check-label:active {
        border: .13rem solid var(--color-grey-extra-thin);
        background-color: transparent
    }

.form-check-label span, .form-check-label-description {
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .4rem 0 0
}

.form-help-container, .form-range-container {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.form-help-container {
    margin: 3rem 0 0;
    background-color: var(--color-grey-thin);
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.btn-primary, .form-help-icon, .tooltip .tooltip-text {
    background-color: var(--color-primary)
}

.form-help-icon {
    width: 3rem;
    min-width: 3rem;
    height: auto;
    background-image: url("../../assets/img/new/ico-question.svg");
    background-size: 1.3rem;
    background-repeat: no-repeat;
    background-position: center
}

.form-help-text {
    font-family: var(--font-text);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.1;
    padding: .8rem 1rem
}

.slider__subtitle, .slider__title {
    font-family: var(--font-title);
    text-transform: uppercase
}

.slider__subtitle, .slider__text, .slider__title, .tooltip .tooltip-text {
    color: var(--color-white)
}

.form-range-container {
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.double-btns, .form-range-text-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal
}

.form-range-text-numbers {
    width: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

    .form-range-text-numbers span {
        font-family: var(--font-text);
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.1
    }

input.form-range-text, input[type=number] {
    font-weight: 700;
    text-align: center;
    font-family: var(--font-text)
}

input.form-range-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    min-width: 8rem;
    max-width: 20rem;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 1.6rem;
    font-size: 1.1rem;
    line-height: 1;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=number] {
    font-size: 1rem;
    line-height: 1
}

    input[type=number]:out-of-range {
        border-color: var(--color-red-light)
    }

div.row.nav {
    border-top: .1rem solid var(--color-grey-thin);
    padding: 2rem 0
}

.double-btns {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.double-btns-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.tooltip i[role=tooltip-button] {
    cursor: pointer;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../../assets/img/new/ico-information.svg");
    background-size: cover;
    display: inline-block;
    margin: 0 0 0 1rem
}

    .tooltip i[role=tooltip-button]:hover {
        -webkit-filter: brightness(0.8);
        filter: brightness(.8)
    }

.tooltip .tooltip-text {
    display: none;
    position: absolute;
    font-family: var(--font-text);
    font-size: .8rem;
    line-height: 1.2;
    padding: .8rem;
    border-radius: 0;
    -webkit-box-shadow: 0 .2rem .5rem rgba(var(--color-black-rgb),.2);
    box-shadow: 0 .2rem .5rem rgba(var(--color-black-rgb),.2);
    z-index: 99;
    bottom: 2.5rem;
    width: 100%;
    max-width: 20rem;
    text-align: left
}

.slider__btn, .tooltip:hover .tooltip-text {
    display: block
}

.tooltip .tooltip-text::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: .5rem .5rem 0;
    border-color: var(--color-primary) transparent transparent;
    bottom: -.5rem;
    left: 1.8rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slider__content--total {
    background-color: var(--color-primary-light)
}

.result__sim__cards.Telco .result__sim__cards__title, .section_1 .progress_row.bg-active, .slider__content--telecomunicacoes {
    background-color: var(--color-telecomunicacoes)
}

.slider__content--energia {
    background-color: var(--color-energia)
}

.slider__content--habitacao {
    background-color: var(--color-habitacao)
}

.slider__content--banca {
    background-color: var(--color-banca)
}

.slider__content--mobilidade {
    background-color: var(--color-mobilidade)
}

.slider__content--supermercado {
    background-color: var(--color-supermercado)
}

.slider {
    width: 100%;
    height: auto;
    max-height: 40rem;
    position: relative;
    background-color: var(--color-primary-light)
}

.slider__content {
    width: 100%;
    height: 100%;
    padding: 0 3rem
}

.slider__content-wrapper {
    width: 100%;
    height: 100%;
    max-width: 80rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.accordeon__wrapper, .slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.slider__title {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1
}

.accordeon__detail-title, .slider__subtitle, .slider__text {
    font-size: 1.8rem;
    font-weight: 700
}

.slider__title span {
    color: var(--color-secondary)
}

.slider__subtitle {
    line-height: 1.1
}

.slider__text {
    font-family: var(--font-text);
    line-height: 1.3
}

.slider__subtitle, .slider__text, .slider__title {
    margin-bottom: 2rem
}

.slider__box {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-order: -1;
    padding: 5rem 0 5rem 2rem
}

.slider__img {
    width: 100%;
    max-width: 46rem;
    margin: 0 auto;
    position: relative;
    right: -4rem
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 50px;
    left: 0;
    width: 100%
}

.result__sim__cards__anual-title .tooltip .tooltip-text, .slider .swiper-button-prev {
    left: 2rem
}

.slider .swiper {
    width: 100%;
    height: 100%
}

.slider .swiper-slide {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.slider .swiper-pagination-bullet {
    background: var(--color-white);
    opacity: .5;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slider .swiper-pagination-bullet-active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1
}

.slider .swiper-button-next, .slider .swiper-button-prev {
    display: block;
    color: var(--color-white)
}

    .slider .swiper-button-next::after, .slider .swiper-button-prev::after {
        font-size: 2rem;
        font-weight: 900
    }

.slider .swiper-button-next {
    right: 2rem
}

.accordeon {
    width: 100%;
    height: auto;
    background-color: var(--color-white);
    padding: 5rem 3rem
}

.accordeon__wrapper {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 80rem
}

.accordeon__title span {
    color: var(--color-dark);
    font-weight: 700
}

.accordeon__detail {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    border-bottom: .1rem solid var(--color-grey-thin)
}

    .accordeon__detail:last-of-type {
        margin-bottom: 0
    }

.accordeon__detail-title {
    color: var(--color-primary);
    font-family: var(--font-title);
    line-height: 1.1;
    text-transform: uppercase;
    padding: 2rem 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.accordeon__detail-text {
    display: none;
    color: var(--color-black);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 2rem
}

    .accordeon__detail-text a, .cookies a, .rte a {
        text-decoration: underline;
        text-underline-offset: 0.13rem;
        color: var(--color-primary-dark);
        display: inline-block !important
    }

        .accordeon__detail-text a:hover, .cookies a:hover, .cookies u:hover, .rte a:hover, .rte u:hover {
            text-decoration: none
        }

.accordeon__btn {
    margin: 0 auto
}

.footer__title, .sub__newsletter__title {
    font-family: var(--font-title);
    margin-bottom: 1rem;
    text-transform: uppercase
}

.accordeon__detail-icon {
    margin-left: auto;
    width: 1.9rem;
    height: 1.9rem;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.accordeon__detail-icon-minus {
    display: none
}

.sub__newsletter {
    width: 100%;
    height: auto;
    padding: 5rem 3rem;
    background-color: var(--color-primary);
    color: var(--color-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub__newsletter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 80rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sub__newsletter__title {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.1;
    color: var(--color-secondary);
    width: 60%
}

    .footer__title, .sub__newsletter__title span {
        font-weight: 700
    }

.sub__newsletter .btn, .sub__newsletter .btn-flat {
    background-color: var(--color-secondary);
    color: var(--color-primary);
    width: 100%;
    max-width: 16.2rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: auto
}

.footer__title {
    font-size: 2rem;
    color: var(--color-white)
}

.footer__text {
    font-family: var(--font-text);
    font-size: 1rem;
    line-height: 1.3;
    color: var(--color-white);
    text-align: left
}

.footer__text-number {
    font-family: var(--font-text);
    font-size: 1.8rem;
    font-weight: 700;
    display: initial !important
}

.footer__social {
    width: 100%;
    padding: 5rem 3rem;
    background-color: var(--color-dark-111)
}

.footer__social-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 80rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.result__sim__wrapper, .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.footer__social-row {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0
}

    .footer__social-row:first-of-type {
        -ms-flex-preferred-size: calc(100% - 1rem);
        flex-basis: calc(100% - 1rem);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0
    }

    .footer__social-row:last-of-type {
        margin-bottom: 0;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

.footer__list-item {
    margin-right: 1.5rem
}

    .footer__list-item:last-of-type {
        margin-right: 0
    }

.footer__list-link {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    border: .15rem solid var(--color-white);
    border-radius: 50%;
    margin: 0
}

.footer__copy-wrapper, .wrapper {
    display: -webkit-box;
    display: -ms-flexbox
}

.footer__list-link:hover {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    border: .15rem solid var(--color-blue-dark)
}

.footer__list-icon {
    color: var(--color-white);
    background-color: transparent;
    padding: .8rem
}

.footer__copy {
    width: 100%;
    padding: 3rem;
    background-color: var(--color-black);
    color: var(--color-white)
}

.footer__copy-wrapper {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 80rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__copy-text {
    font-size: .9rem;
    line-height: 1.1;
    text-align: center;
    margin: 0
}

.footer__copy-list-link {
    font-size: .8rem;
    text-decoration: none
}

    .footer__copy-list-link:hover, .footer__text-number:hover {
        text-decoration: underline;
        text-underline-offset: 0.13rem
    }

footer .btn.btn--invert, footer .btn.btn-outline {
    display: block;
    background-color: transparent;
    border: .13rem solid var(--color-white);
    color: var(--color-white)
}

    footer .btn.btn--invert:hover, footer .btn.btn-outline:hover {
        background-color: var(--color-blue-dark);
        border: .13rem solid var(--color-blue-dark);
        color: var(--color-white)
    }

.icon-twitter:before {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 512 512" fill="white"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>') no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px
}

.wrapper {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto
}

.result__sim, .result__sim__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%
}

.result__sim {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    background-color: var(--color-white);
    padding: 5rem 0 0
}

.result__sim__wrapper {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 3rem
}

.result__sim__title, .tools__title {
    color: var(--color-dark);
    font-family: var(--font-title);
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1.3rem
}

    .result__sim__title span {
        color: var(--color-dark);
        font-weight: 700
    }

.result__sim__text {
    color: var(--color-black);
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 5rem
}

.result__sim__nav__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: auto;
    max-width: 80rem;
    background-color: var(--color-primary);
    border-radius: 2rem
}

.result__sim__nav__previous {
    margin: 5rem 0 0
}

.result__sim__nav__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center
}

    .result__sim__nav__row label {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        margin: 0
    }

.result__sim__nav__column, .result__sim__nav__column a, .result__sim__nav__column button, .result__sim__nav__total {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.result__sim__nav__row input[type=checkbox] {
    width: 1.35rem;
    height: 1.35rem;
    margin-right: .4rem
}

    .result__sim__nav__row input[type=checkbox]::before {
        width: .7rem;
        height: .5rem;
        top: .15rem;
        left: .15rem;
        border-bottom: .2rem solid var(--color-blue-dark);
        border-left: .2rem solid var(--color-blue-dark)
    }

.result__sim__nav__column {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .result__sim__nav__column a, .result__sim__nav__column button {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        height: 100%;
        background-color: transparent;
        color: var(--color-white);
        font-family: var(--font-title);
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1;
        padding: 2.8rem 3rem 3rem;
        border: none;
        border-radius: 0;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .result__sim__nav__column a {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .result__sim__nav__column button:disabled {
        background-color: var(--color-grey-medium);
        border: none;
        color: var(--color-white);
        pointer-events: none;
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem
    }

.result__sim__cards, .result__sim__cards__title {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem
}

button.disabled-comment::before {
    width: 14rem
}

.result__sim__nav__icon {
    width: 3rem;
    height: auto;
    padding: 0 0 .6rem
}

.result__sim__nav__column:first-child button:hover {
    background-color: var(--color-blue-hover);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    color: var(--color-white)
}

.result__sim__nav__column:last-child a:hover, .result__sim__nav__column:last-child button:hover {
    background-color: var(--color-blue-hover);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    color: var(--color-white)
}

.hero-small__text a.btnerror, .hero-small__text a.btnerror:hover {
    background-color: var(--color-secondary);
    color: var(--color-primary)
}

.result__sim__nav__total {
    background-color: var(--color-green-dark);
    color: var(--color-white);
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cards__row, .result__sim__cards {
    display: -webkit-box;
    display: -ms-flexbox
}

.cards__row {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 3rem
}

.result__sim__cards, .result__sim__cards__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.cards__row-container {
    width: 100%;
    max-width: 80rem
}

.result__sim__cards {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    background-color: var(--color-grey-extra-thin);
    padding: 0;
    margin: 5rem 0
}

.result__sim__cards__title {
    color: var(--color-white);
    background-color: var(--color-primary);
    font-family: var(--font-title);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.result__sim__cards.Energy .result__sim__cards__title, .section_2 .progress_row.bg-active {
    background-color: var(--color-energia)
}

.result__sim__cards.MortgageCredit .result__sim__cards__title, .result__sim__cards.MultiriskInsurance .result__sim__cards__title, .section_3 .progress_row.bg-active {
    background-color: var(--color-habitacao)
}

.result__sim__cards.BankAccount .result__sim__cards__title, .section_4 .progress_row.bg-active {
    background-color: var(--color-banca)
}

.result__sim__cards.Fuel .result__sim__cards__title, .section_5 .progress_row.bg-active {
    background-color: var(--color-mobilidade)
}

.banner-code__btn, .result__sim__cards.Supermarket .result__sim__cards__title, .section_6 .progress_row.bg-active {
    background-color: var(--color-supermercado)
}

.result__sim__cards__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.result__sim__cards__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.result__sim__cards__column--two-thirds {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 2.6rem 3rem 3rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.result__sim__cards__column--two-thirds__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.result__sim__cards__column--one-third {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--color-grey-medium);
    color: var(--color-white);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.Supermarket .result__sim__cards-provider {
    font-size: 2rem
}

.result__sim__cards__data-row-inner {
    flex-grow: 1;
    flex-basis: calc(100% - 150px)
}

.result__sim__cards-provider {
    color: var(--color-black);
    font-family: var(--font-title);
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    padding: 0 0 .6rem
}

.result__sim__cards-description {
    color: var(--color-black);
    font-family: var(--font-text);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    padding: 0 0 2rem
}

.result__sim__cards-description:has(+ .result__sim__cards-detail-provider) {
    padding-bottom: .6rem;
}

.result__sim__cards-detail-provider {
    padding-bottom: 2rem;
}

.result__sim__cards-send-mail {
    background-color: var(--color-primary);
    color: var(--color-white);
    width: 16.5rem;
    font-size: 1.1rem;
    padding: .8rem 1.875rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .result__sim__cards-send-mail:before {
        content: "";
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        background-image: url("../../assets/img/new/ico-email.svg");
        background-size: cover;
        margin-right: 5px;
        position: absolute;
        left: 1.875rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.result__sim__cards__more-details {
    margin: 2rem 0 0
}

.result__sim__cards-view-more {
    color: var(--color-blue-dark);
    font-family: var(--font-title);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 3rem 0 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.card__more__detail-title, .result__sim__cards__anual-title, .result__sim__nav__total-title {
    font-size: 1.8rem;
    text-transform: uppercase;
    position: relative;
    font-family: var(--font-title);
    font-weight: 700
}

.icon-less-details, .icon-more-details {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: cover;
    margin-right: .4rem
}

.icon-more-details {
    background-image: url("../../assets/img/new/ico-plus.svg")
}

.icon-less-details {
    background-image: url("../../assets/img/new/ico-minus.svg")
}

.result__sim__cards-view-more:hover {
    color: var(--color-blue-hover);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.card__more__details {
    margin-top: 1rem;
    margin-bottom: 0;
    width: 100%;
    border-bottom: none !important
}

.card__more__detail-title {
    color: var(--color-primary);
    line-height: 1.1;
    padding: 2rem 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form_progress .progress_section, .result__sim__cards__data {
    width: 100%
}

.result__sim__cards__stamps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: .6rem
}

.result__sim__cards__stamps__icon {
    width: 7rem;
    height: auto
}

.result__sim__cards__anual-installments, .result__sim__cards__anual-savings {
    height: 100%;
    -webkit-box-orient: vertical;
    padding: 2.6rem 3rem 3rem;
    -webkit-box-direction: normal;
    text-align: center;
    width: 100%
}

.result__sim__cards__anual-installments {
    background-color: var(--color-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.result__sim__cards__anual-savings {
    background-color: var(--color-green-dark);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.result__sim__cards__anual-title, .result__sim__nav__total-title {
    line-height: 1;
    padding: 0 0 .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .result__sim__cards__anual-title i[role=tooltip-button], .result__sim__nav__total-title i[role=tooltip-button] {
        -webkit-filter: brightness(100);
        filter: brightness(100)
    }

    .result__sim__cards__anual-title .tooltip .tooltip-text, .result__sim__nav__total-title .tooltip .tooltip-text {
        text-transform: none;
        font-weight: 500;
        bottom: 3rem;
        background-color: var(--color-primary-dark)
    }

.result__sim__cards__anual-savings .tooltip .tooltip-text::before {
    left: 9.7rem
}

.result__sim__cards__anual-savings .tooltip .tooltip-text::before, .result__sim__nav__total-title .tooltip .tooltip-text::before {
    border-color: var(--color-primary-dark) transparent transparent !important
}

.result__sim__cards__anual-value, .result__sim__nav__total-value {
    font-family: var(--font-title);
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.result__sim__cards__main-buttons {
    background-color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    gap: 1px
}

.result__sim__cards__main-btn-full {
    width: 100%;
    height: 4rem;
    padding: .9rem 1.875rem;
    border-radius: 0;
    display: inline-flex !important;
    align-items: center;
    cursor: pointer;
    line-height: 1
}

    .result__sim__cards__main-btn-full:hover {
        background-color: var(--color-blue-hover);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        color: var(--color-white)
    }

.dp-discounts__message {
    width: 100%;
    height: auto;
    padding: 3rem;
    background-color: var(--color-primary);
    color: var(--color-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dp-discounts__message__wrapper, .dp-discounts__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 80rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dp-discounts__message__title {
    font-family: var(--font-title);
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.1;
    color: var(--color-secondary);
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 0
}

    .dp-discounts__message__title span {
        font-weight: 700
    }

.dp-discounts {
    width: 100%;
    height: auto;
    padding: 5rem 3rem;
    background-color: var(--color-green-light);
    color: var(--color-primary-dark);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dp-discounts__content-wrapper, .tools {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox
}

.dp-discounts__content {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform
}

.dp-discounts__content-wrapper {
    height: 100%;
    max-width: 80rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comparators__wrapper, .tools, .tools__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.dp-discounts__box {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -ms-flex-order: -1
}

.dp-discounts__title {
    font-family: var(--font-title);
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-bottom: 2rem
}

    .dp-discounts__title span {
        font-weight: 700
    }

.dp-discounts__text {
    font-family: var(--font-text);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--color-dark);
    margin-bottom: 3rem
}

.dp-discounts__btn, .dp-discounts__btn:hover {
    background-color: var(--color-primary-dark);
    color: var(--color-green-light)
}

.dp-discounts__img {
    width: 50%
}

.tools {
    height: auto;
    padding: 5rem 3rem 6rem;
    background-color: var(--color-grey-extra-thin);
    color: var(--color-dark);
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comparators__item__wrapper, .comparators__wrapper, .tools__item__wrapper, .tools__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    width: 100%;
    max-width: 80rem
}

.comparators__wrapper, .tools__wrapper {
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tools__title span {
    font-weight: 700
}

.tools__text {
    color: var(--color-black);
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 4rem
}

.comparators__item__title, .tools__item__title {
    font-family: var(--font-text);
    font-size: 1.1rem;
    line-height: 1.1;
    text-align: center
}

.comparators__item__wrapper, .tools__item__wrapper {
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comparators, .tools__item__content {
    display: -webkit-box;
    display: -ms-flexbox
}

.comparators, .comparators__item__content, .tools__item__content, .tools__item__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 100%
}

.tools__item__content {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 18rem;
    background-color: var(--color-white);
    margin: 0 1.5rem;
    border-radius: 2rem;
    border: .15rem solid var(--color-grey-thin)
}

.tools__slider__img {
    width: 100%;
    max-width: 9rem !important;
    height: auto
}

.tools__item__title {
    font-weight: 700;
    color: var(--color-black);
    padding: 1rem 0 0
}

.comparators, .comparators__item__title, .comparators__text, .comparators__title {
    color: var(--color-secondary)
}

.tools__item__link {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 2rem 2rem 3rem
}

    .tools__item__link:hover .tools__slider__img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

    .tools__item__link:hover .tools__item__title {
        color: var(--color-blue-hover)
    }

.glider {
    overflow-y: hidden;
    overflow-x: hidden
}

.comparators .glider-2-next, .comparators .glider-2-prev, .tools .glider-next, .tools .glider-prev {
    top: 50%
}

.comparators .swiper-button-next:after, .comparators .swiper-button-prev:after, .tools .swiper-button-next:after, .tools .swiper-button-prev:after {
    font-size: 2rem !important
}

.tools .swiper-button-next, .tools .swiper-button-prev {
    background-color: transparent;
    color: var(--color-grey-medium);
    border: none;
    border-radius: 50%;
    padding: 0;
    cursor: pointer
}

    .tools .swiper-button-next:hover, .tools .swiper-button-prev:hover {
        background-color: transparent;
        color: var(--color-grey-dark);
        border: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

.comparators .glider-2-prev, .tools .glider-prev {
    right: auto;
    left: -1rem
}

.comparators .glider-2-next, .tools .glider-next {
    right: -1rem;
    left: auto
}

.popup, .popup .popup_overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.comparators {
    height: auto;
    padding: 5rem 3rem 6rem;
    background-color: var(--color-primary);
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comparators__item__content, .popup {
    display: -webkit-box;
    display: -ms-flexbox
}

.comparators__title {
    font-family: var(--font-title);
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5rem
}

    .comparators__title span {
        font-weight: 700
    }

.comparators__text {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 4rem
}

.comparators__item__content {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 18rem;
    background-color: var(--color-primary-dark);
    margin: 0 1.5rem;
    border-radius: 2rem;
    border: .15rem solid var(--color-secondary)
}

.comparators__item__link, .hero-small__text a.btnerror {
    display: -webkit-box !important;
    display: -ms-flexbox !important
}

.comparators__slider__img {
    width: 100%;
    max-width: 6rem !important;
    height: auto
}

.comparators__item__link, .popup {
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.comparators__item__title {
    font-weight: 700;
    padding: 1rem 0 0
}

.cookies__wrapper li, .cookies__wrapper ol, .cookies__wrapper p {
    color: var(--color-black);
    font-family: var(--font-text);
    font-size: 1.1rem;
    line-height: 1.3;
    margin-bottom: 1.3rem;
    font-weight: 500
}

.comparators__item__link {
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem 2rem
}

    .comparators__item__link:hover .comparators__slider__img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

    .comparators__item__link:hover .comparators__item__title {
        color: var(--color-secondary-dark)
    }

.comparators .swiper-button-next, .comparators .swiper-button-prev {
    background-color: transparent;
    color: var(--color-white);
    opacity: .5;
    border: none;
    border-radius: 50%;
    padding: 0;
    cursor: pointer
}

    .comparators .swiper-button-next:hover, .comparators .swiper-button-prev:hover {
        background-color: transparent;
        color: var(--color-secondary);
        opacity: 1;
        border: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

body.no-scroll {
    overflow: hidden !important
}

.popup {
    position: absolute;
    margin: auto;
    z-index: 99;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup_close, .popup_container-no-form {
    display: -webkit-box;
    display: -ms-flexbox
}

.popup .popup_overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(var(--color-black-rgb),.7)
}

.popup_close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: var(--color-white);
    background-color: var(--color-primary);
    opacity: .7;
    width: 3rem;
    height: 3rem;
    font-size: 2.6em;
    z-index: 910;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.popup_container, .popup_container-no-form {
    width: 100%;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    background-color: var(--color-white);
    position: relative;
    max-width: 80rem
}

.popup_container-no-form {
    display: flex;
    -webkit-box-orient: vertical;
    flex-direction: column;
    padding: 3rem;
    margin: auto
}

.popup_container, .popup_container .form {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical
}

.popup_container {
    min-height: 55.5rem;
    max-height: 55.5rem;
    display: flex;
    flex-direction: column;
    padding: 3rem 3rem 1rem;
    margin: 3rem auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: auto
}

    .popup_container .form {
        display: flex;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.cookies__center-button, .form_progress, .form_progress .progress_section-container {
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%
}

    .form_progress, .form_progress .progress_section-container, .register-continue-popup, .register-to-authentication {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }

.form_progress {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.simulator__form > :not(.simulator__title) {
    max-width: 80rem
}

.form_progress .progress_section-container {
    background-color: var(--color-grey-extra-thin);
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.85rem;
    border: .075rem solid var(--color-grey-thin)
}

.form_progress > .progress_section.active ~ :not(.active) .progress_section-title {
    color: var(--color-grey-thin)
}

.form_progress .progress_section .progress_section-title {
    height: 1.65rem;
    font-family: var(--font-title);
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: .4rem 0 0 .4rem;
    display: block
}

.form_progress .progress_row {
    height: 1.65rem;
    display: block;
    width: 100%
}

.progress_section.active.section_1 .progress_section-title, .section_1 .progress_section-title {
    color: var(--color-telecomunicacoes)
}

.progress_section.active.section_2 .progress_section-title, .section_2 .progress_section-title {
    color: var(--color-energia)
}

.progress_section.active.section_3 .progress_section-title, .section_3 .progress_section-title {
    color: var(--color-habitacao)
}

.progress_section.active.section_4 .progress_section-title, .section_4 .progress_section-title {
    color: var(--color-banca)
}

.progress_section.active.section_5 .progress_section-title, .section_5 .progress_section-title {
    color: var(--color-mobilidade)
}

.progress_section.active.section_6 .progress_section-title, .section_6 .progress_section-title {
    color: var(--color-supermercado)
}

.cookies, .rte {
    width: 100%;
    height: auto;
    background: var(--color-white);
    padding: 5rem 3rem;
    -o-border-image: none;
    border-image: none;
    border-top: none
}

    .cookies #ot-sdk-btn.ot-sdk-show-settings {
        width: 100%;
        max-width: 16.2rem;
        margin: 0 0 3rem
    }

.cookies__center-button {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cookies__wrapper ol {
    list-style: decimal;
    padding-left: 2rem
}

.cookies__wrapper h1, .rte__wrapper h1 {
    font-family: var(--font-title);
    font-size: 3.5rem;
    color: var(--color-primary);
    text-transform: uppercase;
    text-align: center
}

.cookies__wrapper h1, .rte__wrapper h1, .rte__wrapper h2, .rte__wrapper h3 {
    font-weight: 700;
    line-height: 1.1
}

.cookies__wrapper h1, .rte__wrapper h1, .rte__wrapper p.unsub__text:last-of-type {
    margin-bottom: 3rem
}

::marker {
    color: var(--color-primary);
    font-weight: 500
}

#ot-sdk-btn.optanon-show-settings, #ot-sdk-btn.ot-sdk-show-settings {
    color: var(--color-white) !important;
    border: none !important;
    height: auto;
    white-space: normal;
    word-wrap: break-word;
    padding: .9rem 1.875rem;
    font-size: 1.3rem !important;
    font-family: var(--font-title) !important;
    line-height: 1;
    cursor: pointer;
    -moz-transition: .1s;
    -o-transition: .1s;
    -webkit-transition: 1s;
    transition: .1s
}

    #ot-sdk-btn.optanon-show-settings:hover, #ot-sdk-btn.ot-sdk-show-settings:hover {
        background-color: var(--color-blue-hover) !important
    }

.rte__wrapper h1 span {
    font-size: 2rem;
    line-height: 1.1;
    margin: 3rem 0 2rem
}

.rte__wrapper h1.unsub__title {
    margin-bottom: 0
}

.rte__wrapper h2 {
    color: var(--color-primary);
    text-transform: uppercase;
    font-size: 2.5rem;
    margin: 3rem 0 2rem
}

.rte__wrapper p.unsub__text, table.table {
    margin-top: 2rem
}

.rte__wrapper h3 {
    color: var(--color-primary);
    font-size: 1.8rem
}

.rte__wrapper table th h3 {
    color: var(--color-white) !important;
    font-weight: 700;
    font-size: 1.3rem;
    margin: .5rem 0
}

.rte__wrapper li, .rte__wrapper ol, .rte__wrapper p, .rte__wrapper table td p, .rte__wrapper ul, table.table td.middle {
    color: var(--color-black);
    font-weight: 500;
    line-height: 1.3;
    font-family: var(--font-text)
}

.rte__wrapper h3.unsub__subtitle {
    font-size: 2rem;
    margin-bottom: 2.5rem
}

.rte__wrapper p {
    font-size: 1.1rem;
    margin-bottom: 1.3rem
}

.rte__wrapper li, .rte__wrapper ol, .rte__wrapper ul, table.table td.middle {
    font-size: 1.1rem;
    list-style: decimal;
    margin-bottom: 1.3rem
}

.hero-small__text h1, .register-continue-popup__title span, .register-to-authentication__title span, i.offer-number {
    font-weight: 700
}

.rte__wrapper ol, .rte__wrapper ul {
    padding-left: 2rem
}

.rte__wrapper table {
    border: .1rem solid var(--color-grey-thin);
    border-collapse: collapse;
    width: 100%
}

    .rte__wrapper table th {
        background-color: var(--color-primary) !important;
        color: var(--color-white) !important;
        text-align: center;
        vertical-align: middle;
        padding: 0
    }

    .rte__wrapper table td {
        background: 0 0;
        text-align: center;
        border: .1rem solid var(--color-grey-thin);
        padding: 1.3rem
    }

        .rte__wrapper table td p {
            font-size: 1rem;
            margin-bottom: 0
        }

table.table {
    width: 100%;
    margin-bottom: 2rem;
    color: var(--color-black);
    font-family: var(--font-text);
    font-size: 1rem;
    background-color: var(--color-grey-extra-thin);
    border-bottom: 1px solid var(--color-grey-thin);
    border-collapse: collapse;
    padding: .5em;
    text-align: center;
    display: inline-table !important
}

.table::marker {
    color: var(--color-red-dark);
    font-weight: 500
}

table.table td.rowheader {
    text-align: left;
    vertical-align: middle;
    background-color: var(--color-grey-thin);
    font-weight: 700;
    font-family: var(--font-text)
}

.register-continue-popup, .register-to-authentication {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.register-to-authentication__link:hover {
    display: inline-block !important;
    color: var(--color-secondary);
    text-decoration: none
}

.no-padding {
    padding: 0 !important
}

.register-to-authentication__column-1-3, .register-to-authentication__column-2-3 {
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.register-to-authentication__column-2-3 {
    width: 60%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.register-to-authentication__column-1-3 {
    width: 40%;
    height: 100%;
    background-color: var(--color-primary-dark);
    color: var(--color-white);
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.register-continue-popup__title, .register-to-authentication__title {
    color: var(--color-dark);
    text-transform: uppercase;
    margin: 0 0 2rem
}

.register-to-authentication__column-1-3 .register-to-authentication__title {
    color: var(--color-secondary);
    font-weight: 600;
    text-align: center
}

.register-to-authentication__column-1-3 .register-to-authentication__text {
    font-size: 1rem;
    line-height: 1.3
}

.register-to-authentication__text:last-of-type {
    margin: 0
}

.register-to-authentication__text-small {
    font-size: .9rem;
    line-height: 1.3;
    text-align: center;
    margin: 0
}

.register-to-authentication__link {
    color: var(--color-secondary);
    text-decoration: underline;
    text-underline-offset: 0.13rem;
    font-weight: 600
}

.register-to-authentication__disclaimer {
    margin: 3rem 0 1rem
}

.register-to-authentication__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    margin: 3rem 0 2rem
}

    .register-to-authentication__buttons .btn-login {
        display: block;
        position: relative;
        padding-left: 3.5rem;
        width: 100%
    }

        .register-to-authentication__buttons .btn-login::before {
            content: url(../../assets/img/new/ico-user.svg);
            width: 1.2rem;
            height: 1.2rem;
            position: absolute;
            -webkit-filter: brightness(100);
            filter: brightness(100);
            left: 20%;
            top: 47%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .register-to-authentication__buttons .btn-login, .register-to-authentication__buttons .btn-register {
        color: var(--color-white) !important;
        background-color: var(--color-blue-dark) !important;
        display: inline-flex !important
    }

        .register-to-authentication__buttons .btn-login:hover, .register-to-authentication__buttons .btn-register:hover {
            color: var(--color-white) !important;
            background-color: var(--color-blue-hover) !important
        }

.icon-registration {
    width: 9rem;
    height: 9rem;
    background-image: url("../../assets/img/new/bkg-ico.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 2rem
}

    .icon-registration img {
        width: 4rem;
        height: 4rem
    }

.register-to-authentication__offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0;
    gap: 1.5rem
}

.offer-number-container, i.offer-number {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    width: 4rem;
    height: 4rem;
    -webkit-box-orient: vertical
}

.offer-number-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    border-radius: 50%;
    border: .3rem solid var(--color-secondary);
    background-color: transparent
}

i.offer-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-title) !important;
    font-size: 2rem;
    line-height: 1;
    color: var(--color-secondary)
}

.hero-small__text h1, .hero-small__text h1.error-unavailable-title {
    font-size: 5rem;
    color: var(--color-secondary);
    font-family: var(--font-title)
}

.register-continue-popup__column {
    width: 100%;
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.hero-small__wrapper, .register-continue-popup__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.register-continue-popup__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    margin: 2rem 0
}

.hero-small, .hero-small__wrapper {
    display: -webkit-box;
    display: -ms-flexbox
}

.hero-small {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color-primary-light);
    border-top: .1rem solid var(--color-secondary);
    padding: 2rem 3rem !important
}

.hero-small__wrapper {
    width: 100%;
    max-width: 80rem;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-small__text h1 {
    line-height: 1.1;
    text-transform: uppercase;
    margin-top: -3rem
}

.banner-code__subtitle strong, .banner-code__text strong, .banner-code__title span {
    color: var(--color-orange-dark)
}

.hero-small__text span {
    font-size: 3rem
}

.hero-small__subtitle {
    font-family: var(--font-text);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-secondary);
    margin-right: 5rem
}

.hero-small__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3rem;
    color: var(--color-white);
    font-weight: 700;
    text-transform: none !important;
    padding: 3rem
}

    .application__text__link, .hero-small__text a {
        display: inline-block !important
    }

.hero-small__image {
    width: 50%;
    padding: 0 3rem
}

.hero-small__text h1.error-unavailable-title {
    text-align: center;
    padding-bottom: 0;
    font-weight: 700
}

.hero-small__text h2.error-unavailable-subtitle {
    font-size: 3rem;
    text-align: center;
    padding-bottom: 0;
    color: var(--color-secondary);
    font-family: var(--font-title);
    font-weight: 700
}

.hero-small__text p.error-unavailable-text {
    font-size: 1.5rem;
    text-align: center;
    padding-bottom: 0;
    color: var(--color-white);
    font-family: var(--font-text)
}

    .hero-small__text p.error-unavailable-text:last-of-type {
        color: var(--color-white) !important;
        font-family: var(--font-text);
        padding-bottom: 1rem
    }

.hero-small__text a.btnerror {
    font-family: var(--font-title);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    padding: .9rem 1.625rem;
    border-radius: 3rem;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex !important;
    text-align: center
}

    .hero-small__text a.btnerror:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

.application__title {
    color: var(--color-primary);
    font-weight: 700
}

.application__text {
    color: var(--color-black);
    font-size: 1.3rem;
    text-align: center
}

.application__text__link {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 0.13rem;
    font-weight: 600
}

    .application__text__link:hover {
        text-decoration: none
    }

.success__text {
    color: var(--color-green-dark)
}

.rte__unsub h3.unsub__subtitle {
    margin-top: 1rem
}

.rte__svg__align {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.btn--unsub {
    text-decoration: none !important;
    color: var(--color-white) !important;
    margin: 0 1rem
}

.banner-code__subtitle, .banner-code__title {
    font-weight: 700;
    color: var(--color-primary)
}

.banner-code {
    margin-bottom: 3rem;
    display: flex
}

.banner-code__column {
    flex-basis: 50%
}

.banner-code__img {
    max-width: 410px;
    margin-left: auto
}

.banner-code__title {
    font-size: 3.5rem
}

.banner-code__subtitle {
    font-size: 1.4rem;
    font-family: var(--font-text)
}

.banner-code__text {
    font-size: 1.1rem
}

    .banner-code__text strong {
        font-weight: 800
    }

.banner-code__btn:hover {
    background-color: var(--color-supermercado-hover)
}

.banner-code__qr-code {
    max-width: 349px
}

.result__sim__cards-img {
    max-width: 130px;
    margin: 0 20px 20px 0
}

.result__sim__cards__data-row {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width:82em) {
    h1, h2, h4, h5, h6 {
        line-height: 1
    }

    h1 {
        font-size: 4.8rem
    }

    h2 {
        font-size: 3.5rem
    }

    .banner-code__title, .result__sim__title, h3 {
        font-size: 3rem;
        line-height: 1
    }

    h4 {
        font-size: 2.5rem
    }

    h5 {
        font-size: 2rem
    }

    h6 {
        font-size: 1.625rem
    }

    .cookies__wrapper li, .cookies__wrapper ol, .cookies__wrapper p, .rte__wrapper li, .rte__wrapper ol, .rte__wrapper p, .rte__wrapper ul, p, table.table td.middle {
        font-size: 1rem;
        line-height: 1.3
    }

    .btn-normal, button {
        font-size: 1.3rem;
        padding: .8rem 1.5rem
    }

    .btn-large {
        font-size: 1.75rem;
        padding: .9rem 2rem 1rem
    }

    .btn-small {
        font-size: 1rem;
        padding: .6rem 1.3rem
    }

    .hero {
        height: 46rem;
        padding: 0 3rem 4rem
    }

    .hero__row:first-of-type {
        -ms-flex-preferred-size: 39%;
        flex-basis: 39%
    }

    .hero__title {
        font-size: 4.8rem;
        margin: 2rem 0
    }

        .hero__title span {
            font-size: 2.75rem
        }

    .accordeon__text, .application__text, .comparators__text, .hero__text, .home__sim__text, .result__sim__text, .tools__text {
        font-size: 1.1rem
    }

    .hero__wrapper::after {
        bottom: -13vw;
        height: 50vw;
        background: url(../../assets/img/new/img-header-hero-desktop.webp) bottom right/contain no-repeat
    }

    .hero__row:nth-of-type(2) {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .accordeon__title, .comparators__title, .cookies__wrapper h1, .home__sim__title, .rte__wrapper h1, .tools__title {
        font-size: 3rem;
        line-height: 1.1
    }

    .home__form__card-wrapper {
        gap: 2rem;
        grid-template-columns: repeat(auto-fill,minmax(20rem,1fr))
    }

    .slider__title {
        font-size: 3.5rem
    }

    .slider__subtitle, .slider__text {
        font-size: 1.6rem
    }

    .dp-discounts__message__title, .sub__newsletter__title {
        font-size: 2.5rem
    }

    .accordeon__detail-title, .card__more__detail-title {
        font-size: 1.625rem;
        line-height: 1.1
    }

    .accordeon__detail-text {
        font-size: 1rem
    }

    .footer__social-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__text, .footer__title {
        text-align: center
    }

    .footer__social-row, .footer__social-row:first-of-type {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 3rem
    }

    .result__sim__cards__stamps__icon {
        width: 6rem
    }

    .dp-discounts__box {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding: 0 3rem 0 0
    }

    .dp-discounts__title {
        font-size: 3rem
    }

    .dp-discounts__text {
        font-size: 1rem;
        margin-bottom: 2rem
    }

    .comparators .glider-2-prev, .tools .glider-prev {
        right: auto;
        left: -2rem
    }

    .comparators .glider-2-next, .tools .glider-next {
        right: -2rem;
        left: auto
    }

    .form-check-row {
        gap: 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .rte__wrapper h1 span, .rte__wrapper h2 {
        font-size: 2rem
    }

    .rte__wrapper h3, .rte__wrapper h3.unsub__subtitle {
        font-size: 1.3rem
    }

    .hero-small__image {
        width: 50% !important;
        padding: 0 !important
    }

    .hero-small__subtitle {
        margin-right: 0
    }

    .popup_close {
        top: 1rem;
        right: 1rem
    }
}

@media only screen and (orientation:landscape) and (max-height:50em) {
    .popup_container {
        padding: 2rem 4rem;
        overflow: auto;
        max-width: 100%;
        height: 100%;
        min-height: auto;
        margin: auto
    }

    .simulator .form-group {
        padding: 2rem
    }

    .form_progress .progress_section .progress_section-title {
        height: auto;
        font-size: 1rem;
        margin: .4rem 0 0 .4rem
    }

    .form_progress .progress_section-container {
        height: 1.1rem
    }

    .form_progress .progress_row {
        height: 1rem
    }

    .form-question-icon {
        height: 6.5rem
    }

    .form-question-label {
        margin: 1.5rem 0 1rem;
        font-size: 1.1rem
    }

    .tooltip i[role=tooltip-button] {
        width: 1.3rem;
        height: 1.3rem;
        margin: 0 0 0 .6rem
    }

    .tooltip .tooltip-text {
        font-size: .75rem;
        padding: .6rem;
        bottom: 2.2rem;
        max-width: 16rem;
        right: -6rem;
        width: 30rem
    }

        .tooltip .tooltip-text::before {
            border-width: .5rem .5rem 0;
            left: 9.4rem
        }

    .form-check-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .form-check-row {
        gap: 2rem
    }

    .form-check-label {
        padding: 1.1rem 1.3rem;
        font-size: 1rem;
        margin: .8rem 0;
        min-height: 5rem
    }

    input.form-range-text {
        font-size: 1rem
    }

    .form-check-label span, .form-check-label-description {
        font-size: .9rem;
        padding: .4rem 0 0
    }

    .form-range-text-numbers span {
        font-size: .9rem
    }

    .form-help-container {
        margin: 1.5rem 0
    }

    .form-help-icon {
        width: 2rem;
        min-width: 2rem
    }

    .form-help-text {
        font-size: .8rem;
        padding: .6rem .8rem
    }

    div.row.nav {
        padding: 1.5rem 0
    }

    .popup_container button, .simulador .btn {
        font-size: 1.3rem;
        padding: .7rem 1.5rem .8rem
    }
}

@media only screen and (max-width:64em) {
    .header__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__copy-list, .footer__copy-wrapper, .popup_container .form, .slider__content-wrapper, .sub__newsletter__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .hero__row:first-of-type {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        top: -4rem
    }

    .hero {
        height: auto;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        padding: 3rem 3rem 4rem
    }

    .hero__wrapper::after {
        display: none
    }

    .hero__img {
        max-width: 26rem;
        display: block
    }

    div.hero__wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero__row:nth-of-type(2) {
        margin-bottom: 1rem;
        top: -2rem;
        position: relative
    }

    .home__form__card-wrapper {
        width: 100%;
        gap: 1.5rem;
        grid-template-columns: repeat(auto-fill,minmax(24rem,1fr));
        padding: 0
    }

    .home__form__card {
        width: calc(100% - 0rem)
    }

    .slider {
        max-height: 100%
    }

    .slider__content-wrapper {
        max-width: 60rem;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .slider__box {
        padding: 5rem 0 0
    }

    .slider__img {
        max-width: 46rem;
        right: 0
    }

    .sub__newsletter__wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .sub__newsletter__title {
        width: 100%;
        margin-bottom: 2rem
    }

    .footer__copy-text {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 2rem
    }

    .footer__copy-list, .footer__copy-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__copy-list-link {
        margin: 0 0 1rem;
        text-align: center
    }

        .footer__copy-list-link:last-of-type {
            margin: 0
        }

    .dp-discounts__content-wrapper, .result__sim__cards__wrapper, .result__sim__nav__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .result__sim__nav__column a, .result__sim__nav__column button {
        padding: 1.4rem 2rem 1.6rem
    }

    .result__sim__nav__total {
        padding: 1.6rem 2rem
    }

    .result__sim__nav__icon {
        width: 2rem;
        padding: 0 0 .4rem
    }

    .result__sim__nav__column button:disabled, .result__sim__nav__column:first-child button:hover {
        border-radius: 2rem 2rem 0 0
    }

    button.disabled-comment::before {
        width: 14rem;
        top: 20%;
        left: 50%;
        padding: 1.6rem
    }

    .disabled-comment {
        width: 16.5rem
    }

        .disabled-comment::before {
            width: 16.5rem;
            top: 0;
            left: 50%;
            padding: .8rem 1rem
        }

    .result__sim__nav__column:last-child a:hover, .result__sim__nav__column:last-child button:hover {
        border-radius: 0 0 2rem 2rem
    }

    .result__sim__cards__stamps__icon {
        width: 5rem
    }

    .dp-discounts__box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 0 3rem
    }

    .dp-discounts__text {
        margin-bottom: 3rem
    }

    .dp-discounts__img {
        width: 100%;
        max-width: 40rem
    }

    .popup {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: auto
    }

    .popup_container {
        padding: 4rem 2rem 2rem;
        overflow: auto;
        height: 100%;
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: auto
    }

        .popup_container .form {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .form-check-column, .register-to-authentication {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .form_progress .progress_section {
        width: 90%
    }

    .popup_close {
        font-size: 2rem;
        width: 2.2rem;
        height: 2.2rem
    }

    .simulator .form-group {
        padding: 2rem
    }

    .form_progress .progress_section .progress_section-title {
        height: auto;
        font-size: 1rem;
        margin: .4rem 0 0 .4rem
    }

    .form_progress .progress_section-container {
        height: 1.1rem
    }

    .form_progress .progress_row {
        height: 1rem
    }

    .form-question-icon {
        height: 6.5rem
    }

    .form-question-label {
        margin: 1.5rem 0 1rem;
        font-size: 1.1rem
    }

    .tooltip i[role=tooltip-button] {
        width: 1.3rem;
        height: 1.3rem;
        margin: 0 0 0 .6rem
    }

    .tooltip .tooltip-text {
        font-size: .75rem;
        padding: .6rem;
        bottom: 2.2rem;
        max-width: 16rem;
        right: -6rem;
        width: 30rem
    }

        .tooltip .tooltip-text::before {
            border-width: .5rem .5rem 0;
            left: 9.4rem
        }

    .result__sim__cards__anual-title .tooltip .tooltip-text {
        left: 2rem
    }

    .result__sim__cards__anual-savings .tooltip .tooltip-text::before {
        left: 9.2rem
    }

    .double-btns-nav {
        gap: 1rem
    }

    .form-check-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        gap: 0
    }

    .form-check-label {
        padding: 1.1rem 1.3rem;
        font-size: 1rem;
        margin: .8rem 0;
        min-width: 15rem;
        min-height: 3.5rem
    }

    input.form-range-text {
        font-size: 1rem
    }

    .form-check-label span, .form-check-label-description {
        font-size: .9rem;
        padding: .4rem 0 0
    }

    .form-help-text, .register-to-authentication__text-small {
        font-size: .8rem
    }

    .form-range-text-numbers span {
        font-size: .9rem
    }

    .form-help-container {
        margin: 1.5rem 0 0
    }

    .form-help-icon {
        width: 2rem;
        min-width: 2rem
    }

    .form-help-text {
        padding: .6rem .8rem
    }

    div.row.nav {
        padding: 2rem 0
    }

    .popup_container button, .simulador .btn {
        font-size: 1.3rem;
        padding: .8rem 1.5rem
    }

    .register-to-authentication {
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .register-to-authentication__column-1-3, .register-to-authentication__column-2-3 {
        width: 100%;
        padding: 2rem
    }

    .icon-registration {
        width: 8rem;
        height: 8rem
    }

    .register-to-authentication__column-1-3 .register-to-authentication__text {
        font-size: .9rem;
        line-height: 1.3
    }

    .register-to-authentication__offer:first-of-type {
        margin: 0 0 .5rem
    }

    .register-to-authentication__offer:last-of-type {
        margin: .5rem 0 0
    }

    .offer-number-container {
        width: 3rem;
        height: 3rem;
        padding: 1rem
    }

    i.offer-number {
        font-size: 1.5rem
    }

    .register-to-authentication__disclaimer {
        margin: 2rem 0 .5rem
    }

    .register-to-authentication__buttons {
        gap: 1.5rem;
        margin: 2rem 0 1rem
    }

        .register-to-authentication__buttons .btn, .register-to-authentication__buttons button {
            font-size: 1.3rem
        }

        .register-to-authentication__buttons .btn-login {
            padding-left: 3.2rem
        }

            .register-to-authentication__buttons .btn-login::before {
                width: 1rem;
                height: 1rem
            }

    .hero-small__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hero-small__text {
        width: 100%;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 3rem 3rem 0
    }

        .hero-small__text h1 {
            margin-top: -2rem
        }

        .hero-small__text a.btnerror {
            margin-bottom: 3rem
        }

    .banner-code {
        display: block
    }

    .banner-code__img {
        margin: 2rem auto 0
    }
}

@media only screen and (max-width:48em) {
    .counter {
        justify-content: flex-end;
        margin-right: 0
    }

    .header {
        padding: 2rem 2rem 0
    }

    .header__wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home__form__card-wrapper, .result__sim__cards__main-buttons {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .headder__user-name, .header .btn-outline span {
        display: none
    }

    .header .btn-outline {
        padding-left: 0;
        width: 2.5rem;
        height: 2.5rem
    }

        .header .btn-outline::before {
            content: url("../../assets/img/new/ico-user.svg");
            width: 1rem;
            height: 1rem;
            left: .6rem
        }

    .header__logo-image {
        max-width: 12rem
    }

    .hero {
        padding: 3rem 2rem
    }

    .hero__row:first-of-type {
        top: -4rem
    }

    .hero__row:nth-of-type(2) {
        margin-bottom: 1rem;
        top: 0
    }

    .hero__img {
        max-width: 19rem
    }

    .home__form__card-wrapper {
        padding: 0;
        width: 100%;
        flex-direction: column
    }

    .home__form__button--container {
        margin: 4rem 0 1rem
    }

    .result__sim__cards__anual-value, .result__sim__nav__total-value, .slider__title {
        font-size: 3rem
    }

    .slider__subtitle, .slider__text {
        font-size: 1.4rem
    }

    .slider__box {
        padding: 5rem 0 0
    }

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px))
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px)
    }

    .accordeon__detail-icon {
        margin-left: 2rem;
        width: 1.8rem;
        height: 1.8rem
    }

    .accordeon__detail-text, .dp-discounts__text {
        margin-bottom: 2rem
    }

    .sub__newsletter__wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sub__newsletter__title {
        margin-bottom: 2rem;
        text-align: center;
        width: 100%
    }

    .result__sim__cards__column--two-thirds {
        padding: 2.1rem 2.5rem 2.5rem
    }

    .result__sim__cards__title {
        font-size: 1.625rem
    }

    .Supermarket .result__sim__cards-provider {
        font-size: 2rem
    }

    .result__sim__cards-provider {
        font-size: 2.5rem
    }

    .result__sim__cards-description {
        font-size: 1rem
    }

        .result__sim__cards-detail-provider {
            font-size: 1rem;
        }

        .result__sim__cards-view-more {
            margin: 2rem 0 0
        }

    .result__sim__cards__anual-title, .result__sim__nav__total-title {
        font-size: 1.625rem;
        padding: 0 0 .6rem
    }

    .result__sim__cards__anual-installments, .result__sim__cards__anual-savings {
        padding: 2.5rem
    }

    .result__sim__cards__main-buttons {
        flex-direction: column
    }

    .result__sim__cards__main-btn-full {
        height: 3.5rem;
        font-size: 1.375rem
    }

    .result__sim__cards__column--two-thirds__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .popup, .popup_container {
        height: 100%;
        -webkit-box-pack: start
    }

    .double-btns-nav .btn, .result__sim__cards__data {
        width: 100%
    }

    .result__sim__cards__stamps {
        padding-top: 2.2rem
    }

    .result__sim__cards__stamps__icon {
        width: 4.5rem
    }

    .popup {
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: auto
    }

    .popup_container {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 4.2rem 2rem 2rem
    }

        .popup_container .form {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

    .simulator .form-group, div.row.nav {
        padding: 2rem 0
    }

    .form-check-row {
        gap: 1.5rem
    }

    .form-check-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .double-btns, .double-btns-nav {
        -webkit-box-orient: vertical;
        gap: 1rem
    }

    .form-check-label {
        padding: 1rem;
        min-width: 15rem;
        min-height: 3.5rem
    }

    .tooltip .tooltip-text {
        bottom: 2.6rem;
        right: -2rem;
        width: 30rem
    }

        .tooltip .tooltip-text::before {
            left: 13.4rem
        }

    .result__sim__cards__anual-title .tooltip .tooltip-text {
        left: 2rem
    }

    .result__sim__cards__anual-savings .tooltip .tooltip-text::before {
        left: 8.2rem
    }

    .double-btns {
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .double-btns-nav {
        -webkit-box-direction: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .hero-small {
        padding: 0 2rem !important
    }

    .hero-small__image {
        width: 50% !important
    }

    .hero-small__text h1.error-unavailable-title {
        margin-top: -1.5rem !important
    }

    .hero-small__subtitle, .hero-small__text p.error-unavailable-text {
        font-size: 1.3rem
    }

    .hero-small__text {
        width: 100%;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 3rem 0 0
    }

        .hero-small__text h1 {
            margin-top: -.5rem;
            font-size: 4.8rem
        }

        .hero-small__text span {
            font-size: 2.75rem
        }

    .rte__wrapper table td p {
        font-size: .9rem
    }

    .rte__wrapper table td {
        padding: .5rem
    }

    button.disabled-comment::before {
        width: 14rem;
        top: 19%;
        left: 50%;
        padding: 1.6rem
    }

    .disabled-comment::before {
        width: 16.5rem;
        top: 0;
        left: 50%;
        padding: .8rem 1rem
    }
}

@media only screen and (max-width:36em) {
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.2
    }

    .result__sim__cards__data-row {
        display: block
    }

    h1 {
        font-size: 3.375rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.75rem
    }

    h5 {
        font-size: 1.5rem
    }

    .forms-gpf .tab-pane .tab-content button, h6 {
        font-size: 1.375rem
    }

    .cookies__wrapper li, .cookies__wrapper ol, .cookies__wrapper p, .rte__wrapper li, .rte__wrapper ol, .rte__wrapper p, .rte__wrapper ul, p {
        font-size: .9rem;
        line-height: 1.3
    }

    .forms-gpf .home-box-wrpp {
        padding: 2rem
    }

        .forms-gpf .home-box-wrpp .col-12:first-of-type, .hero-small__image, .hero-small__text a.btnerror {
            margin-bottom: 2rem
        }

        .dp-discounts__text, .forms-gpf .home-box-wrpp .note {
            font-size: .9rem;
            margin-bottom: 1.5rem
        }

        .forms-gpf .home-box-wrpp .row .form-group {
            margin-bottom: 1.5rem
        }

            .forms-gpf .home-box-wrpp .row .form-group .c-label {
                font-size: .9rem
            }

        .forms-gpf .home-box-wrpp .row .checkbox-control .label, .forms-gpf .small, .home__form__input--text, .rte__wrapper table td p {
            font-size: .8rem
        }

    .forms-gpf .btn[type=submit] {
        margin: 2rem auto
    }

    .forms-gpf .home-box-wrpp .row .form-group.is-completed .c-label {
        top: -1.3rem;
        font-size: .9rem
    }

    .header__logo-image {
        max-width: 10rem
    }

    .hero__title {
        font-size: 3.375rem;
        margin: -2.5rem 0 1.5rem
    }

        .hero-small__text h2.error-unavailable-subtitle, .hero-small__text span, .hero__title span {
            font-size: 2rem
        }

    .banner-code__subtitle, .hero-small__subtitle, .hero-small__text p.error-unavailable-text, .hero__text, .rte__wrapper h3, .rte__wrapper h3.unsub__subtitle {
        font-size: 1.1rem
    }

    .hero__row:first-of-type {
        top: 0
    }

    .accordeon, .comparators, .cookies, .dp-discounts, .dp-discounts__message, .footer__social, .home__sim, .rte, .sub__newsletter, .tools {
        padding: 3rem 2rem
    }

    .accordeon__title, .home__sim__title {
        font-size: 2rem;
        line-height: 1.1
    }

    .home__sim__text {
        font-size: 1rem;
        margin-bottom: 2rem
    }

    .home__form__card-wrapper {
        padding: 0;
        gap: 1.6rem;
        grid-template-columns: repeat(auto-fill,minmax(18rem,1fr))
    }

    .home__form__card {
        border-radius: 2rem;
        padding: 1rem 1.45rem;
        min-height: 8rem
    }

    .result__sim__cards, .result__sim__cards__title {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem
    }

    .home__form__button--container {
        margin: 2.6rem 0 1rem
    }

    .home__form__card--icon {
        margin-right: 1.3rem
    }

        .home__form__card--icon img {
            width: 2.5rem;
            height: 2.5rem
        }

    .home__form__card--content input[type=checkbox] {
        width: 1.48rem;
        height: 1.48rem
    }

    input[type=checkbox]::before {
        width: .8rem;
        top: .25rem
    }

    .home__form__card--title {
        font-size: 1.2rem;
        margin: 0 0 .6rem
    }

    .slider__title {
        font-size: 2.5rem
    }

    .slider__subtitle, .slider__text {
        font-size: 1.4rem
    }

    .slider__content {
        padding: 0 2rem
    }

    .result__sim, .slider__box {
        padding: 3rem 0 0
    }

    .slider .swiper-button-next, .slider .swiper-button-prev {
        top: 28rem;
        display: none
    }

    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 30px
    }

    .accordeon__text {
        font-size: 1rem;
        margin-bottom: 1rem
    }

    .accordeon__detail-title, .card__more__detail-title {
        font-size: 1.375rem;
        line-height: 1.1;
        padding: 1.6rem 0
    }

    .accordeon__detail-text {
        font-size: .9rem;
        margin-bottom: 1.6rem
    }

    .accordeon__detail-icon {
        margin-left: 1rem;
        width: 1.6rem;
        height: 1.6rem
    }

    .dp-discounts__message__title, .sub__newsletter__title {
        font-size: 1.75rem
    }

    .Supermarket .result__sim__cards-provider, .footer__title {
        font-size: 1.5rem
    }

    .footer__text-number, i.offer-number {
        font-size: 1.3rem
    }

    .footer__list-item {
        margin-right: 1rem
    }

    .footer__list-icon {
        padding: .6rem
    }

    .banner-code__title, .result__sim__title, .tools__title {
        font-size: 2rem;
        line-height: 1.1
    }

    .comparators__text, .result__sim__text, .tools__text {
        font-size: 1rem;
        margin-bottom: 3rem
    }

    .result__sim__nav__previous {
        margin: 3rem 0 0
    }

    .banner-code__text, .result__sim__nav__row label {
        font-size: .9rem
    }

    .result__sim__wrapper {
        padding: 0 2rem
    }

    .cards__row {
        padding: 0 2rem 1rem
    }

    .result__sim__nav__icon {
        width: 1.5rem
    }

    .result__sim__nav__column a, .result__sim__nav__column button {
        font-size: 1.175rem
    }

    .result__sim__cards {
        margin: 3rem 0
    }

    .result__sim__cards__title {
        font-size: 1.3rem
    }

    .result__sim__cards-provider {
        font-size: 1.675rem
    }

    .result__sim__cards-description {
        font-size: .9rem;
        padding: 0 0 1.2rem
    }

        .result__sim__cards-detail-provider {
            font-size: .9rem
        }

        .result__sim__cards-send-mail {
            width: 14rem;
            font-size: 1rem;
            padding: .6rem 1.375rem .6rem 2.375rem
        }

        .result__sim__cards-send-mail:before {
            width: 1rem;
            height: 1rem;
            margin-right: 5px;
            left: 1.375rem
        }

    .result__sim__cards__stamps {
        padding-top: 1.5rem
    }

    .result__sim__cards-view-more {
        font-size: 1rem;
        margin: 1.5rem 0 0
    }

    .card__more__details {
        margin-top: 0
    }

        .card__more__details p {
            margin-bottom: 0
        }

    .result__sim__cards__column--two-thirds {
        padding: 1.6rem 2rem 2rem
    }

    .result__sim__cards__anual-installments, .result__sim__cards__anual-savings {
        padding: 1.5rem
    }

    .result__sim__cards__anual-title, .result__sim__nav__total-title {
        font-size: 1.375rem;
        padding: 0 0 .3rem
    }

    .result__sim__cards__anual-value, .result__sim__nav__total-value {
        font-size: 2.5rem
    }

    .result__sim__cards__main-btn-full {
        font-size: 1.175rem
    }

    .dp-discounts__box {
        padding: 0 0 2rem
    }

    .dp-discounts__title {
        font-size: 2rem;
        line-height: 1.1;
        margin-bottom: 1.3rem
    }

    .comparators__item__content, .tools__item__content {
        margin: 0 1rem 1rem
    }

    .comparators .glider-2-prev, .tools .glider-prev {
        left: -1.5rem
    }

    .tools .glider-next {
        right: -1.5rem;
        left: auto
    }

    .comparators__title {
        font-size: 2rem;
        line-height: 1;
        margin-bottom: 3rem
    }

    .comparators .glider-2-next {
        right: -1.5rem
    }

    .popup {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: auto
    }

    .popup_container {
        padding: 4rem 1.5rem 2rem
    }

    .simulator .form-group {
        padding: 1.5rem 1rem
    }

    div.row.nav {
        padding: 1.5rem 0
    }

    .form_progress .progress_section-container {
        height: .8rem
    }

    .form_progress .progress_row {
        height: .7rem
    }

    .form_progress .progress_section .progress_section-title {
        display: none
    }

    .form-question-icon {
        height: 4.5rem
    }

    .form-check-row {
        gap: .5rem
    }

    .form-check-label {
        min-width: 14rem;
        max-width: 20rem;
        padding: 1rem;
        min-height: 3rem
    }

    .tooltip i[role=tooltip-button] {
        width: 1.1rem;
        height: 1.1rem
    }

    .tooltip .tooltip-text {
        bottom: 2.8rem;
        right: -1rem;
        width: 20rem
    }

        .tooltip .tooltip-text::before {
            left: 14.4rem
        }

    .result__sim__nav__total-title .tooltip .tooltip-text {
        bottom: 2.4rem
    }

    .result__sim__cards__anual-title .tooltip .tooltip-text {
        bottom: 2.4rem;
        right: -3.4rem;
        width: 20rem;
        left: -3.4rem
    }

    .result__sim__cards__anual-savings .tooltip .tooltip-text::before {
        left: 12.1rem
    }

    .form-help-container {
        margin: 1.5rem 0 0
    }

    .form-help-text {
        font-size: .75rem
    }

    .cookies__wrapper h1, .rte__wrapper h1 {
        font-size: 2rem;
        line-height: 1.1;
        margin-bottom: 2rem
    }

    .cookies #ot-sdk-btn.ot-sdk-show-settings {
        margin: 0 0 2rem
    }

    .rte__wrapper h1 span, .rte__wrapper h2 {
        font-size: 1.6rem
    }

    .rte__wrapper table th h3 {
        font-size: 1rem !important
    }

    table.table li, table.table td.middle {
        font-size: .8rem;
        line-height: 1.3;
        margin-bottom: .6rem
    }

    table.table td.rowheader {
        font-size: .75rem;
        line-height: 1.3
    }

    .register-to-authentication__title {
        margin: 0 0 1.6rem
    }

    .icon-registration {
        width: 6rem;
        height: 6rem;
        margin: 0 0 1.5rem
    }

        .icon-registration img {
            width: 3rem;
            height: 3rem
        }

    .register-to-authentication__buttons, .register-to-authentication__disclaimer {
        margin: 1.6rem 0 .5rem
    }

    .register-to-authentication__offer {
        margin: .5rem 0;
        gap: 1rem
    }

    .offer-number-container {
        width: 2rem;
        height: 2rem;
        padding: 1rem;
        border: .2rem solid var(--color-secondary)
    }

    .hero-small__text h1 {
        margin-top: -.5rem;
        font-size: 3.375rem
    }

        .hero-small__text h1.error-unavailable-title {
            font-size: 3.375rem;
            margin-bottom: 1rem
        }

    .register-continue-popup__buttons {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 1rem;
        margin: 1rem 0 0;
        width: 100%
    }

    .application__text {
        font-size: 1rem
    }

    button.disabled-comment::before {
        width: 12rem;
        top: 20%;
        left: 50%;
        padding: 1.4rem;
        font-size: .9rem
    }

    .disabled-comment {
        width: 14rem
    }

        .disabled-comment::before {
            width: 14rem;
            top: 0;
            left: 50%;
            padding: .65rem 1rem;
            font-size: .9rem
        }
}

@media only screen and (max-width:22em) {
    .home__form__card-wrapper {
        grid-template-columns: repeat(auto-fill,minmax(15rem,1fr))
    }

    .home__form__card {
        min-height: 7rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home__form__card--icon, .result__sim__cards-send-mail:before {
        display: none
    }

    .home__form__card--title {
        text-align: center
    }

    .sub__newsletter .btn, .sub__newsletter .btn-flat, footer .btn.btn--invert, footer .btn.btn-outline {
        font-size: 1.2rem
    }

    .footer__list-item {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        margin-right: .5rem
    }

    .footer__copy-list-link {
        line-height: 1.1
    }

    .result__sim__nav__row label {
        font-size: .8rem
    }

    .result__sim__nav__column a, .result__sim__nav__column button {
        font-size: 1.1rem;
        padding: 1.2rem 1.5rem 1.5rem
    }

    .result__sim__nav__total {
        padding: 1.2rem 1.5rem
    }

    .result__sim__nav__icon {
        width: 1.5rem
    }

    .result__sim__cards__title {
        font-size: 1.1rem
    }

    .result__sim__cards__column--two-thirds {
        padding: 1.2rem 1.5rem 1.5rem
    }

    .result__sim__cards-description {
        font-size: .8rem;
        padding: 0 0 1.2rem
    }

        .result__sim__cards-detail-provider {
            font-size: .8rem;
        }

        .result__sim__cards-send-mail {
            width: 12rem;
            font-size: .9rem;
            padding: .6rem .9rem;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .result__sim__cards__stamps__icon {
        width: 3.5rem
    }

    .result__sim__cards-view-more {
        font-size: .9rem;
        margin: 1.2rem 0 0
    }

    .result__sim__cards__anual-installments, .result__sim__cards__anual-savings {
        padding: 1.5rem
    }

    .result__sim__cards__anual-title, .result__sim__nav__total-title {
        font-size: 1.1rem;
        padding: 0 0 .4rem
    }

    .result__sim__cards__anual-value, .result__sim__nav__total-value {
        font-size: 2rem
    }

    .result__sim__cards__main-btn-full {
        height: 3rem;
        font-size: 1.1rem
    }

    .result__sim__cards-img {
        max-width: 130px;
        margin-bottom: 20px
    }

    .disabled-comment, .disabled-comment::before {
        width: 12rem
    }
}

@-moz-document url-prefix() {
    .glider {
        overflow-y: hidden;
        overflow-x: hidden
    }
}