@charset "UTF-8";

*,
::before,
::after {
    box-sizing: border-box;
    min-width: 0
}

html {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4
}

body {
    margin: 0
}

html {
    --grid-gap-small-up: 30px;
    --grid-gap-medium-up: 30px;
    --grid-gap-large-up: 30px;
    --grid-gap-xlarge-up: 30px;
    --grid-gap-xxlarge-up: 30px;
    --grid-gap: var(--grid-gap-small-up);
    --grid-row-max-width: 1440px
}

@media (min-width: 641px) {
    html {
        --grid-gap: var(--grid-gap-medium-up);
        --grid-gap-y: var(--grid-gap-y-medium-up)
    }
}

@media (min-width: 1025px) {
    html {
        --grid-gap: var(--grid-gap-large-up);
        --grid-gap-y: var(--grid-gap-y-large-up)
    }
}

@media (min-width: 1441px) {
    html {
        --grid-gap: var(--grid-gap-xlarge-up);
        --grid-gap-y: var(--grid-gap-y-xlarge-up)
    }
}

@media (min-width: 1921px) {
    html {
        --grid-gap: var(--grid-gap-xxlarge-up);
        --grid-gap-y: var(--grid-gap-y-xxlarge-up)
    }
}

.row {
    --padding-gap: calc(var(--grid-gap) / 2);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: var(--grid-row-max-width);
    margin-left: auto;
    margin-right: auto
}

    .row > .columns {
        --columns: 12;
        --width: calc(100% / (12 / var(--columns)));
        flex: 0 0 var(--width);
        min-width: 0;
        padding-left: var(--padding-gap);
        padding-right: var(--padding-gap);
        overflow-wrap: anywhere;
        white-space: normal
    }

.bloco-texto-elemento .bloco-texto-elemento__coluna-texto__texto__wrapper-botao:not(:empty) a,
html {
    -webkit-font-smoothing: antialiased;
    --global-font-principal: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --global-font-secundaria: "DM Serif Display", serif;
    --global-font-size: 16px;
    --global-font-weight: normal;
    --global-line-height: 1.5;
    --global-color: #1e1e1e;
    --global-color-2: #585858;
    --h1-font-size: 2.488rem;
    --h2-font-size: 2.074rem;
    --h3-font-size: 1.728rem;
    --h4-font-size: 1.44rem;
    --h5-font-size: 1.2rem;
    --h6-font-size: 1.125rem;
    --heading-font-weight: 700;
    --heading-margin-top: 0;
    --small-font-size: .8em;
    --border-radius: 12px;
    --link-color: #1e1e1e;
    --link-color--hover: #2c2c2c;
    --link-text-underline-offset: .1667em;
    --paragraph-margin-bottom: 1rem;
    --fieldset-border-width: 1px;
    --fieldset-border-style: solid;
    --fieldset-border-color: #DDD;
    --fieldset-padding: 1rem;
    --fieldset-margin: 1rem 0;
    --fieldset-legend-background: #FFF;
    --fieldset-legend-font-weight: bold;
    --fieldset-legend-padding: 0 .3125rem;
    --fieldset-legend-margin: 0 0 0 calc(-1 * .3125rem);
    --table-border-color: #DDD;
    font-family: var(--global-font-principal);
    font-size: var(--global-font-size);
    font-weight: var(--global-font-weight);
    line-height: var(--global-line-height);
    font-optical-sizing: auto;
    color: var(--global-color);
    height: 100%
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

/*
a:not(.button, [class*=button]) {
    color: var(--link-color);
    text-decoration: none;
    text-decoration-thickness: from-font;
    text-underline-offset: var(--link-text-underline-offset, auto);
    transition: 0.1s ease
}

    a:not(.button, [class*=button]).link--no-underline {
        --link-text-decoration: none
    }

    a:not(.button, [class*=button]):hover {
        color: var(--link-color--hover)
    }

    a:not(.button, [class*=button]) img {
        border: none
    }

a:not(.button, [class*=button]) {
    --link-text-underline-offset: .3em;
    --link-text-decoration-color: hsl(from currentColor h s l / .3);
    text-decoration-color: var(--link-text-decoration-color, currentColor);
    transition: text-decoration-color 0.2s ease, text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease
}

    a:not(.button, [class*=button]):hover {
        --link-text-decoration-color: hsl(from currentColor h s l / 1)
    }
*/

.grid {
    display: grid
}



html {
    --body-background-color: #FFFDF9;
    overflow-y: scroll;
    overflow-x: hidden;
    --content-inner-wrapper-padding-top: 4rem;
    --content-inner-wrapper-padding-bottom: 0
}

html,
body {
    margin: 0;
    height: auto
}

body {
    background-color: var(--body-background-color, #FFFDF9)
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

#main-container {
    min-height: max(40vh, var(--min-height, 300px));
    padding-bottom: 0.1px;
}


.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    position: relative
}

    .icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .icon svg * {
            fill: currentColor
        }

pre {
    overflow: auto
}

html {
    --section-margin: 8rem
}

@media (min-width: 641px) and (max-width: 1024px) {
    html {
        --section-margin: 5.3333333333rem
    }
}

@media (max-width: 640px) {
    html {
        --section-margin: 4rem
    }
}

.my-dropdown-wrapper {
    position: relative;
    display: inline-block;
    --dropdown-link-color: #1e1e1e;
    --dropdown-link-background-color: transparent;
    --dropdown-link-hover-color: white;
    --dropdown-link-hover-background-color: #1e1e1e;
    --dropdown-background-color: white;
    --dropdown-border-radius: 12px;
    --dropdown-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, .25), 0 8px 16px -8px rgba(0, 0, 0, .2);
    --dropdown-transition-in: opacity 0.15s ease, visibility 0s ease 0s, transform 0.15s ease, box-shadow 0.15s ease;
    --dropdown-transition-out: opacity 0.15s ease 0s, visibility 0s ease 0.15s, transform 0.15s ease 0s, box-shadow 0.15s ease 0s;
    --dropdown-transition-out-delayed: opacity 0.15s ease 0.15s, visibility 0s ease 0.3s, transform 0.2s ease 0.2s, box-shadow 0.15s ease 0.15s
}

    .my-dropdown-wrapper:not(.my-dropdown--on-click):hover {
        z-index: 2
    }

        .my-dropdown-wrapper:not(.my-dropdown--on-click):hover .my-dropdown {
            opacity: 1;
            visibility: visible;
            transition: var(--dropdown-transition-in);
            transform: translate3d(0, 0, 0)
        }

            .my-dropdown-wrapper:not(.my-dropdown--on-click):hover .my-dropdown > .my-dropdown-inner > li {
                opacity: 1;
                transform: translate3d(0, 0, 0)
            }

    .my-dropdown-wrapper.my-dropdown--on-click {
        outline: none
    }

        .my-dropdown-wrapper.my-dropdown--on-click .my-dropdown {
            transition: var(--dropdown-transition-out)
        }

        .my-dropdown-wrapper.my-dropdown--on-click.active .my-dropdown {
            opacity: 1;
            visibility: visible;
            transition: var(--dropdown-transition-in);
            transform: translate3d(0, 0, 0)
        }

            .my-dropdown-wrapper.my-dropdown--on-click.active .my-dropdown > .my-dropdown-inner > li {
                opacity: 1;
                transform: translate3d(0, 0, 0)
            }

    .my-dropdown-wrapper .my-dropdown-trigger {
        --icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        display: flex;
        align-items: center
    }

        .my-dropdown-wrapper .my-dropdown-trigger:after {
            display: inline-block;
            content: "";
            width: 1.2em;
            height: 1.2em;
            background-color: currentColor;
            -webkit-mask: var(--icon);
            -webkit-mask-size: 100%;
            mask: var(--icon);
            mask-size: 100%
        }

    .my-dropdown-wrapper .my-dropdown {
        opacity: 0;
        visibility: hidden;
        transition: var(--dropdown-transition-out-delayed);
        transform: translate3d(0, -10px, 0);
        position: absolute;
        padding-top: 10px
    }

    .my-dropdown-wrapper .my-dropdown-inner {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 8px 0;
        background-color: var(--dropdown-background-color);
        display: block;
        box-shadow: var(--dropdown-box-shadow);
        border-radius: var(--dropdown-border-radius)
    }

        .my-dropdown-wrapper .my-dropdown-inner > li {
            opacity: 0;
            transform: translate3d(0, 10px, 0);
            transition: var(--dropdown-transition-in);
            transition-delay: 0.15s
        }

        .my-dropdown-wrapper .my-dropdown-inner:before {
            content: "";
            display: block;
            position: absolute;
            top: -10px;
            left: 8px;
            border: 12px solid transparent;
            border-bottom-color: var(--dropdown-background-color);
            border-top-width: 0
        }

        .my-dropdown-wrapper .my-dropdown-inner li {
            text-align: left
        }

            .my-dropdown-wrapper .my-dropdown-inner li a {
                padding: 3px 15px;
                text-decoration: none;
                display: flex;
                align-items: center;
                color: var(--dropdown-link-color);
                background-color: var(--dropdown-link-background-color);
                white-space: nowrap
            }

