:root{--supera-ink:#1f1f21;--supera-yellow:#ffd400;--supera-control:#151515;--supera-container:1348px;--supera-gutter:46px;--supera-header-height:80px;--supera-header-pad:22px;--supera-header-card:var(--supera-header-height);--supera-header-h:calc(var(--supera-header-pad) + var(--supera-header-card));--supera-section-gap:160px;--supera-heading-gap:105px;--supera-hero-cta-gap:34px;--supera-services-heading-gap:85px;--supera-bands-heading-gap:105px;--supera-eyebrow-gap:39px;--supera-sector-pad-y:110px;--supera-cases-track-gap:72px;--supera-process-heading-indent:28px;--supera-process-heading-gap:var(--supera-heading-gap);--supera-team-name-gap:32px;--supera-team-role-gap:8px;--supera-map-panel-scroll-gap:16px;--supera-hover-scale:1.04;--supera-hover-duration:200ms;--supera-hover-ease:cubic-bezier(.2,.7,.2,1);--supera-active-scale:.98;--supera-pin-hover-scale:1.12;--supera-card-hover-scale:1.02;--supera-card-image-hover-scale:1.05;--supera-tracking-button:-0.02em;--supera-tracking-team-name:-0.01em;--supera-tracking-bold-bio:-0.01em;--supera-tracking-ddin-nav:.12em;--supera-motion-accordion:420ms;--supera-motion-hover:200ms;--supera-motion-distance:8px;--supera-motion-ease:cubic-bezier(.22,.61,.36,1);--supera-motion-medium:600ms;--supera-motion-fast:180ms;--supera-motion-base:320ms;--supera-ease:cubic-bezier(.22,.61,.36,1);scroll-behavior:smooth}

*{box-sizing:border-box}

body{margin:0;color:var(--supera-ink);font-family:'Zalando Sans',sans-serif;font-stretch:87.5%;font-variation-settings:'wdth' 87.5}

/* WordPress global spacing may add a logical end margin after the theme reset. */
body.home{margin-block-end:0}

.site-main{overflow-x:clip}

body.home .site-main>*:not(.alignfull),body.home .site-main .wp-block-supera-service-steps,body.home .site-main .wp-block-supera-carousel,body.home .site-main .wp-block-supera-contact-form,body.home .site-main .supera-methodology,body.home .site-main .supera-section-heading{width:min(var(--supera-container),100%);margin-inline:auto}

.site-header{position:sticky;top:0;z-index:100;width:min(1249px,calc(100% - 48px));margin:22px auto 0;transition:color var(--supera-motion-fast) var(--supera-ease),background-color var(--supera-motion-fast) var(--supera-ease),opacity var(--supera-motion-fast) var(--supera-ease)}

.site-header__card{height:var(--supera-header-card);min-height:var(--supera-header-card);padding:12px 13px 12px 36px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:24px;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;transition:color var(--supera-motion-fast) var(--supera-ease),background-color var(--supera-motion-fast) var(--supera-ease),opacity var(--supera-motion-fast) var(--supera-ease)}

.site-branding{grid-column:1;grid-row:1}

.header-actions{display:contents}

.header-menu-panel{display:contents}

.main-navigation{grid-column:2;grid-row:1;justify-self:center}

.header-cta{grid-column:3;grid-row:1;justify-self:end}

/* Desktop F1: the original 36px mark sits 5px below the geometric center. */
.custom-logo-link{display:block;transform:translateY(5px)}

.custom-logo-link,.custom-logo-link svg{width:137px;height:36px}

.custom-logo-link svg{display:block}

.footer-brand>a svg{display:block;width:190px;height:50px}

.site-footer .footer-brand>a:link,.site-footer .footer-brand>a:visited,.site-footer .footer-brand>a:hover,.site-footer .footer-brand>a:focus{color:inherit;text-decoration:none;background-image:none}

.site-footer .footer-brand>a:focus-visible{outline:3px solid #005fcc;outline-offset:4px;border-radius:2px}

.main-navigation ul,.footer-column ul,.footer-bottom ul{display:flex;gap:32px;align-items:center;list-style:none;padding:0;margin:0}

.main-navigation>ul{width:fit-content;margin-inline:auto;justify-content:center}

.main-navigation a{position:relative;font-family:D-DIN,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:var(--supera-tracking-ddin-nav);text-decoration:none;color:var(--supera-ink)}

.main-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--supera-ink);transform:scaleX(0);transform-origin:left center;transition:transform var(--supera-motion-hover) var(--supera-motion-ease);pointer-events:none}

