/* #footer, both variants. css/components/footer-legacy.css folded in here
 * 2026-08-19. The variants are kept fully independent — no shared selectors,
 * own media queries each — so one can change without touching the other. */

/* #region LANGUAGE SELECTOR (shared) */

/* WPML widget markup, not either variant's own. Was already present,
 * identical and unprefixed, in both source files — kept once because it
 * carries no variant class; scoping it to #footer would change behavior. */

#footer a::before {
    content: none;
}
#lang_sel {
    width: 100%;
}

#lang_sel ul a {
    background-color: transparent;
    padding: 0;
    border: 0 none;
    display: inline-block;
    color: var(--white);
    transition: 0.5s;
}

#lang_sel ul a:hover {
    opacity: 0.8;
}

#lang_sel ul a span {
    vertical-align: top;
}

#lang_sel ul a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border: 0 none;
    position: relative;
    right: 0;
    top: -0.1rem;
    border-radius: 50%;
    background-color: var(--white);
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 1rem;
}

#lang_sel ul ul {
    visibility: visible;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    border-top: 0 none;
    padding: 0;
    margin: 0;
    margin-top: 0.5rem;
    list-style-type: none;
}

/* #endregion */

/* ========================================================================== */

/* #region LEGACY — .footer-legacy */

/* Served when tt_use_old_menu() is true (pl/nl/it/ja — includes/custom.php).
 * Live in production, not dead code. Folded in from footer-legacy.css. */

/* #region legacy / base */

.footer-legacy {
    width: 100%;
    background: var(--figma-f-azul-bg);
}

.footer-legacy .row-top {
    padding: 6rem 0 4rem 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: inherit;
}

/* #endregion */

/* #region legacy / logo container */