@media (max-width: 1024px) {
    .my-dropdown-wrapper .my-dropdown-inner li a {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.my-dropdown-wrapper .my-dropdown-inner li a:hover {
    background-color: var(--dropdown-link-hover-background-color);
    color: var(--dropdown-link-hover-color)
}

.my-dropdown-wrapper .my-dropdown-inner li a .icon {
    display: inline-block;
    margin-right: 10px
}

.my-dropdown-wrapper.my-dropdown--right .my-dropdown {
    right: 0;
    transform-origin: calc(100% - 20px) -9px
}

    .my-dropdown-wrapper.my-dropdown--right .my-dropdown .my-dropdown-inner:before {
        left: auto;
        right: 8px
    }

.my-dropdown-wrapper.my-dropdown--no-arrow .my-dropdown .my-dropdown-inner:before {
    display: none
}

.my-dropdown-wrapper.my-dropdown--options-dropdown .my-dropdown-trigger:after,
.my-dropdown-wrapper .my-dropdown-trigger.my-dropdown-trigger--no-chevron:after {
    display: none
}


header#header {
    min-height: 0 !important;
    --header-background-color: #FFFDF9;
    --header-inner-background-color: #FFFDF9;
    --header-top-background-color: #DDD;
    background-color: var(--header-background-color)
}

    header#header #header-bottom #logo {
        display: block
    }

    header#header #header-inner {
        transition: transform 0.2s ease;
        background-color: var(--header-inner-background-color);
        position: relative;
        z-index: 900;
        width: 100%;
        left: 0;
        top: 0
    }

@media (min-width: 1025px) {
    .fancybox-enabled:not(:has(#template-carrinho-wrapper)) header#header #header-inner {
        width: calc(100% - 17px);
        right: 17px
    }
}

header#header a {
    text-decoration: none
}

header#header #header-top {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--header-top-background-color);
    position: relative;
    z-index: 2
}

    header#header #header-top #header-top-right {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px 15px;
        justify-content: flex-end
    }

header#header #header-bottom {
    position: relative;
    z-index: 1
}

    header#header #header-bottom #header-bottom-inner-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px
    }

@media (max-width: 1024px) {
    html {
        --header-height: 85px
    }

    header#header {
        position: relative;
        z-index: 2;
        height: var(--header-height)
    }

        header#header .lang-wrapper-large {
            display: none
        }

        header#header .currency-wrapper-large {
            display: none
        }

    #header-inner {
        height: 85px;
        position: fixed
    }

    #header-top {
        display: none
    }

    #header-bottom {
        height: 100%;
        --grid-gap: 48px
    }

        #header-bottom #header-bottom-inner-wrapper {
            --gap: 10px;
            display: grid;
            grid-template-columns: 80px 1fr 80px;
            height: 85px;
            align-items: stretch;
            justify-content: center;
            gap: var(--gap)
        }

            #header-bottom #header-bottom-inner-wrapper #header-bottom-logo-wrapper {
                text-align: center;
                order: 2;
                flex-grow: 1;
                display: flex;
                align-items: center;
                justify-content: center
            }

                #header-bottom #header-bottom-inner-wrapper #header-bottom-logo-wrapper img {
                    height: 35px
                }

    #template-carrinho-wrapper #header-bottom #header-bottom-inner-wrapper #header-bottom-logo-wrapper {
        justify-content: left
    }

    #header-bottom-menu-wrapper {
        display: flex;
        align-items: center;
        order: 1;
        height: 100%;
        min-height: 30px
    }
}

@media (min-width: 1025px) {
    html {
        --header-height: 110px
    }

    header#header.header-with-headroom {
        height: 110px
    }

        header#header.header-with-headroom #header-inner {
            height: 110px
        }

    header#header #header-bottom {
        height: 100%;
        align-items: center;
        padding-top: 15px;
        padding-bottom: 15px;
        display: grid
    }

        header#header #header-bottom #logo img {
            max-height: 60px;
            min-height: 40px
        }

    header#header #header-bottom-logo-wrapper {
        width: 170px
    }

    header#header #header-bottom__right {
        max-width: 170px;
        width: 100%;
        min-width: fit-content;
        display: flex;
        justify-content: end;
        gap: 15px
    }

        header#header #header-bottom__right #search-bar__trigger__mobile-wrapper {
            order: 0
        }

    header#header .lang-wrapper-large {
        display: inline-block;
        text-transform: uppercase
    }

        header#header .lang-wrapper-large #active-lang {
            gap: 4px;
            text-transform: uppercase;
            padding: 9px 12px 9px 15px;
            border-radius: 20px;
            line-height: 1em;
            height: calc(1em + 18px)
        }

            header#header .lang-wrapper-large #active-lang .icon {
                font-size: 24px
            }

        header#header .lang-wrapper-large a {
            text-align: center
        }

            header#header .lang-wrapper-large a.active {
                font-weight: bold
            }

        header#header .lang-wrapper-large li a {
            display: block
        }

        header#header .lang-wrapper-large .my-dropdown {
            width: 100%;
            min-width: max-content
        }

            header#header .lang-wrapper-large .my-dropdown .my-dropdown-inner {
                border: solid 1px #d9d9d9;
                padding: 8px;
                --border-radius: 8px;
                --dropdown-background-color: #FFFDF9;
                --dropdown-box-shadow: 0 4px 4px -1px rgba(12, 12, 13, .1), 0 4px 4px -1px rgba(12, 12, 13, .05);
                --dropdown-link-hover-background-color: #FFD000;
                --dropdown-link-hover-color: #1e1e1e
            }

                header#header .lang-wrapper-large .my-dropdown .my-dropdown-inner a {
                    border-radius: 6px
                }

    header#header .currency-wrapper-large {
        margin-left: 5px
    }
}