.main-navigation a:hover::after,.main-navigation a:focus-visible::after,.main-navigation .current-menu-item>a::after,.main-navigation .current-menu-ancestor>a::after,.main-navigation a[aria-current="page"]::after,.main-navigation a[aria-current="location"]::after{transform:scaleX(1)}

.main-navigation a:link,.main-navigation a:visited,.main-navigation a:hover,.main-navigation a:focus,.main-navigation a:active{color:var(--supera-ink);background-color:transparent}

.main-navigation a:focus-visible,.footer-column a:focus-visible,.footer-bottom a:focus-visible,.entry-content a:not(.wp-element-button):focus-visible{outline:3px solid currentcolor;outline-offset:4px}

.wp-element-button,.wp-block-button__link,.supera-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 24px;border:0;border-radius:12px;background:#151515;color:#fff;font-family:'Zalando Sans',sans-serif;font-size:18px;font-weight:600;font-stretch:87.5%;font-variation-settings:'wdth' 87.5;letter-spacing:var(--supera-tracking-button);line-height:22px;text-transform:none;text-decoration:none;box-shadow:0 4px 10px #0002;transition:transform var(--supera-hover-duration) var(--supera-hover-ease)}

.supera-button,.wp-block-button__link,.wp-element-button{border:1px solid #fff;transition:transform var(--supera-hover-duration) var(--supera-hover-ease)}

.supera-button:link,.supera-button:visited,.wp-block-button__link:link,.wp-block-button__link:visited,.wp-element-button:link,.wp-element-button:visited{color:#fff}

.supera-button:focus-visible,.wp-block-button__link:focus-visible,.wp-element-button:focus-visible{outline:3px solid #151515;outline-offset:3px}

.supera-button:active,.wp-block-button__link:active,.wp-element-button:active{filter:none}

.supera-button:disabled,.supera-button[aria-disabled="true"],.wp-block-button__link:disabled,.wp-block-button__link[aria-disabled="true"],.wp-element-button:disabled,.wp-element-button[aria-disabled="true"]{opacity:.4;pointer-events:none;transform:none}

.supera-button--on-yellow{background:#1f1f21;color:#fff}

.supera-button--on-dark{background:#ffd400;color:#1f1f21}

button:disabled{opacity:.55;cursor:not-allowed}

a.header-cta:focus-visible{outline:3px solid #005fcc;outline-offset:4px}

a.supera-link{background-image:linear-gradient(currentcolor,currentcolor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none;transition:background-size var(--supera-motion-fast) var(--supera-ease)}

a.supera-link:hover{background-size:100% 2px}

.supera-link--on-light,.supera-link--on-yellow{color:#1f1f21}

.supera-link--on-dark{color:#fff}

a.supera-link:focus-visible{outline:3px solid currentcolor;outline-offset:4px;background-color:#ffd40066}

/* Enlaces de texto sin clase. :where mantiene especificidad 0 para no alcanzar botones, CTA, nav, logo, redes ni tarjetas con clase. */
:where(.entry-content,.footer-column,.footer-bottom,.supera-faq,.supera-contact-form) a:not([class]){background-image:linear-gradient(currentcolor,currentcolor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none;transition:background-size var(--supera-motion-fast) var(--supera-ease)}

:where(.entry-content,.footer-column,.footer-bottom,.supera-faq,.supera-contact-form) a:not([class]):hover{background-size:100% 2px}

a.header-cta{display:inline-flex;align-items:center;justify-content:center;width:144px;min-height:43px;padding:0 12px;margin:0;border:0;border-radius:12px;background:var(--supera-control);color:#fff;font-family:D-DIN,sans-serif;font-size:14px;font-weight:700;letter-spacing:var(--supera-tracking-ddin-nav);text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 4px 10px #0002}

a.header-cta:link,a.header-cta:visited{color:#fff}

a.header-cta:hover,a.header-cta:focus,a.header-cta:focus-visible,a.header-cta:active,a.header-cta:visited:hover,a.header-cta:visited:focus,a.header-cta:visited:focus-visible,a.header-cta:visited:active{background:#151515;color:#fff}

a.header-cta:focus-visible{outline:3px solid #005fcc;outline-offset:4px}

.menu-toggle{display:none}

.site-footer{background:#fff;color:#151515;padding:0 var(--supera-gutter)}

.site-footer__inner{display:grid;grid-template-columns:minmax(0,1fr) 162px 162px;gap:0 56px;position:relative;max-width:var(--supera-container);margin-inline:auto;min-height:330px;padding-top:0}

.footer-brand{display:flex;flex-direction:column;gap:53px}

.footer-socials{display:flex;gap:32px}

.footer-socials a{width:24px;height:24px;display:grid;place-items:center}

.footer-socials svg{width:24px;height:24px;fill:#151515}

.footer-column{min-width:0}

.footer-column h2{font:400 13px/16px 'Zalando Sans',sans-serif;color:#535353;text-transform:none;letter-spacing:0;margin:0 0 20px}

.footer-column ul{display:flex;flex-direction:column;align-items:flex-start;gap:20px}

.footer-column a,.footer-bottom a{color:inherit;text-decoration:none;font-size:16px;line-height:19px}

.footer-bottom{grid-column:1/-1;border-top:1px solid #292524;padding-top:30px;margin-top:121px;font-size:16px;line-height:20px}

.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) 162px 162px;column-gap:56px;align-items:center}

.footer-bottom__legal{grid-column:2/4}

.footer-bottom__legal ul{display:grid;grid-template-columns:162px minmax(0,1fr);gap:56px}

.footer-bottom__legal a:hover{text-decoration:underline;text-underline-offset:4px}

/* Inferencia visual: Figma no incluye un frame de cabecera para páginas interiores. */
body:not(.home):not(.front-page) .site-header__card{border:1px solid #e8e8e8;box-shadow:0 4px 10px #0000000d}

body:not(.home) .site-main{width:min(1348px,calc(100% - 92px));margin:0 auto;padding:64px 0}

body.page .site-main{width:min(1348px,calc(100% - 92px));margin:0 auto;padding:64px 0}

.home .entry-header{display:none}

/* La portada usa el hero amarillo como fondo continuo de la cabecera. */
body.home .site-header{position:sticky;left:0;right:0;margin:0 auto calc(-1 * var(--supera-header-h));padding-top:var(--supera-header-pad)}

body.admin-bar .site-header{top:var(--wp-admin--admin-bar--height,32px)}

@media(max-width:782px){

body.admin-bar .site-header{top:var(--wp-admin--admin-bar--height,46px)}

}

body.home .site-main{width:100%;max-width:none;margin:0;padding:0 var(--supera-gutter)}

body.home .entry-content{width:100%;max-width:none;margin:0}

body.home .site-header__card{background:#fff;box-shadow:0 4px 10px #0000000d;border-color:transparent}

body:not(.home) .site-main a:not(.wp-block-button__link){color:#735f00}

.footer-widgets:empty{display:none}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #005fcc;outline-offset:4px}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.skip-link:focus{clip-path:none!important;width:auto;height:auto;top:8px;left:8px;z-index:10000;padding:12px;background:#fff;color:#000}

main[id],section[id],[id="contacto"]{scroll-margin-top:calc(var(--supera-header-height) + 16px)}

html{scroll-padding-top:calc(var(--supera-header-height) + 16px)}

/* El header compacto mantiene el CTA y el menú de WordPress hasta 1199 px. */
@media(max-width:1199px){

:root{--supera-header-pad:22px;--supera-header-card:80px;--supera-header-h:calc(var(--supera-header-pad) + var(--supera-header-card))}

.site-header:has(.menu-is-open){z-index:1000}

.site-header__card{display:flex;align-items:center;justify-content:space-between}

.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}

.main-navigation{position:fixed;top:var(--supera-header-h);bottom:0;left:0;right:0;display:none;padding:24px var(--supera-gutter) 28px;background:#ffd400;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;justify-self:auto}

.menu-is-open .main-navigation{display:block}

.menu-is-open .main-navigation li>a:focus-visible{outline:3px solid #1f1f21;outline-offset:-4px}

.main-navigation>ul,.main-navigation ul{display:block;width:100%;margin:0;padding:0;border-top:1px solid var(--supera-ink);counter-reset:supera-menu}

.main-navigation li{border-bottom:1px solid var(--supera-ink);counter-increment:supera-menu}

.main-navigation li>a,.main-navigation li>a:link,.main-navigation li>a:visited,.main-navigation li>a:hover,.main-navigation li>a:focus,.main-navigation li>a:active{display:flex;align-items:baseline;gap:16px;min-height:68px;padding:18px 0;font-family:'Zalando Sans',sans-serif;font-size:clamp(27px,3vw,32px);font-weight:500;line-height:1;letter-spacing:-.02em;text-transform:none;text-decoration:none;background-image:none}

.main-navigation li>a::before{content:counter(supera-menu,decimal-leading-zero);font-family:'Geist Mono Light',monospace;font-size:13px;font-weight:300;letter-spacing:0}

.main-navigation li>a::after{display:none}

.main-navigation .current-menu-item>a,.main-navigation a[aria-current]{font-weight:700}

.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;background:#151515;color:#fff;box-shadow:none;border:0}

.site-header .menu-toggle{transition:transform var(--supera-hover-duration) var(--supera-hover-ease);transform-origin:center}

@media (hover:hover) and (pointer:fine){

.site-header .menu-toggle:hover:not(:disabled){transform:scale(var(--supera-hover-scale))}
}

@media (prefers-reduced-motion:reduce){

.site-header .menu-toggle{transition:none}
}

.menu-toggle span[aria-hidden]{display:flex;flex-direction:column;gap:5px}

.menu-toggle i{display:block;width:18px;height:2px;background:#fff;transition:transform var(--supera-motion-hover) var(--supera-motion-ease),opacity var(--supera-motion-hover) var(--supera-motion-ease)}

.menu-is-open .menu-toggle i:first-child{transform:translateY(7px) rotate(45deg)}

.menu-is-open .menu-toggle i:nth-child(2){opacity:0}

.menu-is-open .menu-toggle i:last-child{transform:translateY(-7px) rotate(-45deg)}

.site-header .menu-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #151515}

.main-navigation a,.menu-toggle{-webkit-tap-highlight-color:rgba(31,31,33,.18)}

.header-actions .header-cta{min-height:44px;margin-left:0}

.header-actions .header-cta:focus-visible{outline:3px solid #1f1f21;outline-offset:3px}

}

@media(max-width:1023px){

:root{--supera-header-pad:22px;--supera-header-card:68px;--supera-header-h:calc(var(--supera-header-pad) + var(--supera-header-card))}

.site-header{width:calc(100% - 2 * var(--supera-gutter));margin-top:0}

.site-header__card{height:var(--supera-header-card);min-height:var(--supera-header-card);padding:10px 16px}

.site-footer__inner{grid-template-columns:1fr 1fr;min-height:0;padding-top:0}

.footer-brand,.footer-column--footer-legal{grid-column:1/-1}

.footer-brand{flex-direction:row;justify-content:space-between;align-items:center}

.footer-bottom{margin-top:48px}

.footer-bottom{grid-template-columns:1fr auto}

.footer-bottom__legal{grid-column:2}

.footer-bottom__legal ul{display:flex;gap:24px}

}

@media(max-width:767px){

:root{--supera-gutter:16px;--supera-header-pad:0px;--supera-header-card:68px;--supera-header-h:calc(var(--supera-header-pad) + var(--supera-header-card))}

.site-header{width:calc(100% - 2 * var(--supera-gutter));margin-top:0}

.site-header__card{position:relative;gap:8px;padding:10px 16px;flex-wrap:wrap}

.custom-logo-link{width:110px;height:21.46px;flex:0 0 110px}

.custom-logo-link svg{width:110px;height:29.03px}

a.header-cta{width:auto;min-height:38px;padding:8px 10px;font-size:10px}

.menu-toggle{margin-left:0}

.main-navigation{top:calc(100% + 8px);z-index:2}

.menu-is-open .main-navigation{display:block}

.site-footer{padding-inline:var(--supera-gutter)}

body:not(.front-page) .site-main,body.page .site-main{width:calc(100% - 32px);padding:40px 0}

.site-footer__inner{grid-template-columns:1fr;gap:30px 20px}

.footer-column,.footer-column--footer-legal{grid-column:1/-1}

.footer-brand{flex-direction:column;align-items:flex-start}

.footer-bottom{padding-top:20px;margin-top:20px}

.footer-bottom{grid-template-columns:1fr;gap:20px}

.footer-bottom__legal{grid-column:1}

.footer-bottom__legal ul{flex-wrap:wrap}}

@media(max-width:480px){

.header-actions{display:flex}

.custom-logo-link,.custom-logo-link svg{flex-shrink:0}
}

@media(prefers-reduced-motion:reduce){

:root{scroll-behavior:auto}

*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* WordPress alignfull blocks on the portada escape the constrained content width. */
body.home .site-main .alignfull{width:auto;max-width:none;margin-inline:calc(50% - 50cqi);container-type:inline-size}

body.home .site-main .entry-content>.alignfull:first-child{margin-block-start:0}

@media(max-width:1199px){

/* At mobile/tablet sizes the black SVG band, rather than its descender, is centered. */
.custom-logo-link{position:relative;width:137px;height:26.65px;transform:none}

.custom-logo-link::before{content:"";position:absolute;inset:-9px 0}

.custom-logo-link svg{position:absolute;top:0;left:0;width:137px;height:36.0576px}

:root{--supera-gutter:32px}

body.home .site-main{padding-inline:var(--supera-gutter)}
}

@media(max-width:767px){

:root{--supera-gutter:16px}

body.home .site-header{width:calc(100% - 2 * var(--supera-gutter));margin-top:0;padding-top:var(--supera-header-pad)}

body.home .site-main{width:100%;margin:0;padding:0 var(--supera-gutter)}
}

/* F2: shared control motion; full-row toggles animate their visual icon below. */
:where(.site-header,.site-main) :is(.wp-block-button__link,.supera-button,.supera-cta-dark,.header-cta,.wpcf7-submit,button,[role="button"]):not(.menu-toggle,.supera-service-accordion__toggle,.supera-sector-service__button,.supera-faq__toggle,.supera-team-member__bio-toggle,.supera-map__marker-preview,.supera-map__marker){transition:transform var(--supera-hover-duration) var(--supera-hover-ease);transform-origin:50% 50%}

@media (hover:hover) and (pointer:fine){

:where(.site-header,.site-main) :is(.wp-block-button__link,.supera-button,.supera-cta-dark,.header-cta,.wpcf7-submit,button,[role="button"]):not(.menu-toggle,.supera-service-accordion__toggle,.supera-sector-service__button,.supera-faq__toggle,.supera-team-member__bio-toggle,.supera-map__marker-preview,.supera-map__marker):hover:not(:disabled):not([aria-disabled="true"]){transform:scale(var(--supera-hover-scale))}
}

:where(.site-header,.site-main) :is(.wp-block-button__link,.supera-button,.supera-cta-dark,.header-cta,.wpcf7-submit,button,[role="button"]):not(.menu-toggle,.supera-service-accordion__toggle,.supera-sector-service__button,.supera-faq__toggle,.supera-team-member__bio-toggle,.supera-map__marker-preview,.supera-map__marker):active:not(:disabled):not([aria-disabled="true"]){transform:scale(var(--supera-active-scale))}

@media (prefers-reduced-motion:reduce){

:where(.site-header,.site-main) :is(.wp-block-button__link,.supera-button,.supera-cta-dark,.header-cta,.wpcf7-submit,button,[role="button"]){transition:none}
}

/* G1 mobile shell. Desktop and tablet declarations above remain the baseline. */
.header-menu-cta{display:none}

@media (max-width:767px){

:root{--supera-mobile-motion-duration:560ms;--supera-mobile-motion-ease:cubic-bezier(.4,0,.2,1)}

:root{--supera-m-gutter:20px;--supera-m-gutter-narrow:12px;--supera-m-header-h:76px;--supera-m-header-bar:56px;--supera-m-section-gap:72px;--supera-m-eyebrow-size:16px;--supera-m-eyebrow-gap:32px;--supera-m-h2:36px;--supera-m-h2-lh:1.08;--supera-m-h2-ls:-.02em;--supera-m-h1:40px;--supera-m-h1-lh:42px;--supera-m-text:16px;--supera-m-target:44px;--supera-m-carousel-gap:12px;--supera-gutter:var(--supera-m-gutter);--supera-header-pad:10px;--supera-header-card:var(--supera-m-header-bar);--supera-header-h:var(--supera-m-header-h);--supera-section-gap:var(--supera-m-section-gap);--supera-eyebrow-gap:16px}

html{scroll-padding-top:calc(var(--supera-m-header-h) + 8px)}

main[id],section[id],.site-main [id]{scroll-margin-top:calc(var(--supera-m-header-h) + 8px)}

body.home .site-header,.site-header{position:fixed;top:0;left:0;right:0;width:100%;height:var(--supera-m-header-h);margin:0;padding:10px var(--supera-m-gutter-narrow);background:transparent}

body.admin-bar .site-header,body.admin-bar.home .site-header{top:var(--wp-admin--admin-bar--height,46px)}

body:not(.home) .site-main{padding-top:calc(40px + var(--supera-m-header-h))}

.site-header.menu-is-open,body.home .site-header.menu-is-open{z-index:1000;background:#ffd400;transition:none}

.site-header__card,body.home .site-header__card{height:var(--supera-m-header-bar);min-height:var(--supera-m-header-bar);padding:0 6px 0 16px;gap:0;flex-wrap:nowrap;border:0;border-radius:0;box-shadow:0 4px 16px #00000014}

.custom-logo-link{width:110px;height:21.46px}

.custom-logo-link svg{width:110px;height:29.03px}

.site-header .custom-logo-link{position:relative}

.site-header .custom-logo-link::before{inset:-12px 0}

.site-header .menu-toggle{display:flex;align-items:center;justify-content:center;width:var(--supera-m-target);height:var(--supera-m-target);min-width:var(--supera-m-target);padding:0;margin-left:0;background:#151515;border:0;border-radius:0;color:#fff}

.menu-toggle span[aria-hidden]{gap:5px}

.menu-toggle i{width:18px;background:#fff;transition:transform var(--supera-motion-hover) var(--supera-motion-ease),opacity var(--supera-motion-hover) var(--supera-motion-ease)}

.menu-is-open .menu-toggle i:first-child{transform:translateY(7px) rotate(45deg)}

.menu-is-open .menu-toggle i:nth-child(2){opacity:0}

.menu-is-open .menu-toggle i:last-child{transform:translateY(-7px) rotate(-45deg)}

.header-actions{display:flex;position:static;height:auto;margin-left:auto;padding:0;background:transparent;box-shadow:none;flex-direction:row;align-items:center;gap:0;overflow:visible}

body.admin-bar .main-navigation{top:calc(var(--supera-m-header-h) + var(--wp-admin--admin-bar--height,46px))}

.menu-is-open .main-navigation{display:flex}

.main-navigation,.menu-is-open .main-navigation{position:fixed;top:var(--supera-m-header-h);bottom:0;left:0;right:0;padding:24px var(--supera-m-gutter) calc(104px + env(safe-area-inset-bottom));background:#ffd400;border-radius:0;box-shadow:none;flex-direction:column;align-items:stretch;gap:20px;overflow-y:auto}

.main-navigation{display:none}

.main-navigation>ul,.main-navigation ul{display:block;width:100%;margin:0;padding:0;border-top:1px solid var(--supera-ink);counter-reset:supera-menu}

.main-navigation li{border-bottom:1px solid var(--supera-ink);counter-increment:supera-menu}

.main-navigation li>a,.main-navigation li>a:link,.main-navigation li>a:visited,.main-navigation li>a:hover,.main-navigation li>a:focus,.main-navigation li>a:active{display:flex;align-items:baseline;gap:16px;min-height:68px;padding:18px 0;font-family:'Zalando Sans',sans-serif;font-size:clamp(27px,7.7vw,32px);font-weight:500;line-height:1;letter-spacing:-.02em;text-transform:none;text-decoration:none;background-image:none}

.main-navigation li>a::before{content:counter(supera-menu,decimal-leading-zero);font-family:'Geist Mono Light',monospace;font-size:13px;font-weight:300;letter-spacing:0}

.main-navigation li>a::after{display:none}

.header-actions .header-cta{display:none}

.site-header.menu-is-open .header-menu-panel .header-menu-cta.wp-block-button{display:block;position:fixed;left:var(--supera-m-gutter);right:var(--supera-m-gutter);bottom:calc(28px + env(safe-area-inset-bottom));z-index:3;width:auto;margin:0}

body .site .site-header .header-menu-cta .wp-block-button__link,body .site .site-header .header-menu-cta .wp-block-button__link:link,body .site .site-header .header-menu-cta .wp-block-button__link:visited,body .site .site-header .header-menu-cta .wp-block-button__link:hover,body .site .site-header .header-menu-cta .wp-block-button__link:focus,body .site .site-header .header-menu-cta .wp-block-button__link:active{display:flex;align-items:center;justify-content:center;width:100%;height:52px;min-height:52px;padding:0 12px;font-size:18px;text-align:center;text-decoration:none;background-image:none}

body.home .site-main{padding-inline:var(--supera-m-gutter)}

body.home .site-main .alignfull.supera-home-hero{width:calc(100% + 2 * var(--supera-m-gutter));margin-inline:calc(-1 * var(--supera-m-gutter))}

body.home .site-main .supera-section-heading{width:100%;max-width:none;margin-inline:0}

}

@media (prefers-reduced-motion:reduce){

.menu-toggle i{transition:none}}

/* G4 footer: the three menus keep their WordPress locations. */
@media (max-width:767px){

.site-footer{padding:48px 20px 0}

.site-footer__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:36px;min-height:0;padding:0}

.footer-brand{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}

.footer-brand>a svg{width:114px;height:30px}

.footer-brand>a{position:relative}

.footer-brand>a::before{content:"";position:absolute;inset:-7px 0}

.footer-socials{gap:12px}

.footer-socials a{min-width:44px;min-height:44px}

.footer-column,.footer-column--footer-explore,.footer-column--footer-solutions{grid-column:auto;min-width:0}

.footer-column h2{font-family:D-DIN,sans-serif;font-size:12px;font-weight:700;line-height:16px;letter-spacing:1.44px;text-transform:uppercase;margin:0 0 10px}

.footer-column ul{display:flex;flex-direction:column;align-items:stretch;gap:0}

.footer-column li{min-width:0}

.footer-column a{display:flex;align-items:center;min-width:44px;min-height:44px;font-size:15px;line-height:22.5px;overflow-wrap:anywhere}

.footer-widgets{grid-column:1/-1}

.footer-bottom{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:8px;row-gap:8px;border-top:1px solid #292524;margin:0;padding-top:16px;font-size:13px;line-height:20px}

.footer-bottom>span{min-width:0}

.footer-bottom__legal{grid-column:2;min-width:0}

.footer-bottom__legal ul{display:flex;flex-wrap:nowrap;gap:12px}

.footer-bottom__legal a{display:inline-flex;align-items:flex-start;min-width:44px;min-height:44px;padding-bottom:24px;font-size:13px;line-height:20px;white-space:nowrap}
}

@media (max-width:350px){

.footer-brand{flex-direction:column;align-items:flex-start}

.footer-socials{gap:8px}

.footer-bottom{grid-template-columns:minmax(0,1fr)}

.footer-bottom__legal{grid-column:1}
}

@media (max-width:767px){

html:not(.js) .site-header,html:not(.js) body.home .site-header{position:relative;height:auto;padding-bottom:0}

html:not(.js) .site-header__card{display:block;height:auto;padding:16px}

html:not(.js) .menu-toggle{display:none}

html:not(.js) .main-navigation{display:block;position:static;height:auto;margin-top:20px;padding:0;background:#fff;box-shadow:none;overflow:visible}

html:not(.js) .main-navigation{display:block}

html:not(.js) .main-navigation li>a{min-height:44px;padding:10px 0;font-size:18px}

html:not(.js) .site-main{padding-top:0}
}

@media (max-width:240px){

.site-header .custom-logo-link,.site-header .custom-logo-link svg{width:90px;flex-basis:90px}


}

/* U5: tablet shares the compact mobile shell; the desktop header starts at 1200 px. */
@media (min-width:768px) and (max-width:1199px){

:root{--supera-header-pad:10px;--supera-header-card:56px;--supera-header-h:76px}

body.home .site-header,.site-header{position:fixed;top:0;left:0;right:0;width:100%;height:76px;margin:0;padding:10px 12px;background:transparent}

body.admin-bar .site-header,body.admin-bar.home .site-header{top:var(--wp-admin--admin-bar--height,32px)}

.site-header.menu-is-open,body.home .site-header.menu-is-open{z-index:1000;background:#ffd400}

.site-header__card,body.home .site-header__card{height:56px;min-height:56px;padding:0 6px 0 16px;border:0;border-radius:0;box-shadow:0 4px 16px #00000014}

.header-actions .header-cta{width:144px;min-height:44px;padding:0 12px;font-size:14px}

body:not(.home) .site-main{padding-top:calc(40px + var(--supera-header-h))}

body.admin-bar .main-navigation{top:calc(var(--supera-header-h) + var(--wp-admin--admin-bar--height,32px))}

html:not(.js) .site-header,html:not(.js) body.home .site-header{position:relative;height:auto;padding-bottom:0}

html:not(.js) .site-header__card{display:block;height:auto;padding:16px}

html:not(.js) .menu-toggle{display:none}

html:not(.js) .main-navigation{display:block;position:static;height:auto;margin-top:20px;padding:0;background:#fff;box-shadow:none;overflow:visible}
}

@media (max-width:1199px){

.js .main-navigation{display:flex;visibility:hidden;opacity:0;transform:translateY(calc(-1 * var(--supera-motion-distance)));pointer-events:none;transition:opacity var(--supera-motion-base) var(--supera-motion-ease),transform var(--supera-motion-base) var(--supera-motion-ease),visibility 0s}

.js .menu-is-open .main-navigation{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity var(--supera-motion-base) var(--supera-motion-ease),transform var(--supera-motion-base) var(--supera-motion-ease),visibility 0s}
}

@media (max-width:1199px) and (prefers-reduced-motion:reduce){

.js .main-navigation,.js .menu-is-open .main-navigation{transition:none;transform:none}
}