.footer-legacy .logo-container {
    width: 100%;
    padding: 0 0 3.2rem;
    text-align: left;
    margin-bottom: auto;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-legacy .logo-container .logo {
    width: 19.7rem;
    height: 3rem;
    background-image: url(./assets/logo-full-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.footer-legacy .logo-container p {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: var(--white);
}

.footer-legacy .logo-container p em {
    font-style: normal;
}

/* #endregion */

/* #region legacy / links */

.footer-legacy .links {
    max-width: 20rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 4.5rem;
    margin-bottom: 3rem;
    text-align: left;
}

.footer-legacy .links .footer-title {
    font-size: 1.8rem;
    line-height: 1.167em;
    margin-bottom: 1.3rem;
    font-weight: 900;
    color: var(--white);
}

.footer-legacy .links ul {
    width: 100%;
    font-size: 0;
}

.footer-legacy .links ul li {
    width: 100%;
    margin-top: 0.5rem;
}

.footer-legacy .links ul li:first-child {
    margin-top: 0;
}

.footer-legacy .links ul a {
    font-size: 1.4rem;
    line-height: 1.714em;
    color: var(--white);
    font-weight: 400;
}

.footer-legacy .links ul a:hover {
    text-decoration: underline;
}

/* #endregion */

/* #region legacy / social */

.footer-legacy .social {
    margin-right: auto;
    text-align: left;
    font-size: 0;
    flex-shrink: 0;
}

.footer-legacy .social li {
    display: inline-block;
    vertical-align: top;
    margin-left: 2.3rem;
}

.footer-legacy .social li:first-child {
    margin-left: 0;
}

.footer-legacy .social a {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    vertical-align: top;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
    font-size: 0;
    transition: opacity 0.4s;
}

.footer-legacy .social a:hover {
    opacity: 0.5;
}

.footer-legacy .social a.instagram {
    background-image: url(./assets/instagram.svg);
}

.footer-legacy .social a.twitter {
    background-image: url(./assets/twitter.svg);
}

.footer-legacy .social a.facebook {
    background-image: url(./assets/facebook.svg);
    width: 1.1rem;
}

.footer-legacy .social a.linkedin {
    background-image: url(./assets/linkedin.svg);
    width: 1.9rem;
}

.footer-legacy .social a.youtube {
    background-image: url(./assets/youtube.svg);
    width: 2.6rem;
}

/* #endregion */

/* #region legacy / site map */

.footer-legacy .site-map {
    text-align: right;
    font-size: 0;
    flex-shrink: 0;
}

.footer-legacy .site-map li {
    display: inline-block;
    vertical-align: middle;
    line-height: 2rem;
}

.footer-legacy .site-map li::before {
    display: inline-block;
    vertical-align: middle;
    content: '|';
    color: var(--white);
    margin: 0 .5rem;
    bottom: 0.1rem;
    position: relative;
    font-size: 1.2rem;
}

.footer-legacy .site-map li:first-child {
    margin-left: 0;
}

.footer-legacy .site-map li:first-child::before {
    display: none;
}

.footer-legacy .site-map a {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    color: var(--white);
    font-weight: 700;
}

.footer-legacy .site-map a:hover {
    text-decoration: underline;
}

/* #endregion */

/* #region legacy / social + language block */

.footer-legacy .social-language {
    display: flex;
    flex-wrap: wrap;
}

.footer-legacy .social-language h3 {
    font-size: 1.6rem;
    line-height: 1.167em;
    font-weight: 800;
    color: var(--white);
    display: none;
}

.footer-legacy .social-language .links {
    width: 9.3rem;
    margin: 0;
    position: relative;
}

.footer-legacy .social-language .links ul li {
    border: none;
}

.footer-legacy .social-language .links ul a {
    font-size: 1.2rem;
    line-height: 2rem;
    padding: .8rem 0;
    display: inline-block;
    vertical-align: top;
}

.footer-legacy .social-language .links .footer-title {
    display: flex;
    height: 3rem;
    width: 9.3rem;
    padding: 0 0 0 1rem;
    justify-content: flex-start;
    align-items: center;
    border: 0.1rem solid var(--white);
    border-radius: 0.5rem;
    font-size: 1.2em;
    font-weight: 400;
}

.footer-legacy .social-language .links .footer-title::after {
    right: 1.1rem;
    width: 1.1rem;
    height: .6rem;
    margin-top: -.3rem;
}

/* #2e4c7f has no equivalent in theme.css's :root — left raw rather than
 * forced onto a near-miss token. */
.footer-legacy .social-language .links #lang_sel>ul {
    position: absolute;
    bottom: calc(100% - 0.4rem);
    background: #2e4c7f;
    border: 0.1rem solid var(--white);
    padding: 0 1rem;
    border-radius: 0.5rem;
    border-bottom: 0;
    z-index: 2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* #endregion */

/* #region legacy / responsive */

@media only screen and (min-width : 768px) {

    /* ROW */
    .footer-legacy .col-left {
        flex: 0 1 43.9rem;
        max-width: 43.9rem;
        padding-right: 9.5rem;
        border-right: 1px solid var(--white);
    }

    .footer-legacy .col-right {
        flex: 1;
        max-width: 100%;
        padding-left: 9.5rem;
        display: flex;
    }

    /* LOGO */
    .footer-legacy .logo-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        border-bottom: 1px solid var(--white);
    }

    .footer-legacy .logo-container .logo {
        margin-bottom: 1.5rem;
    }

    .footer-legacy .logo-container ul,
    .footer-legacy .logo-container p {
        width: auto;
        display: inline-block;
        text-align: left;
    }

    .footer-legacy .logo-container p,
    .footer-legacy .logo-container li a {
        font-size: 1.2rem;
        font-weight: 700;
    }

    /* rgba(171,185,240,1) is #ABB9F0 — no exact token in theme.css, left raw. */
    .footer-legacy .logo-container p em {
        color: rgba(171, 185, 240, 1);
    }

    /* SOCIAL */
    .footer-legacy .social-language {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 2rem;
        padding: 3.2rem 0 0;
    }

    .footer-legacy .social-language h3 {
        display: block;
    }

    .footer-legacy .social-language .links ul {
        display: none;
        margin: 0;
    }

    .footer-legacy .social-language .links.open ul {
        display: block;
    }

    .footer-legacy .social-language .links .footer-title {
        margin: 0;
        padding-right: 2rem;
    }

    .footer-legacy .social-language .links .footer-title::after {
        width: 1.1rem;
        height: 1.1rem;
        position: absolute;
        top: 50%;
        right: 1rem;
        margin-top: -0.5rem;
        background-image: url(./assets/collapse-open-footer.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
    }

    .footer-legacy .social-language .links #lang_sel>ul {
        background: #1d335b;
    }

}

@media only screen and (min-width : 0px) and (max-width : 767px) {

    .footer-legacy {
        overflow: hidden;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    /* ROW */
    .footer-legacy .col-left,
    .footer-legacy .col-right {
        flex: 0 1 100%;
        max-width: 100%;
    }

    .footer-legacy .col-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-legacy .social-language,
    .footer-legacy .social-language .links,
    .footer-legacy .col-right {
        order: -1;
    }

    /* LOGO */
    .footer-legacy .logo-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .footer-legacy .logo-container::before {
        width: 100%;
        height: .1rem;
        background-color: var(--white);
        position: relative;
        content: '';
        margin: 4rem 0;
    }

    .footer-legacy .logo-container .logo {
        width: 12.4rem;
        height: 2rem;
        margin: 0 0 0.3rem;
    }

    .footer-legacy .logo-container p {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    /* LINKS */
    .footer-legacy .links {
        max-width: none;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        margin-bottom: 0;
    }

    .footer-legacy .links .footer-title {
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.3em;
        padding: 1.4rem 0;
        box-sizing: border-box;
        margin-bottom: 0;
        position: relative;
        cursor: pointer;
    }

    .footer-legacy .links .footer-title::after {
        width: 1.6rem;
        height: 1.6rem;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -0.8rem;
        background-image: url(./assets/collapse-open-footer.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
    }

    .footer-legacy .links ul {
        display: none;
        margin: 0;
        padding-block: 2.8rem;
        padding-left: 1.5rem;
    }

    .footer-legacy .links ul li:not(:last-child) {
        margin: 0 0 2.5rem;
    }

    .footer-legacy .links ul a {
        font-size: 1.6rem;
        line-height: 1.6em;
        font-weight: 500;
        padding: 0;
        display: inline-block;
        vertical-align: top;
    }

    .footer-legacy .links.open ul {
        display: block;
    }

    /* Inert: .links contains p.footer-title, never an h3. Kept verbatim rather
     * than "fixed" — making it match would turn the close-state icon on for
     * the first time. Reported, not changed. */
    .footer-legacy .links.open h3::after {
        background-image: url(./assets/collapse-close-footer.svg);
    }

    /* SOCIAL */
    .footer-legacy .social {
        margin-right: 0;
        margin-left: auto;
    }

    .footer-legacy .social li:not(:first-child) {
        margin-left: 2.5rem;
    }

    .footer-legacy .social-language {
        padding: 4rem 0 0;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    /* SITE MAP */
    .footer-legacy .site-map li::before {
        content: none;
    }

    .footer-legacy .site-map {
        width: 50%;
        text-align: right;
        margin-right: 0;
        margin-left: auto;
    }

    .footer-legacy .site-map li {
        display: block;
    }
}

@media only screen and (min-width : 0px) and (max-width : 375px) {
    .footer-legacy {
        padding: 0 1.8rem;
    }
}

/* #endregion */

/* #endregion */

/* ========================================================================== */

/* #region 2026 — .footer-2026 */

/* Default variant, served whenever tt_use_old_menu() is false. */

/* #region 2026 / base */

.footer-2026 {
    width: 100%;
    /* Figma reskin (23227:19054 / 22855:3354): bg-[#1b212b], byte-identical to
     * var(--black) — was wrongly bound to var(--figma-f-azul-bg) (a blue
     * gradient, unrelated token), corrected here. */
    background: var(--black);
}

.footer-2026 .row {
    padding: 3.5rem 0 0;
}

/* #endregion */

/* #region 2026 / logo container */

.footer-2026 .logo-container {
    width: 100%;
    padding: 0 0 3.2rem;
    text-align: left;
    margin-bottom: auto;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-2026 .logo-container .logo {
    width: 19.7rem;
    height: 3rem;
    background-image: url(./assets/logo-full-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.footer-2026 .logo-container p {
    width: 100%;
    /* Desktop value (sitio-footer-copyright: SF Pro Display Bold 12px/16px) —
     * mobile gets its own value (sitio-footer-copyright-mobile) in the
     * responsive region below. */
    font-family: var(--sf-pro-display);
    font-size: 1.2rem;
    line-height: 16px;
    font-weight: 700;
    color: var(--white);
}

.footer-2026 .logo-container p em {
    font-style: normal;
    /* Figma 23227:19020: "TrackingTime" is a coral fill inside the copyright
     * line — same hex as the mega-menu coral, reused rather than a new token. */
    color: var(--red);
}

/* Figma desktop (23227:19021): DMCA Policy/Impressum stacked next to the
 * logo, sitio-footer-link (SF Pro Text Regular 14px/24px) — see layout.php
 * for why these duplicate 2 of the "Company" menu's items on desktop. */
.footer-2026 .footer-legal-links {
    width: 100%;
    margin-top: 1rem;
    display: none;
}

.footer-2026 .footer-legal-links li {
    width: 100%;
}

.footer-2026 .footer-legal-links a {
    font-family: var(--sf-pro-text);
    font-size: 1.4rem;
    line-height: 24px;
    color: var(--white);
    font-weight: 400;
}

.footer-2026 .footer-legal-links a:hover {
    text-decoration: underline;
}

/* #endregion */

/* #region 2026 / links */

.footer-2026 .links {
    max-width: 17.8rem;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.footer-2026 .links .footer-title {
    /* sitio-footer-column-header: SF Pro Text Heavy 16px/AUTO */
    font-family: var(--sf-pro-text);
    font-size: 1.6rem;
    line-height: normal;
    margin-bottom: 1.5rem;
    font-weight: 900;
    color: var(--white);
}

.footer-2026 .links ul {
    width: 100%;
    font-size: 0;
}

.footer-2026 .links ul li {
    width: 100%;
    margin-top: 0.5rem;
}

.footer-2026 .links ul li:first-child {
    margin-top: 0;
}

.footer-2026 .links ul a {
    /* sitio-footer-link: SF Pro Text Regular 14px/24px */
    font-family: var(--sf-pro-text);
    font-size: 1.4rem;
    line-height: 24px;
    color: var(--white);
    font-weight: 400;
}

.footer-2026 .links ul a:hover {
    text-decoration: underline;
}

/* Desktop only (Figma 23227:19054): each footer nav column shows only its
 * first 4 items + an optional "view all" link — the 4 WP menus behind these
 * columns (Company/Help/Downloads/Alternatives) keep every real item
 * (nothing deleted), reordered so items 1-4 are the ones Figma shows and
 * items 5+ trail after. The Company column's items 5-6 (DMCA Policy,
 * Impressum) render again in .footer-legal-links above, so hiding them here
 * also avoids a duplicate. ".footer-link-viewall" (new "All time tracking
 * apps"/"All alternatives" menu items) is exempted so it always shows
 * regardless of its position. */
@media only screen and (min-width: 768px) {
    .footer-2026 .col-right .links ul li:nth-child(n+5):not(.footer-link-viewall) {
        display: none;
    }

    .footer-2026 .col-right .links ul li.footer-link-viewall a {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .footer-2026 .col-right .links ul li.footer-link-viewall a::after {
        content: ' >';
        text-decoration: none;
    }
}

/* #endregion */

/* #region 2026 / social */

.footer-2026 .social {
    margin-right: auto;
    text-align: left;
    font-size: 0;
    flex-shrink: 0;
}

.footer-2026 .social li {
    display: inline-block;
    vertical-align: top;
    margin-left: 2.3rem;
}

.footer-2026 .social li:first-child {
    margin-left: 0;
}

.footer-2026 .social a {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    vertical-align: top;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
    font-size: 0;
    transition: opacity 0.4s;
}

.footer-2026 .social a:hover {
    opacity: 0.5;
}

.footer-2026 .social a.instagram {
    background-image: url(./assets/instagram.svg);
}

.footer-2026 .social a.twitter {
    background-image: url(./assets/twitter.svg);
}

.footer-2026 .social a.facebook {
    background-image: url(./assets/facebook.svg);
    width: 1.1rem;
}

.footer-2026 .social a.linkedin {
    background-image: url(./assets/linkedin.svg);
    width: 1.9rem;
}

.footer-2026 .social a.youtube {
    background-image: url(./assets/youtube.svg);
    width: 2.6rem;
}

/* #endregion */

/* #region 2026 / site map */

.footer-2026 .site-map {
    text-align: right;
    font-size: 0;
    flex-shrink: 0;
}

.footer-2026 .site-map li {
    display: inline-block;
    vertical-align: middle;
    line-height: 2rem;
}

.footer-2026 .site-map li::before {
    display: inline-block;
    vertical-align: middle;
    content: '|';
    color: var(--white);
    margin: 0 .5rem;
    bottom: 0.1rem;
    position: relative;
    font-size: 1.2rem;
}

.footer-2026 .site-map li:first-child {
    margin-left: 0;
}

.footer-2026 .site-map li:first-child::before {
    display: none;
}

.footer-2026 .site-map a {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    color: var(--white);
    font-weight: 400;
}

.footer-2026 .site-map a:hover {
    text-decoration: underline;
}

/* #endregion */

/* #region 2026 / social + language block */

.footer-2026 .social-language {
    display: flex;
    flex-wrap: wrap;
}

.footer-2026 .social-language h3 {
    /* sitio-footer-follow-heading: SF Pro Display Heavy 16px/AUTO */
    font-family: var(--sf-pro-display);
    font-size: 1.6rem;
    line-height: normal;
    font-weight: 900;
    color: var(--white);
    display: none;
}

.footer-2026 .social-language .links {
    width: 9.3rem;
    margin: 0;
    position: relative;
}

.footer-2026 .social-language .links ul li {
    border: none;
}

.footer-2026 .social-language .links ul a {
    font-size: 1.2rem;
    line-height: 2rem;
    padding: .8rem 0;
    display: inline-block;
    vertical-align: top;
}

.footer-2026 .social-language .links .footer-title {
    display: flex;
    height: 3rem;
    width: 9.3rem;
    padding: 0 0 0 1rem;
    justify-content: flex-start;
    align-items: center;
    border: 0.1rem solid var(--white);
    border-radius: 0.5rem;
    /* sitio-lang-button: SF Pro Display Semibold 12px/AUTO — the "English"
     * pill in Figma (23227:19030 desktop, 22855:3390 mobile), same both
     * breakpoints. */
    font-family: var(--sf-pro-display);
    font-size: 1.2rem;
    line-height: normal;
    font-weight: 600;
}

.footer-2026 .social-language .links .footer-title::after {
    right: 1.1rem;
    width: 1.1rem;
    height: .6rem;
    margin-top: -.3rem;
}

.footer-2026 .social-language .links #lang_sel>ul {
    position: absolute;
    bottom: calc(100% - 0.4rem);
    /* Same color as the footer background (var(--black)), per Figma reskin —
     * was a raw one-off blue (#2e4c7f), unrelated to the new design. */
    background: var(--black);
    border: 0.1rem solid var(--white);
    padding: 0 1rem;
    border-radius: 0.5rem;
    border-bottom: 0;
    z-index: 2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* #endregion */

/* #region 2026 / responsive */

@media only screen and (min-width : 768px) {

    .footer-2026 .row {
        padding: 8.9rem 0;
    }

    /* ROW */
    .footer-2026 .col-left {
        flex: 0 1 43.9rem;
        max-width: 43.9rem;
        padding-right: 9.5rem;
        border-right: 1px solid var(--white);
    }

    .footer-2026 .col-right {
        flex: 1;
        max-width: 100%;
        padding-left: 9.5rem;
        display: flex;
        justify-content: space-between;
    }

    .footer-2026 .links ul a {
        white-space: nowrap;
    }

    /* LOGO */
    .footer-2026 .logo-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        border-bottom: 1px solid var(--white);
    }

    .footer-2026 .logo-container .logo {
        margin-bottom: 1.5rem;
    }

    .footer-2026 .logo-container ul,
    .footer-2026 .logo-container p {
        width: auto;
        display: inline-block;
        text-align: left;
    }

    .footer-2026 .footer-legal-links {
        display: block;
    }

    /* SOCIAL */
    .footer-2026 .social-language {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 2rem;
        padding: 3.2rem 0 0;
    }

    .footer-2026 .social-language h3 {
        display: block;
    }

    .footer-2026 .social-language .links ul {
        display: none;
        margin: 0;
    }

    .footer-2026 .social-language .links.open ul {
        display: block;
    }

    .footer-2026 .social-language .links .footer-title {
        margin: 0;
        padding-right: 2rem;
    }

    .footer-2026 .social-language .links .footer-title::after {
        width: 1.1rem;
        height: 1.1rem;
        position: absolute;
        top: 50%;
        right: 1rem;
        margin-top: -0.5rem;
        background-image: url(./assets/collapse-open-footer.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
    }

}

@media only screen and (min-width : 0px) and (max-width : 767px) {

    .footer-2026 {
        /* overflow:hidden removed — was clipping the language dropdown
         * (#lang_sel>ul), which sits above the footer via absolute
         * positioning and needs to overflow the footer's own box. */
        padding: 0 2rem;
        box-sizing: border-box;
    }

    /* ROW */
    .footer-2026 .col-left,
    .footer-2026 .col-right {
        flex: 0 1 100%;
        max-width: 100%;
    }

    .footer-2026 .col-left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-2026 .social-language,
    .footer-2026 .social-language .links,
    .footer-2026 .col-right {
        order: -1;
    }

    /* LOGO */
    .footer-2026 .logo-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .footer-2026 .logo-container::before {
        width: 100%;
        height: .1rem;
        background-color: var(--white);
        position: relative;
        content: '';
        margin: 4rem 0;
    }

    .footer-2026 .logo-container .logo {
        width: 12.4rem;
        height: 2rem;
        margin: 0 0 0.3rem;
    }

    .footer-2026 .logo-container p {
        /* sitio-footer-copyright-mobile: SF Pro Text Regular 10px/36px */
        font-family: var(--sf-pro-text);
        font-size: 1rem;
        line-height: 1em;
        font-weight: 400;
        margin-top: 1rem;
    }

    /* LINKS */
    .footer-2026 .links {
        max-width: none;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-left: 0;
        margin-bottom: 0;
    }

    .footer-2026 .links .footer-title {
        /* sitio-column-header-mobile: SF Pro Text Semibold 20px/26px */
        font-family: var(--sf-pro-text);
        font-size: 2rem;
        font-weight: 600;
        line-height: 26px;
        padding: 1.4rem 0;
        box-sizing: border-box;
        margin-bottom: 0;
        position: relative;
        cursor: pointer;
    }

    .footer-2026 .links .footer-title::after {
        width: 1.6rem;
        height: 1.6rem;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -0.8rem;
        background-image: url(./assets/collapse-open-footer.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
    }

    .footer-2026 .links ul {
        display: none;
    }

    /* Nav-column-only spacing/typography below — excludes .wpml-ls-sub-menu
     * (the language dropdown's own <ul>, nested inside the same .links/
     * data-comp="collapsable" wrapper) so WPML's own list styling isn't
     * overridden. display:none/.open above still applies to both, since
     * that's the shared collapsable-toggle behavior. */
    .footer-2026 .links ul:not(.wpml-ls-sub-menu) {
        margin: 0;
        padding-block: 2.8rem;
        padding-left: 1.5rem;
    }

    .footer-2026 .links ul:not(.wpml-ls-sub-menu) li:not(:last-child) {
        margin: 0 0 2.5rem;
    }

    .footer-2026 .links ul:not(.wpml-ls-sub-menu) a {
        /* sitio-footer-link-mobile: SF Pro Text Medium 16px/26px */
        font-family: var(--sf-pro-text);
        font-size: 1.6rem;
        line-height: 26px;
        font-weight: 500;
        padding: 0;
        display: inline-block;
        vertical-align: top;
    }

    .footer-2026 .links.open ul {
        display: block;
    }

    /* Inert: .links contains p.footer-title, never an h3. Kept verbatim rather
     * than "fixed" — making it match would turn the close-state icon on for
     * the first time. Reported, not changed. */
    .footer-2026 .links.open h3::after {
        background-image: url(./assets/collapse-close-footer.svg);
    }

    /* SOCIAL */
    .footer-2026 .social {
        margin-right: 0;
        margin-left: auto;
    }

    .footer-2026 .social li:not(:first-child) {
        margin-left: 2.5rem;
    }

    .footer-2026 .social-language {
        padding: 4rem 0 0;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    /* SITE MAP */
    .footer-2026 .site-map li::before {
        content: none;
    }

    .footer-2026 .site-map {
        width: 50%;
        text-align: right;
        margin-right: 0;
        margin-left: auto;
    }

    .footer-2026 .site-map li {
        display: block;
    }
}

@media only screen and (min-width : 0px) and (max-width : 375px) {
    .footer-2026 {
        padding: 0 1.8rem;
    }
}

/* #endregion */

/* #endregion */