header {
    --menu-drawer-left: 0;
    --menu-drawer-right: auto;
    --menu-drawer-transform-x: -100%;
    --menu-drawer-transform-y: 0;
    --menu-drawer-max-width: 300px;
    --menu-drawer-width: 100%;
    --menu-submenu-open-transform-x: 20px;
    --menu-submenu-open-transform-y: 0;
    --menu-submenu-open-opacity: 0;
    --menu-submenu-open-pointer-events: none;
    --menu-submenu-open-position: fixed;
    --menu-submenu-open-height: auto;
    --menu-submenu-closed-height: auto;
    --menu-submenu-open-transition: all 0.10s ease-out 0.10s, visibility 0s, color 0s linear, background 0s linear;
    --menu-submenu-closed-transition: all 0.10s ease-out, visibility 0s 0.10s, color 0s linear, background 0s linear;
    --menu-transicao-easing: cubic-bezier(.785, .135, .15, .86);
    --menu-handle-button-width: 30px;
    --menu-handle-button-height: 30px;
    --menu-handle-button-background: transparent;
    --menu-handle-button-color: #1e1e1e;
    --menu-handle-button-padding: 0;
    --menu-handle-button-inner-translate: 11px;
    --menu-handle-stroke-width: 2px;
    --menu-close-button-width: 30px;
    --menu-close-button-height: 30px;
    --menu-close-button-background: transparent;
    --menu-close-button-padding: 0;
    --menu-close-button-color: #FFD000;
    --menu-item-color: #FFD000;
    --menu-item-font-size: 1.5rem;
    --menu-item-font-weight: 500;
    --menu-item-line-height: inherit;
    --menu-item-padding-top: 10px;
    --menu-item-padding-bottom: 10px;
    --menu-item-padding-left: 15px;
    --menu-item-padding-right: 15px;
    --menu-submenu-item-font-size: 1.5rem;
    --menu-submenu-item-font-weight: 500;
    --menu-submenu-item-line-height: inherit;
    --menu-submenu-padding-top: 85px;
    --menu-header-height: 85px;
    --menu-header-padding-top: 0;
    --menu-header-padding-bottom: 0;
    --menu-header-padding-left: 15px;
    --menu-header-padding-right: 15px;
    --menu-header-close-button-margin-left: 0;
    --menu-header-close-button-margin-right: auto;
    --menu-submenu-header-height: 85px;
    --menu-submenu-header-display: flex;
    --menu-item-has-subemnu-caret: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    --menu-mobile-background: #1e1e1e;
    --menu-mobile-header-bg: #1e1e1e;
    --menu-mobile-overlay-bg: #1e1e1e;
    --menu-handle-button-width: 24px;
    --menu-handle-button-inner-translate: 7px
}

    header .menu--on-the-right {
        --menu-drawer-left: auto;
        --menu-drawer-right: 0;
        --menu-drawer-transform-x: 100%;
        --menu-drawer-transform-y: 0;
        --menu-submenu-open-transform-x: 20px;
        --menu-submenu-open-transform-y: 0;
        --menu-header-close-button-margin-left: auto;
        --menu-header-close-button-margin-right: 0
    }

    header .header-bottom-mobile__right {
        order: 3;
        display: flex;
        align-items: center;
        min-width: 40px;
        justify-content: flex-end
    }

        header .header-bottom-mobile__right#header-bottom-cart-mobile-wrapper .my-cart-wrapper > a {
            width: auto;
            height: 100%
        }

            header .header-bottom-mobile__right#header-bottom-cart-mobile-wrapper .my-cart-wrapper > a svg,
            header .header-bottom-mobile__right#header-bottom-cart-mobile-wrapper .my-cart-wrapper > a img,
            header .header-bottom-mobile__right#header-bottom-cart-mobile-wrapper .my-cart-wrapper > a .icon {
                display: inline-block;
                vertical-align: sub;
                height: 100%;
                width: 22px
            }

    header #menu-handle::before,
    header #menu-handle::after,
    header #menu-handle span,
    header .menu-mobile__close-button::before,
    header .menu-mobile__close-button::after,
    header .menu-mobile__close-button span,
    header .menu-mobile__submenu__close-button::before,
    header .menu-mobile__submenu__close-button::after,
    header .menu-mobile__submenu__close-button span {
        background: currentColor
    }

    header #menu-handle::before,
    header #menu-handle::after,
    header .menu-mobile__close-button::before,
    header .menu-mobile__close-button::after,
    header .menu-mobile__submenu__close-button::before,
    header .menu-mobile__submenu__close-button::after {
        content: "";
        position: absolute;
        height: var(--menu-handle-stroke-width);
        left: var(--menu-handle-button-inner-left, var(--menu-handle-button-padding));
        right: var(--menu-handle-button-inner-right, var(--menu-handle-button-padding));
        top: calc(50% - var(--menu-handle-stroke-width) / 2);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear);
        transition-delay: 0.35s
    }

    header #menu-handle span,
    header .menu-mobile__close-button span,
    header .menu-mobile__submenu__close-button span {
        position: absolute;
        height: var(--menu-handle-stroke-width);
        left: var(--menu-handle-button-inner-left, var(--menu-handle-button-padding));
        right: var(--menu-handle-button-inner-right, var(--menu-handle-button-padding));
        overflow: hidden;
        text-indent: 200%;
        transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear);
        transform: translate3d(0, calc(var(--menu-handle-stroke-width) / -2), 0);
        transition-delay: 0.25s
    }

    header #menu-handle::before,
    header .menu-mobile__close-button::before,
    header .menu-mobile__submenu__close-button::before {
        transform: translate3d(0, calc(var(--menu-handle-button-inner-translate, var(--menu-handle-button-inner-translate)) * -1), 0)
    }

    header #menu-handle::after,
    header .menu-mobile__close-button::after,
    header .menu-mobile__submenu__close-button::after {
        transform: translate3d(0, calc(var(--menu-handle-button-inner-translate, var(--menu-handle-button-inner-translate)) * 1), 0)
    }

    header #menu-handle {
        background: var(--menu-handle-button-background);
        border: none;
        width: var(--menu-handle-button-width);
        max-width: var(--menu-handle-button-width);
        height: var(--menu-handle-button-height);
        padding: var(--menu-handle-button-padding);
        outline: none;
        position: relative;
        z-index: 1001;
        margin-bottom: 0;
        color: var(--menu-handle-button-color)
    }

    header #menu-large {
        display: none
    }

    header #menu-mobile {
        display: block;
        position: fixed;
        visibility: hidden;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1002;
        transition: all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear, visibility 0.15s cubic-bezier(.785, .135, .15, .86) 0.15s
    }

        header #menu-mobile.menu--has-submenu-open #menu-mobile__inner-wrapper .menu-mobile__header [data-item-to-animate-first-level],
        header #menu-mobile.menu--has-submenu-open #menu-mobile__inner-wrapper .menu-mobile__footer [data-item-to-animate-first-level] {
            opacity: var(--menu-submenu-open-opacity);
            pointer-events: var(--menu-submenu-open-pointer-events);
            transform: translate3d(calc(var(--menu-submenu-open-transform-x) * -1), calc(var(--menu-submenu-open-transform-y) * -1), 0);
            transition: all 0.1s var(--menu-transicao-easing), visibility 0s 0s, color 0s linear, background 0s linear
        }

        header #menu-mobile.menu--has-submenu-open #menu-mobile__inner-wrapper .menu-mobile__first-level > .menu__item > a {
            opacity: var(--menu-submenu-open-opacity);
            transform: translate3d(calc(var(--menu-submenu-open-transform-x) * -1), calc(var(--menu-submenu-open-transform-y) * -1), 0);
            transition: all 0.1s var(--menu-transicao-easing), visibility 0s 0s, color 0s linear, background 0s linear
        }

        header #menu-mobile .menu-mobile__close-button {
            position: relative;
            margin-right: var(--menu-header-close-button-margin-right);
            margin-left: var(--menu-header-close-button-margin-left);
            order: var(--menu-close-button-order, 0);
            background: var(--menu-close-button-background, var(--menu-handle-button-background));
            border: var(--menu-close-button-border, none);
            width: var(--menu-close-button-width, var(--menu-handle-button-width));
            max-width: var(--menu-close-button-width, var(--menu-handle-button-width));
            height: var(--menu-close-button-height, var(--menu-handle-button-height));
            padding: var(--menu-close-button-padding, var(--menu-handle-button-padding));
            outline: none;
            z-index: 1001;
            margin-bottom: 0;
            color: var(--menu-close-button-color, var(--menu-item-color))
        }

            header #menu-mobile .menu-mobile__close-button:before,
            header #menu-mobile .menu-mobile__close-button:after {
                width: 100%;
                transform: rotate3d(0, 0, 1, 0);
                transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear)
            }

            header #menu-mobile .menu-mobile__close-button span {
                opacity: 0
            }

html.menu-opened header #menu-mobile #menu-handle:before,
html.menu-opened header #menu-mobile #menu-handle:after,
html.menu-opened header #menu-mobile .menu-mobile__close-button:before,
html.menu-opened header #menu-mobile .menu-mobile__close-button:after {
    transition: all 0.1s var(--menu-transicao-easing), visibility 0s 0s, color 0s linear, background 0s linear;
    transition-delay: 0.3s, 0s
}

html.menu-opened header #menu-mobile #menu-handle span,
html.menu-opened header #menu-mobile .menu-mobile__close-button span {
    opacity: 0
}

html.menu-opened header #menu-mobile #menu-handle::before,
html.menu-opened header #menu-mobile .menu-mobile__close-button::before {
    transform: rotate3d(0, 0, 1, 45deg)
}

html.menu-opened header #menu-mobile #menu-handle::after,
html.menu-opened header #menu-mobile .menu-mobile__close-button::after {
    transform: rotate3d(0, 0, 1, 135deg)
}

header #menu-mobile .menu__item--has-submenu.opened > .menu__submenu > .menu-mobile__submenu__header .menu-mobile__submenu__close-button span {
    width: 70%
}

header #menu-mobile .menu__item--has-submenu.opened > .menu__submenu > .menu-mobile__submenu__header .menu-mobile__submenu__close-button:before,
header #menu-mobile .menu__item--has-submenu.opened > .menu__submenu > .menu-mobile__submenu__header .menu-mobile__submenu__close-button:after {
    width: 45%
}

header #menu-mobile .menu__item--has-submenu.opened > .menu__submenu > .menu-mobile__submenu__header .menu-mobile__submenu__close-button::before {
    transform: rotate3d(0, 0, 1, 45deg)
}

header #menu-mobile .menu__item--has-submenu.opened > .menu__submenu > .menu-mobile__submenu__header .menu-mobile__submenu__close-button::after {
    transform: rotate3d(0, 0, 1, -45deg)
}

header #menu-mobile button.menu-mobile__submenu__close-button {
    left: 15px;
    top: 0;
    background: var(--menu-close-button-background, var(--menu-handle-button-background));
    border: var(--menu-close-button-border, none);
    width: var(--menu-close-button-width, var(--menu-handle-button-width));
    max-width: var(--menu-close-button-width, var(--menu-handle-button-width));
    height: var(--menu-close-button-height, var(--menu-handle-button-height));
    padding: var(--menu-close-button-padding, var(--menu-handle-button-padding));
    outline: none;
    position: relative;
    z-index: 1001;
    margin-bottom: 0;
    color: var(--menu-close-button-color, var(--menu-item-color))
}

    header #menu-mobile button.menu-mobile__submenu__close-button span {
        opacity: 1;
        margin-left: 0;
        width: 10%;
        transform: translateY(0) rotate3d(0, 0, 1, 0deg);
        transform-origin: 0;
        top: calc(50% - 1px);
        border-radius: 2px
    }

    header #menu-mobile button.menu-mobile__submenu__close-button:before,
    header #menu-mobile button.menu-mobile__submenu__close-button:after {
        -webkit-transform-origin: 0;
        transform-origin: 0;
        width: 10%;
        border-radius: 2px;
        margin-left: 1px
    }

    header #menu-mobile button.menu-mobile__submenu__close-button::before {
        transform: rotate3d(0, 0, 1, 45deg)
    }

    header #menu-mobile button.menu-mobile__submenu__close-button::after {
        transform: rotate3d(0, 0, 1, -45deg)
    }

header #menu-mobile #menu-mobile__inner-wrapper {
    z-index: 1004;
    list-style: none;
    margin: 0;
    transform: translate3d(var(--menu-drawer-transform-x), var(--menu-drawer-transform-y), 0);
    transition: all 0.2s var(--menu-transicao-easing);
    position: fixed;
    top: 0;
    left: var(--menu-drawer-left);
    right: var(--menu-drawer-right);
    bottom: 0;
    background-color: var(--menu-mobile-background);
    height: 100%;
    max-width: var(--menu-drawer-max-width, 300px);
    width: var(--menu-drawer-width, 100%);
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--menu-item-color, #FFD000)
}

    header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__header {
        height: var(--menu-header-height, 85px);
        padding-top: var(--menu-header-padding-top, 0);
        padding-bottom: var(--menu-header-padding-bottom, 0);
        padding-left: var(--menu-header-padding-left, 15px);
        padding-right: var(--menu-header-padding-right, 15px);
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--menu-mobile-header-bg);
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header #menu-mobile #menu-mobile__inner-wrapper .lang-wrapper-mobile > a > span {
        text-transform: uppercase
    }

    header #menu-mobile #menu-mobile__inner-wrapper .lang-wrapper-mobile .menu__submenu {
        text-transform: uppercase
    }

    header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__header {
        font-size: var(--menu-header-font-size, .75em);
        font-weight: var(--menu-header-font-weight, 400)
    }

        header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__header > .menu__items > .menu__item > *:not(.menu__submenu) {
            font-size: var(--menu-header-font-size, .75em)
        }

    header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__footer {
        font-size: var(--menu-footer-font-size, .75em);
        font-weight: var(--menu-footer-font-weight, 400)
    }

        header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__footer > .menu__items > .menu__item > *:not(.menu__submenu) {
            padding-left: var(--menu-item-padding-left);
            font-size: var(--menu-footer-font-size, .75em);
            color: var(--menu-footer-font-color, currentColor)
        }

        header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__header [data-item-to-animate-first-level],
        header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__footer [data-item-to-animate-first-level] {
            opacity: 1;
            transform: none;
            transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear)
        }

    header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__footer {
        padding-top: 40px
    }

    header #menu-mobile #menu-mobile__inner-wrapper ul {
        list-style: none;
        margin: 0;
        padding-top: var(--menu-ul-padding-top, 10px);
        padding-bottom: var(--menu-ul-padding-bottom, 10px)
    }

    header #menu-mobile #menu-mobile__inner-wrapper .menu__items {
        font-size: var(--menu-item-font-size, 1.5rem);
        font-weight: var(--menu-item-font-weight, 500);
        line-height: var(--menu-item-line-height, inherit)
    }

        header #menu-mobile #menu-mobile__inner-wrapper .menu__items > .menu__item {
            padding: 0
        }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__items > .menu__item > a {
                display: block;
                padding: var(--menu-item-padding-top) var(--menu-item-padding-right) var(--menu-item-padding-bottom) var(--menu-item-padding-left);
                transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear)
            }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__items > .menu__item.menu__item--active > a {
                background-color: var(--menu-selected-item-background-color, rgba(255, 208, 0, .1));
                color: var(--menu-selected-item-color, #FFD000);
                text-decoration: var(--menu-selected-item-text-decoration, none);
                text-underline-offset: var(--menu-selected-item-text-underline-offset, auto)
            }

    header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu-open > * > a {
        opacity: 0;
        transform: translate3d(20px, 0, 0);
        transition: all 0.1s var(--menu-transicao-easing), visibility 0s 0s, color 0s linear, background 0s linear
    }

    header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu {
        position: static;
        z-index: 1002;
        --__menu-item-padding-right: calc(var(--menu-item-padding-right) + 20px)
    }

        header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu > a {
            position: relative;
            --menu-item-padding-right: var(--__menu-item-padding-right)
        }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu > a:after {
                content: "";
                position: absolute;
                top: 50%;
                right: calc((var(--menu-item-padding-right)) / 2);
                width: 18px;
                height: 18px;
                display: var(--menu-item-has-submenu-caret-display, inline-block);
                box-sizing: border-box;
                transform: translate3d(0%, -50%, 0) rotate(-90deg);
                -webkit-mask-image: var(--menu-item-has-subemnu-caret);
                -webkit-mask-size: 100%;
                mask-image: var(--menu-item-has-subemnu-caret);
                mask-size: 100%;
                background-color: currentColor;
                background-repeat: no-repeat
            }

        header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu.opened > .menu__submenu {
            visibility: visible;
            opacity: 1;
            height: var(--menu-submenu-open-height, auto);
            transform: translate3d(0, 0, 0);
            transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear)
        }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu.opened > .menu__submenu > .menu-mobile__submenu__header {
                visibility: visible;
                opacity: 1;
                transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear)
            }

        header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu {
            padding-top: var(--menu-submenu-padding-top, 85px);
            display: block;
            visibility: hidden;
            position: var(--menu-submenu-open-position, fixed);
            height: var(--menu-submenu-closed-height, auto);
            opacity: 0;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            z-index: 1003;
            overflow: hidden;
            background-color: var(--menu-drawer-submenu-background, #1e1e1e);
            transition: var(--menu-submenu-closed-transition, all 0.15s ease-out, visibility 0s 0.15s);
            transform: translate3d(var(--menu-submenu-open-transform-x), var(--menu-submenu-open-transform-y), 0);
            font-size: var(--menu-submenu-item-font-size, 1.5rem);
            font-weight: var(--menu-submenu-item-font-weight, 500);
            line-height: var(--menu-submenu-item-line-height, inherit);
            --menu-item-font-size: var(--menu-submenu-item-font-size);
            --menu-item-font-weight: var(--menu-submenu-item-font-weight);
            --menu-item-line-height: var(--menu-submenu-item-line-height)
        }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu.menu__submenu--has-submenu-open > .menu-mobile__submenu__header {
                opacity: 0;
                pointer-events: var(--menu-submenu-open-pointer-events);
                transform: translate3d(calc(var(--menu-submenu-open-transform-x) * -1), calc(var(--menu-submenu-open-transform-y) * -1), 0);
                transition: all 0.1s var(--menu-transicao-easing), visibility 0s 0s, color 0s linear, background 0s linear
            }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu.menu__submenu--has-submenu-open > .menu__items > .menu__item > a {
                opacity: 0;
                transform: translate3d(calc(var(--menu-submenu-open-transform-x) * -1), calc(var(--menu-submenu-open-transform-y) * -1), 0);
                transition: all 0.1s var(--menu-transicao-easing), visibility 0s 0s, color 0s linear, background 0s linear
            }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu ul {
                padding-top: var(--menu-submenu-ul-padding-top, var(--menu-ul-padding-top, 10px));
                padding-bottom: var(--menu-submenu-ul-padding-bottom, var(--menu-ul-padding-bottom, 10px))
            }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu > a {
                position: relative
            }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu .menu__item {
                --menu-item-color: var(--menu-submenu-item-color)
            }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu > .menu-mobile__submenu__header {
                position: absolute;
                cursor: pointer;
                height: var(--menu-submenu-header-height, 85px);
                padding: 0 var(--menu-submenu-header-padding-right, 15px) 0 var(--menu-submenu-header-padding-left, 15px);
                top: 0;
                left: 0;
                right: 0;
                visibility: hidden;
                background-color: var(--menu-mobile-header-bg);
                transition: var(--menu-submenu-open-transition, all 0.1s var(--menu-transicao-easing) 0.15s, visibility 0s 0.1s, color 0s linear, background 0s linear);
                display: var(--menu-submenu-header-display, flex);
                align-items: center;
                opacity: 1
            }

                header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu > .menu-mobile__submenu__header .menu-mobile__submenu__close-button {
                    left: 0;
                    flex: 0 0 auto
                }

                header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu .menu__submenu > .menu-mobile__submenu__header .menu-mobile__submenu__title {
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    text-transform: uppercase;
                    font-size: .9em;
                    overflow: hidden;
                    flex: 1 0 0%
                }

    header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__first-level {
        position: static
    }

    header #menu-mobile #menu-mobile__inner-wrapper a {
        display: inline-block;
        color: var(--menu-item-color, #FFD000)
    }

header #menu-mobile #menu-mobile__overlay {
    z-index: 1003;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--menu-mobile-overlay-bg);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
    backdrop-filter: blur(5px)
}

header .menu--on-the-right {
    --menu-drawer-transform-x: 0;
    --menu-drawer-transform-y: -50px;
    --menu-drawer-max-width: 100%;
    --menu-drawer-width: 100%;
    --menu-submenu-open-transform-x: 0;
    --menu-submenu-open-transform-y: -50px
}

html.menu-opened header #menu-large {
    display: none
}

html.menu-opened header #menu-mobile {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: opacity 0s, visibility 0s
}

    html.menu-opened header #menu-mobile #menu-mobile__inner-wrapper {
        transform: translate3d(0%, 0, 0);
        transition: transform 0.3s var(--menu-transicao-easing)
    }

    html.menu-opened header #menu-mobile #menu-mobile__overlay {
        visibility: visible;
        opacity: 1
    }

@media (min-width: 1025px) {
    header {
        --menu-item-has-subemnu-caret: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        --menu-large-active-color: #1e1e1e;
        --menu-cor-1: #1e1e1e;
        --menu-large-hover-color: #1e1e1e;
        --menu-large-submenu-item-hover-color: #000;
        --menu-large-submenu-item-active-color: #000;
        --menu-large-submenu-bg: #FFF;
        --menu-large-submenu-text-color: #1e1e1e
    }

        header .header-bottom-mobile__right {
            display: none
        }

        header #menu-handle,
        header #menu-close {
            display: none
        }

        header .menu-mobile__submenu__header {
            display: none
        }

        header #menu-mobile {
            display: none
        }

        header #menu-large {
            display: block;
            opacity: 1;
            z-index: 1000;
            visibility: visible !important;
            position: relative;
            overflow: visible
        }

            header #menu-large #menu-mobile__overlay {
                display: none
            }

            header #menu-large #menu-login-mobile {
                display: none
            }

            header #menu-large .menu-mobile__submenu__header {
                display: none
            }

            header #menu-large #menu-large__inner-wrapper {
                position: relative;
                overflow: visible;
                max-width: none;
                padding-top: 0;
                transform: translate3d(0%, 0, 0)
            }

                header #menu-large #menu-large__inner-wrapper ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    transform: translate3d(0%, 0, 0)
                }

                header #menu-large #menu-large__inner-wrapper li {
                    list-style: none;
                    position: relative
                }

                header #menu-large #menu-large__inner-wrapper .menu-large__first-level {
                    position: relative;
                    height: auto;
                    max-width: none;
                    width: auto;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center
                }

                    header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item:last-child:not(.menu__item--has-submenu) {
                        padding-right: 0
                    }

                    header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item {
                        display: inline-block;
                        position: relative;
                        padding-left: 12px;
                        padding-right: 12px;
                        vertical-align: middle
                    }

                        header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item.menu__item--active > a {
                            color: var(--menu-large-active-color);
                            text-decoration: var(--menu-large-active-text-decoration, underline from-font);
                            text-underline-offset: var(--menu-large-active-text-underline-offset, 4px)
                        }

                        header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item.menu__item--has-submenu {
                            display: inline-flex;
                            align-items: center
                        }

                            header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item.menu__item--has-submenu:after {
                                content: "";
                                color: inherit;
                                display: inline-block;
                                background-color: currentColor;
                                -webkit-mask-image: var(--menu-item-has-subemnu-caret);
                                mask-image: var(--menu-item-has-subemnu-caret);
                                width: 20px;
                                height: 20px;
                                background-position: 100% center;
                                background-repeat: no-repeat;
                                background-size: contain
                            }

                        header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item > a {
                            padding-left: 0;
                            padding-right: 0;
                            display: flex;
                            align-items: center;
                            min-height: 2em;
                            color: var(--menu-cor-1)
                        }

                            header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item > a:hover {
                                color: var(--menu-large-hover-color)
                            }

                        header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item .menu__submenu .menu__item--active a {
                            color: inherit
                        }

                        header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item .menu__submenu .menu__item--active > a {
                            color: var(--menu-large-submenu-item-active-color);
                            background-color: var(--menu-large-submenu-item-active-bg, transparent)
                        }

                        header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item .menu__submenu a {
                            display: block;
                            white-space: nowrap;
                            border-radius: var(--border-radius)
                        }

                            header #menu-large #menu-large__inner-wrapper .menu-large__first-level > .menu__item .menu__submenu a:hover {
                                color: var(--menu-large-submenu-item-hover-color);
                                background-color: var(--menu-large-submenu-item-hover-bg, transparent)
                            }

                header #menu-large #menu-large__inner-wrapper .menu__item--has-submenu:hover > .menu__submenu {
                    opacity: 1;
                    visibility: visible;
                    transform: var(--menu-submenu-transform-open, translate3d(0, 0, 0))
                }

                    header #menu-large #menu-large__inner-wrapper .menu__item--has-submenu:hover > .menu__submenu > .menu__items {
                        opacity: 1;
                        visibility: visible;
                        transform: var(--menu-submenu-items-transform-open, translate3d(0, 0, 0))
                    }

                header #menu-large #menu-large__inner-wrapper .menu__submenu {
                    opacity: 0;
                    visibility: hidden;
                    position: absolute;
                    background-color: var(--menu-large-submenu-bg);
                    box-shadow: var(--menu-large-submenu-box-shadow, 0 4px 12px rgba(0, 0, 0, .2));
                    min-width: 100%;
                    left: 0;
                    top: 100%;
                    bottom: auto;
                    transition: var(--menu-large-submenu-transicao, all 0.2s cubic-bezier(.785, .135, .15, .86));
                    border-radius: var(--border-radius);
                    transform: var(--menu-submenu-transform-closed, translate3d(0, -10px, 0))
                }

                    header #menu-large #menu-large__inner-wrapper .menu__submenu .menu__items {
                        opacity: 0;
                        visibility: hidden;
                        transform: var(--menu-submenu-items-transform-closed, translate3d(0, 10px, 0));
                        transition: var(--menu-large-submenu-transicao, all 0.2s cubic-bezier(.785, .135, .15, .86));
                        transition-delay: 0.15s
                    }

                    header #menu-large #menu-large__inner-wrapper .menu__submenu .menu__item {
                        display: grid;
                        align-items: center;
                        grid-template-columns: 1fr;
                        min-width: max-content
                    }

                        header #menu-large #menu-large__inner-wrapper .menu__submenu .menu__item a {
                            flex-grow: 1;
                            color: var(--menu-large-submenu-text-color);
                            display: block;
                            padding: 7px 12px
                        }

                        header #menu-large #menu-large__inner-wrapper .menu__submenu .menu__item.menu__item--has-submenu {
                            grid-template-columns: 1fr 30px
                        }

                            header #menu-large #menu-large__inner-wrapper .menu__submenu .menu__item.menu__item--has-submenu:after {
                                flex: 0 0 auto;
                                content: "";
                                color: inherit;
                                display: inline-block;
                                background-color: currentColor;
                                -webkit-mask-image: var(--menu-item-has-subemnu-caret);
                                mask-image: var(--menu-item-has-subemnu-caret);
                                -webkit-mask-size: 70%;
                                mask-size: 70%;
                                -webkit-mask-repeat: no-repeat;
                                mask-repeat: no-repeat;
                                -webkit-mask-position: center center;
                                mask-position: center center;
                                width: 30px;
                                height: 30px;
                                background-position: 100% center;
                                background-repeat: no-repeat;
                                background-size: contain;
                                transform: rotate(-90deg)
                            }

                    header #menu-large #menu-large__inner-wrapper .menu__submenu .menu__submenu {
                        left: 100%;
                        top: 0
                    }

                header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper {
                    position: relative;
                    display: inline-block;
                    --dropdown-link-color: #1e1e1e;
                    --dropdown-link-background-color: transparent;
                    --dropdown-link-hover-color: white;
                    --dropdown-link-hover-background-color: #1e1e1e;
                    --dropdown-background-color: white;
                    --dropdown-border-radius: 12px;
                    --dropdown-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, .25), 0 8px 16px -8px rgba(0, 0, 0, .2);
                    --dropdown-transition-in: opacity 0.15s ease, visibility 0s ease 0s, transform 0.15s ease, box-shadow 0.15s ease;
                    --dropdown-transition-out: opacity 0.15s ease 0s, visibility 0s ease 0.15s, transform 0.15s ease 0s, box-shadow 0.15s ease 0s;
                    --dropdown-transition-out-delayed: opacity 0.15s ease 0.15s, visibility 0s ease 0.3s, transform 0.2s ease 0.2s, box-shadow 0.15s ease 0.15s
                }

                    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper:not(.my-dropdown--on-click):hover {
                        z-index: 2
                    }

                        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper:not(.my-dropdown--on-click):hover .my-dropdown {
                            opacity: 1;
                            visibility: visible;
                            transition: var(--dropdown-transition-in);
                            transform: translate3d(0, 0, 0)
                        }

                            header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper:not(.my-dropdown--on-click):hover .my-dropdown > .my-dropdown-inner > li {
                                opacity: 1;
                                transform: translate3d(0, 0, 0)
                            }

                    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--on-click {
                        outline: none
                    }

                        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--on-click .my-dropdown {
                            transition: var(--dropdown-transition-out)
                        }

                        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--on-click.active .my-dropdown {
                            opacity: 1;
                            visibility: visible;
                            transition: var(--dropdown-transition-in);
                            transform: translate3d(0, 0, 0)
                        }

                            header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--on-click.active .my-dropdown > .my-dropdown-inner > li {
                                opacity: 1;
                                transform: translate3d(0, 0, 0)
                            }

                    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-trigger {
                        --icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
                        display: flex;
                        align-items: center
                    }

                        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-trigger:after {
                            display: inline-block;
                            content: "";
                            width: 1.2em;
                            height: 1.2em;
                            background-color: currentColor;
                            -webkit-mask: var(--icon);
                            -webkit-mask-size: 100%;
                            mask: var(--icon);
                            mask-size: 100%
                        }

                    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown {
                        opacity: 0;
                        visibility: hidden;
                        transition: var(--dropdown-transition-out-delayed);
                        transform: translate3d(0, -10px, 0);
                        position: absolute;
                        padding-top: 10px
                    }

                    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner {
                        position: relative;
                        list-style: none;
                        margin: 0;
                        padding: 8px 0;
                        background-color: var(--dropdown-background-color);
                        display: block;
                        box-shadow: var(--dropdown-box-shadow);
                        border-radius: var(--dropdown-border-radius)
                    }

                        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner > li {
                            opacity: 0;
                            transform: translate3d(0, 10px, 0);
                            transition: var(--dropdown-transition-in);
                            transition-delay: 0.15s
                        }

                        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner:before {
                            content: "";
                            display: block;
                            position: absolute;
                            top: -10px;
                            left: 8px;
                            border: 12px solid transparent;
                            border-bottom-color: var(--dropdown-background-color);
                            border-top-width: 0
                        }

                        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner li {
                            text-align: left
                        }

                            header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner li a {
                                padding: 3px 15px;
                                text-decoration: none;
                                display: flex;
                                align-items: center;
                                color: var(--dropdown-link-color);
                                background-color: var(--dropdown-link-background-color);
                                white-space: nowrap
                            }
}

@media (min-width: 1025px) and (max-width: 1024px) {
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner li a {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner li a:hover {
        background-color: var(--dropdown-link-hover-background-color);
        color: var(--dropdown-link-hover-color)
    }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-inner li a .icon {
        display: inline-block;
        margin-right: 10px
    }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--right .my-dropdown {
        right: 0;
        transform-origin: calc(100% - 20px) -9px
    }

        header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--right .my-dropdown .my-dropdown-inner:before {
            left: auto;
            right: 8px
        }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--no-arrow .my-dropdown .my-dropdown-inner:before {
        display: none
    }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper.my-dropdown--options-dropdown .my-dropdown-trigger:after,
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .my-dropdown-trigger.my-dropdown-trigger--no-chevron:after {
        display: none
    }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .my-dropdown-wrapper .icon {
        margin-right: 10px
    }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .lang-wrapper-mobile {
        display: none !important
    }
}

@media (min-width: 1025px) {
    header #menu-large #my-cart-wrapper-large {
        padding-left: 0
    }

        header #menu-large #my-cart-wrapper-large > a {
            width: auto;
            height: 100%
        }

            header #menu-large #my-cart-wrapper-large > a svg,
            header #menu-large #my-cart-wrapper-large > a img {
                display: inline-block;
                vertical-align: sub;
                height: 100%;
                width: 22px
            }
}

@media (min-width: 1025px) {
    header #header-bottom-menu-wrapper {
        flex-grow: 0;
        min-width: max-content;
        display: flex;
        gap: 24px
    }
}

@media (min-width: 1025px) {
    header .header-bottom-mobile__right {
        display: none
    }
}

@media (min-width: 1025px) {
    header #menu-mobile {
        display: none !important
    }
}

@media (min-width: 1025px) {
    header #menu-large {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto
    }

    html.menu-opened header #menu-large {
        display: flex
    }

    header #menu-large .menu-large__first-level > li:not(.menu__item--active):hover > a {
        text-decoration: underline
    }

    header #menu-large .menu__item .menu__submenu .menu__item--has-submenu > a {
        grid-column: 1/span 2;
        grid-row: 1;
        padding-right: 30px
    }

    header #menu-large .menu__item .menu__submenu .menu__item--has-submenu:after {
        grid-column: 2;
        grid-row: 1
    }

    header #menu-large > ul {
        display: flex;
        list-style: none;
        margin: 0;
        gap: 2rem
    }
}

@media (min-width: 1025px) {
    header .lang-wrapper-mobile {
        display: none
    }
}

@media (min-width: 1025px) {
    header #menu-large #menu-large__inner-wrapper .menu__submenu {
        border: solid 1px #d9d9d9;
        padding: 8px;
        --border-radius: 8px;
        --menu-large-submenu-bg: #FFFDF9;
        --menu-large-submenu-box-shadow: 0 4px 4px -1px rgba(12, 12, 13, .1), 0 4px 4px -1px rgba(12, 12, 13, .05);
        --menu-large-submenu-item-hover-bg: #FFD000;
        min-width: 250px
    }

        header #menu-large #menu-large__inner-wrapper .menu__submenu .menu__submenu {
            top: -8px
        }

        header #menu-large #menu-large__inner-wrapper .menu__submenu a {
            --border-radius: 6px
        }
}

@media (max-width: 1024px) {
    header #header-bottom-menu-wrapper {
        order: 3;
        gap: 1rem
    }

    header .header-bottom-mobile__right {
        order: 1;
        min-width: 68px
    }

    header #header-bottom #header-bottom-inner-wrapper #header-bottom-logo-wrapper {
        order: 0;
        justify-content: left
    }

    header #logo-menu img {
        height: 35px
    }

    header #menu-mobile #menu-mobile__overlay {
        transform: translate(50%, -50%) scale(0);
        top: 43px;
        left: auto;
        bottom: auto;
        right: 42px;
        height: max(100dvh, 100dvw);
        width: max(100dvh, 100dvw);
        border-radius: 50%;
        transition: all 0.1s linear 0.4s, transform 0.5s ease-in
    }

    header #menu-mobile {
        --menu-drawer-submenu-background: transparent
    }

        header #menu-mobile #menu-mobile__inner-wrapper {
            opacity: 0;
            background-size: 800px auto;
            background-position: -300px calc(100dvh - 200px);
            background-repeat: no-repeat;
            border-bottom-left-radius: 50%
        }

            header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__header.menu__items__first-level {
                display: grid;
                grid-template-columns: 50px 1fr 50px;
                justify-content: center
            }

                header #menu-mobile #menu-mobile__inner-wrapper .menu-mobile__header.menu__items__first-level:before {
                    content: "";
                    display: block
                }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__items {
                margin-left: auto;
                margin-right: auto;
                max-width: 100%;
                width: fit-content;
                text-align: center
            }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item {
                display: flex;
                justify-content: center
            }

                header #menu-mobile #menu-mobile__inner-wrapper .menu__item > a {
                    --menu-item-padding-left: 1em;
                    --menu-item-padding-right: 1em
                }

            header #menu-mobile #menu-mobile__inner-wrapper .menu__item--has-submenu {
                --__menu-item-padding-right: var(--menu-item-padding-right) !important
            }

    html.menu-opened header #menu-mobile #menu-mobile__overlay {
        transform: translate(50%, -50%) scale(3);
        transition: all 0.2s ease-out, transform 0.5s ease-out
    }

    html.menu-opened header #menu-mobile #menu-mobile__inner-wrapper {
        transition: all 0.3s var(--menu-transicao-easing);
        transition-delay: 0.2s;
        opacity: 1;
        border-bottom-left-radius: 0
    }
}

header #menu-mobile {
    --menu-selected-item-background-color: transparent;
    --menu-close-button-order: 1;
    --menu-header-padding-left: 24px;
    --menu-submenu-header-padding-left: var(--menu-header-padding-left);
    --menu-header-padding-right: 24px;
    --menu-submenu-header-padding-right: var(--menu-header-padding-right)
}

    header #menu-mobile .menu-mobile__submenu__close-button {
        margin-left: auto
    }

    header #menu-mobile #menu-mobile__inner-wrapper .menu__items > .menu__item.menu__item--has-submenu > a {
        padding-left: 1em;
        padding-right: 1em
    }

        header #menu-mobile #menu-mobile__inner-wrapper .menu__items > .menu__item.menu__item--has-submenu > a:after {
            width: 1em;
            height: 1em;
            right: 0px !important;
            transform: translate3d(0%, -50%, 0) rotate(0deg)
        }

    header #menu-mobile #menu-mobile__inner-wrapper .menu__items > .menu__item > a {
        display: flex;
        gap: 4px;
        align-items: center;
        justify-content: center
    }

    header #menu-mobile .menu-mobile__submenu__title {
        font-size: 1rem !important;
        margin-right: var(--menu-close-button-width);
        text-transform: none !important;
        font-weight: bold
    }

    header #menu-mobile .menu__item--active > a span {
        display: inline-block;
        text-decoration: underline;
        text-underline-offset: 8px
    }

    header #menu-mobile #menu-mobile__inner-wrapper .lang-wrapper-mobile .menu__submenu,
    header #menu-mobile #menu-mobile__inner-wrapper .lang-wrapper-mobile > a > span {
        text-transform: none
    }

header #menu-handle {
    --menu-submenu-open-transition: transform 0.10s ease-out 0.10s, visibility 0s;
    --menu-submenu-closed-transition: transform 0.10s ease-out, visibility 0s 0.10s;
    --menu-handle-button-width: 36px;
    --menu-handle-button-height: 36px;
    --menu-handle-button-color: #FFD000;
    --menu-handle-button-padding: 10px;
    --menu-handle-button-inner-translate: 5px;
    background-color: #1e1e1e;
    border-radius: 50px
}

    header #menu-handle span {
        border-radius: 2px
    }

    header #menu-handle:before {
        transition-delay: 0s;
        border-radius: 2px
    }

    header #menu-handle:after {
        transition-delay: 0s;
        border-radius: 2px
    }

header .menu-mobile__submenu__header {
    display: block
}

header .menu__item--active {
    --menu-large-active-text-decoration: none;
    --menu-large-active-text-underline-offset: .3em
}

    header .menu__item--active > a {
        font-weight: bold
    }

footer#footer {
    --footer--bg: #434343;
    background-color: var(--footer--bg);
    border-top: solid 1px #d9d9d9;
    color: white
}

    footer#footer a {
        color: white
    }

    footer#footer .footer__footer-top {
        width: 100%;
        max-width: 1900px;
        display: grid;
        grid-template-columns: 4fr 8fr;
        gap: 1rem 3rem;
        padding: 4rem 0;
        margin: 0 auto
    }

@media (min-width: 1441px) {
    footer#footer .footer__footer-top {
        gap: 1rem 8rem
    }
}

footer#footer .footer__footer-top .menu-footer__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px
}

@media (min-width: 760px) and (max-width: 1410px) {
    footer#footer .footer__footer-top .menu-footer__wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 2rem 1rem
    }

        footer#footer .footer__footer-top .menu-footer__wrapper .coluna-contactos {
            display: grid
        }
}

@media (max-width: 1024px) {
    footer#footer .footer__footer-top {
        --font-size: .9rem;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        font-size: var(--font-size)
    }

        footer#footer .footer__footer-top .menu-footer-2 {
            grid-row: unset
        }

        footer#footer .footer__footer-top p,
        footer#footer .footer__footer-top ul,
        footer#footer .footer__footer-top div {
            font-size: var(--font-size)
        }
}

@media (max-width: 760px) {
    footer#footer .footer__footer-top {
        --font-size: .8rem;
        grid-template-columns: 1fr
    }

        footer#footer .footer__footer-top .menu-footer__wrapper {
            grid-template-columns: 1fr;
            text-align: center;
            row-gap: 3rem
        }
}

@media (max-width: 504px) {
    footer#footer .footer__footer-top .menu-footer__wrapper {
        grid-template-columns: 1fr
    }
}

@media (max-width: 640px) {
    footer#footer .footer__footer-top .open .menu__submenu {
        padding-bottom: 1rem
    }
}

footer#footer .footer__footer-top .menu__item--has-submenu > a {
    text-decoration: none
}

footer#footer .footer__footer-top .footer__footer-top__titulo,
footer#footer .footer__footer-top .menu-footer > .menu__item > a {
    display: inline-block;
    --font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    line-height: var(--global-line-height);
    font-size: var(--font-size)
}

@media (min-width: 641px) {
    footer#footer .footer__footer-top .footer__footer-top__titulo[href="javascript:;"],
    footer#footer .footer__footer-top .footer__footer-top__titulo[href="javascript:"],
    footer#footer .footer__footer-top .menu-footer > .menu__item > a[href="javascript:;"],
    footer#footer .footer__footer-top .menu-footer > .menu__item > a[href="javascript:"] {
        pointer-events: none
    }
}

footer#footer .footer__footer-top .footer__footer-top__titulo:not(:hover),
footer#footer .footer__footer-top .menu-footer > .menu__item > a:not(:hover) {
    --link-text-decoration-color: transparent
}

footer#footer .footer__footer-top .menu__item a:not(:hover) {
    --link-text-decoration-color: transparent
}

footer#footer .footer__footer-top .footer__footer-top__subtitulo {
    --font-size: var(--h5-font-size);
    font-weight: bold;
    font-size: var(--font-size)
}

footer#footer .footer__footer-top .footer__footer-top__col-1 {
    gap: 2rem;
    align-self: start
}

footer#footer .footer__footer-top .footer__footer-top__logo {
    max-width: 100%;
    width: 105px
}

footer#footer .footer__footer-top .footer__footer-top__contactos-grupo {
    margin-bottom: 1rem
}

    footer#footer .footer__footer-top .footer__footer-top__contactos-grupo:last-child {
        margin-bottom: 0
    }

footer#footer .footer__footer-top .footer-logos__social {
    display: flex;
    gap: 8px
}

@media (max-width: 1024px) {
    footer#footer .footer__footer-top .footer-logos__social {
        gap: 8px 30px
    }
}

footer#footer .footer__footer-top .footer-logos__social a {
    text-decoration: none
}

    footer#footer .footer__footer-top .footer-logos__social a img,
    footer#footer .footer__footer-top .footer-logos__social a svg {
        width: 30px
    }

footer#footer .footer__footer-top .footer__footer-top__newsletter .footer__footer-top__titulo {
    margin-bottom: .5rem
}

footer#footer .footer__footer-top .menu-footer {
    list-style-type: none;
    margin: 0 0 0;
    display: flex;
    flex-direction: column
}

    footer#footer .footer__footer-top .menu-footer ul {
        list-style-type: none;
        margin-left: 0
    }

    footer#footer .footer__footer-top .menu-footer .menu__items {
        display: flex;
        flex-direction: column;
        gap: .8rem 1rem
    }

footer#footer .footer__footer-top .menu-mobile__submenu__header {
    display: none
}

footer#footer .footer__footer-bottom {
    padding: .8rem 0;
    background-color: #5a5a5a;
    color: white
}

    footer#footer .footer__footer-bottom > div {
        max-width: 1900px;
        padding-left: calc(var(--grid-gap) / 2);
        padding-right: calc(var(--grid-gap) / 2);
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

@media (max-width: 1024px) {
    footer#footer .footer__footer-bottom > div {
        display: grid;
        justify-items: center;
        justify-content: center;
        text-align: center;
        gap: 5px
    }
}

footer#footer .footer__footer-bottom a {
    color: inherit
}

footer#footer .footer__footer-bottom .menu-footer-legal {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px
}

@media (max-width: 1024px) {
    footer#footer .footer__footer-bottom .menu-footer-legal {
        justify-items: center;
        justify-content: center;
        text-align: center
    }
}

footer#footer #footer-logos {
    border-top: solid 1px #d9d9d9;
    display: grid;
    grid-template-columns: 1fr 1fr
}

    footer#footer #footer-logos .footer-logos__grid {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1900px;
        gap: 20px;
        padding: 2rem calc(var(--grid-gap) / 2);
        padding-left: 0;
        margin: 0 auto;
        justify-content: start
    }

        footer#footer #footer-logos .footer-logos__grid a {
            display: inline-block
        }

@media (max-width: 1024px) {
    footer#footer #footer-logos .footer-logos__grid {
        justify-content: center
    }
}

footer#footer #footer-logos .footer-logo {
    min-width: 50px;
    max-width: 100px;
    display: flex;
    align-items: center
}

    footer#footer #footer-logos .footer-logo img {
        min-width: 50px;
        max-width: 100px
    }

footer#footer #footer-logos .footer-logos__social-wrapper {
    display: flex;
    align-items: center;
    justify-content: end
}

    footer#footer #footer-logos .footer-logos__social-wrapper .footer-logos__social {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    footer#footer #footer-logos .footer-logos__social-wrapper a {
        display: inline-block
    }

        footer#footer #footer-logos .footer-logos__social-wrapper a img {
            width: 33px;
            height: 33px
        }

@media (min-width: 641px) and (max-width: 1024px) {
    footer#footer .footer-logos__grid {
        justify-content: start !important
    }
}

@media (max-width: 640px) {
    footer#footer #footer-top .menu__item {
        --accordion-transition-speed: 0.2s;
        --accorditon-transition-easing: ease;
        display: grid;
        grid-template-rows: max-content 0fr;
        transition: grid-template-rows var(--accordion-transition-speed) var(--accorditon-transition-easing)
    }

        footer#footer #footer-top .menu__item summary {
            list-style: none
        }

            footer#footer #footer-top .menu__item summary::-webkit-details-marker {
                display: none
            }

        footer#footer #footer-top .menu__item[open],
        footer#footer #footer-top .menu__item.open {
            grid-template-rows: max-content 1fr
        }

            footer#footer #footer-top .menu__item[open] .menu-footer__wrapper > ul.menu-footer > li.menu__item > a:after,
            footer#footer #footer-top .menu__item.open .menu-footer__wrapper > ul.menu-footer > li.menu__item > a:after {
                transform: rotate(180deg)
            }

            footer#footer #footer-top .menu__item[open] > .menu__submenu,
            footer#footer #footer-top .menu__item.open > .menu__submenu {
                display: block;
                opacity: 1
            }

        footer#footer #footer-top .menu__item .menu-footer__wrapper > ul.menu-footer > li.menu__item > a {
            --accordion-titulo-display: grid;
            --color: #1e1e1e;
            --color-hover: #1e1e1e;
            cursor: pointer;
            display: var(--accordion-titulo-display);
            grid-template-columns: 1fr max-content;
            align-items: center;
            gap: 10px;
            color: var(--color);
            outline-color: inherit;
            outline-offset: 2px;
            outline-width: 2px;
            text-decoration: none
        }

            footer#footer #footer-top .menu__item .menu-footer__wrapper > ul.menu-footer > li.menu__item > a:hover {
                color: var(--color-hover)
            }

            footer#footer #footer-top .menu__item .menu-footer__wrapper > ul.menu-footer > li.menu__item > a:focus-visible {
                outline-style: solid;
                outline-offset: 2px
            }

            footer#footer #footer-top .menu__item .menu-footer__wrapper > ul.menu-footer > li.menu__item > a:after {
                content: " ";
                font-size: 1em;
                width: 1em;
                min-height: 1em;
                display: inline-block;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
                text-align: center;
                background-position: center;
                transition: transform var(--accordion-transition-speed) var(--accorditon-transition-easing);
                background-repeat: no-repeat
            }

        footer#footer #footer-top .menu__item .menu__submenu {
            max-height: 100%;
            overflow: hidden;
            opacity: 0;
            transition: opacity var(--accordion-transition-speed) var(--accorditon-transition-easing)
        }

    footer#footer .menu-footer li {
        --accordion-transition-speed: 0.2s;
        --accorditon-transition-easing: ease;
        display: grid;
        grid-template-rows: max-content 0fr;
        transition: grid-template-rows var(--accordion-transition-speed) var(--accorditon-transition-easing)
    }

        footer#footer .menu-footer li summary {
            list-style: none
        }

            footer#footer .menu-footer li summary::-webkit-details-marker {
                display: none
            }

        footer#footer .menu-footer li[open],
        footer#footer .menu-footer li.open {
            grid-template-rows: max-content 1fr
        }

            footer#footer .menu-footer li[open] .footer__footer-top__titulo:after,
            footer#footer .menu-footer li.open .footer__footer-top__titulo:after {
                transform: rotate(180deg)
            }

            footer#footer .menu-footer li[open] > .menu__submenu,
            footer#footer .menu-footer li.open > .menu__submenu {
                display: block;
                opacity: 1
            }

        footer#footer .menu-footer li .footer__footer-top__titulo {
            --accordion-titulo-display: grid;
            --color: #1e1e1e;
            --color-hover: #1e1e1e;
            cursor: pointer;
            display: var(--accordion-titulo-display);
            grid-template-columns: 1fr max-content;
            align-items: center;
            gap: 10px;
            color: var(--color);
            outline-color: inherit;
            outline-offset: 2px;
            outline-width: 2px;
            text-decoration: none
        }

            footer#footer .menu-footer li .footer__footer-top__titulo:hover {
                color: var(--color-hover)
            }

            footer#footer .menu-footer li .footer__footer-top__titulo:focus-visible {
                outline-style: solid;
                outline-offset: 2px
            }

            footer#footer .menu-footer li .footer__footer-top__titulo:after {
                content: " ";
                font-size: 1em;
                width: 1em;
                min-height: 1em;
                display: inline-block;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
                text-align: center;
                background-position: center;
                transition: transform var(--accordion-transition-speed) var(--accorditon-transition-easing);
                background-repeat: no-repeat
            }

        footer#footer .menu-footer li .menu__submenu {
            max-height: 100%;
            overflow: hidden;
            opacity: 0;
            transition: opacity var(--accordion-transition-speed) var(--accorditon-transition-easing)
        }

    footer#footer #footer-top {
        padding-top: 1rem;
        padding-bottom: 2rem
    }

    footer#footer .footer__footer-top__col-1 {
        padding-top: 2rem
    }

        footer#footer .footer__footer-top__col-1 a {
            text-align: center
        }

            footer#footer .footer__footer-top__col-1 a .footer__footer-top__logo {
                width: 165px
            }

    footer#footer #footer-logos {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 3rem;
        border-top: none
    }

        footer#footer #footer-logos .footer-logos__grid {
            padding-right: 0 !important
        }

    footer#footer .grid.menu-footer__wrapper {
        text-align: left;
        row-gap: 0
    }

        footer#footer .grid.menu-footer__wrapper .menu-footer {
            text-align: left;
            position: relative
        }

            footer#footer .grid.menu-footer__wrapper .menu-footer .menu-item {
                position: relative
            }

    footer#footer .menu-footer__wrapper > ul.menu-footer > li.menu__item > a,
    footer#footer .menu-footer__wrapper > ul.menu-footer > li.menu__item > .footer__footer-top__titulo,
    footer#footer .coluna-contactos > ul.menu-footer > li > a,
    footer#footer .coluna-contactos > ul.menu-footer > li > .footer__footer-top__titulo {
        border-bottom: 1px solid #FFD000;
        padding-bottom: 16px;
        color: white
    }

        footer#footer .menu-footer__wrapper > ul.menu-footer > li.menu__item > a:after,
        footer#footer .menu-footer__wrapper > ul.menu-footer > li.menu__item > .footer__footer-top__titulo:after,
        footer#footer .coluna-contactos > ul.menu-footer > li > a:after,
        footer#footer .coluna-contactos > ul.menu-footer > li > .footer__footer-top__titulo:after {
            content: "+" !important;
            background-image: none;
            border-radius: 2rem;
            border: 1px solid #FFD000;
            color: #FFD000;
            font-weight: normal;
            aspect-ratio: 1/1;
            min-height: auto;
            line-height: 1.2;
            width: 20px;
            height: 20px;
            font-size: 16px;
            display: inline-block;
            text-align: center;
            position: absolute;
            right: 0
        }

    footer#footer .menu-footer__wrapper > ul.menu-footer > li.menu__item.open > a:after,
    footer#footer .menu-footer__wrapper > ul.menu-footer > li.menu__item.open > .footer__footer-top__titulo:after,
    footer#footer .coluna-contactos > ul.menu-footer > li.open > a:after,
    footer#footer .coluna-contactos > ul.menu-footer > li.open > .footer__footer-top__titulo:after {
        content: "-" !important;
        line-height: 1;
        text-align: center
    }

    footer#footer .coluna-contactos {
        display: grid
    }
}

@media (min-width: 641px) {
    footer#footer .coluna-contactos {
        display: grid;
        gap: 2rem 0
    }

    footer#footer .menu-footer.menu-footer-2 {
        grid-gap: 1.3rem 0
    }
}

@media (max-width: 1024px) {
    footer#footer .footer__footer-top__col-1 {
        margin-bottom: 2rem
    }
}

@media (min-width: 1025px) {
    footer#footer #footer-bottom .row {
        align-items: flex-end
    }

    footer#footer .coluna-contactos {
        justify-self: flex-end
    }
}

footer#footer .boost-footer-credits-bar {
    border-top: 1px solid rgba(255,255,255,0.15);
    padding: 0.5rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    footer#footer .boost-footer-credits-bar .img-byblueticket {
        max-width: 200px;
    }

    footer#footer .boost-footer-credits-bar .list-inline-item a {
        color: #8b8680;
        font-size: 0.8125rem;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 3px;
        transition: color .2s;
    }

        footer#footer .boost-footer-credits-bar .list-inline-item a:hover {
            color: #ffd000;
        }

    footer#footer .boost-footer-credits-bar .small, footer#footer .boost-footer-credits-bar .small a {
        color: #8b8680;
        font-size: 0.8125rem;
        text-decoration: none;
        transition: color .2s;
    }

        footer#footer .boost-footer-credits-bar .small a:hover {
            color: #ffd000;
        }

    footer#footer .boost-footer-credits-bar .extra-small {
        color: white;
        font-size: 0.7rem;
    }

    footer#footer .boost-footer-credits-bar .row {
        width: 100%;
    }