:root {
  --header-stack-height: 0px;
  --section-padding-y: 48px;
}

body {
  background-color: #fff !important;
}
/* Shared Inline Base Rules (deduplicated from page inline CSS) */
/* Shared Section Helpers (migrated from shared-layout.css) */
:root {
  --section-vertical-gap: 48px;
}

@media (min-width: 1024px) {
  :root {
    --section-vertical-gap: 56px;
  }
}

@media (min-width: 1280px) {
  :root {
    --section-vertical-gap: 64px;
  }
}

@media (min-width: 1440px) {
  :root {
    --section-vertical-gap: 72px;
  }
}

@media (min-width: 1921px) {
  :root {
    --section-vertical-gap: 96px;
  }
}

.icon-box img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  opacity: 0.5;
}

.section-functionalities .function-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  align-items: flex-start;
  scroll-snap-type: x mandatory;
}

.section-functionalities .function-grid::-webkit-scrollbar {
  display: none;
}

.section-functionalities .function-item {
  flex: 0 0 206px;
  width: 206px;
  height: 208px;
  display: grid;
  grid-template-rows: 140px minmax(0, 1fr);
  align-content: start;
  align-items: start;
  gap: 12px;
  scroll-snap-align: start;
}

.section-functionalities .icon-box {
  width: 100%;
  height: 140px;
  border-radius: 4.8px;
  background: var(--alabaster, #efeeea);
  display: grid;
  place-items: center;
}

.section-functionalities .function-item p {
  margin: 0;
  align-self: start;
  font-size: 20px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .section-functionalities .function-grid {
    grid-area: grid;
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

.cta-pill-tail,
.cta-pill-tail--overlay {
  transition:
    background-color 180ms ease-in-out,
    color 180ms ease-in-out,
    border-color 180ms ease-in-out;
}

@media (hover: hover) {
  .cta-pill-tail:hover {
    background: #111;
    color: #fff;
  }

  .cta-pill-tail:hover .cta-pill-tail__icon:before {
    transform: rotate(180deg);
  }

  .cta-pill-tail--overlay:hover {
    background: #111;
    color: #fff;
  }
}

html[lang="en"] [data-external-link="smart-ver-presentacion-simon-360"],
html[lang="en"] [data-external-link="smart-ver-detalles-tecnicos"],
html[lang="pt"] [data-external-link="smart-ver-presentacion-simon-360"],
html[lang="pt"] [data-external-link="smart-ver-detalles-tecnicos"] {
  display: none !important;
}

@media (min-width: 1024px) {
  :root {
    --video-section-extra-spacing: 10px;
    --video-home-max-height: var(
      --viewport-minus-sticky-height,
      calc(100svh - var(--sticky-menu-height, 96px))
    );
  }

  main .section-video {
    min-height: calc(var(--video-home-max-height) + var(--video-section-extra-spacing));
  }

  main .section-video .video-frame,
  main .history-c.section-video .video-frame {
    width: min(100%, calc(var(--video-home-max-height) * 1.55));
    max-width: 1240px;
    max-height: var(--video-home-max-height);
    aspect-ratio: 1240 / 800;
    margin-inline: auto;
    margin-top: var(--video-section-extra-spacing);
  }

  main .video-highlight .video-highlight-media {
    max-height: var(--video-home-max-height);
  }
}

@media (min-width: 1024px) {
  main .section-carousel.s360-carousel-stack {
    padding-left: 0;
    padding-right: 0;
  }

  main .section-carousel.s360-carousel-stack .container {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  main .section-carousel.s360-carousel-stack .carousel-track,
  main .tech-carousel {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
  }

  main .section-carousel.s360-carousel-stack .carousel-track.is-dragging,
  main .tech-carousel.is-dragging {
    cursor: grabbing;
  }

  main .section-carousel.s360-carousel-stack .carousel-track img,
  main .tech-carousel img {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }

  main .inspiration-carousel.is-horizontal-enabled {
    padding-top: 100px;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
  }

  main .inspiration-carousel.is-horizontal-enabled .inspiration-track {
    animation: none !important;
    transform: none !important;
  }

  main .inspiration-carousel.is-horizontal-enabled.is-dragging {
    cursor: grabbing;
  }

  main .inspiration-carousel.is-horizontal-enabled img {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
  }
}


main {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
}

main .container {
  width: min(1888px, 100%) !important;
  margin-inline: auto !important;
  box-sizing: border-box;
}

.section-container {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding-inline: 16px;
}

main > section:not(#hero):not(.hero):not(.tech-hero):not(.smart-hero):not(.history-parallax):not([data-history-parallax]) {
  padding-top: var(--section-padding-y);
  padding-bottom: var(--section-padding-y);
}

main > section:not(#hero):not(.hero):not(.tech-hero):not(.smart-hero):not(.history-parallax):not([data-history-parallax]):not(.section-carousel) > div {
  padding-inline: 16px;
}

main > [data-header-navbar],
main > [data-sticky-menu-root],
main > [data-sticky-menu] {
  --full-bleed-width: 100vw;
  padding-inline: 0;
  width: var(--full-bleed-width);
  max-width: var(--full-bleed-width);
  margin-inline: calc(50% - (var(--full-bleed-width) / 2));
}

@supports (width: 100dvw) {
  main > [data-header-navbar],
  main > [data-sticky-menu-root],
  main > [data-sticky-menu] {
    --full-bleed-width: 100dvw;
  }
}

@media (min-width: 1024px) {
  :root {
    --section-padding-y: 56px;
  }
}

@media (min-width: 1280px) {
  :root {
    --section-padding-y: 64px;
  }
}

@media (min-width: 1440px) {
  :root {
    --section-padding-y: 72px;
  }
}

@media (min-width: 1921px) {
  :root {
    --section-padding-y: 96px;
  }
}

@media (max-width: 767px) {
  :root {
    --hero-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
    --hero-mobile-toolbar-offset: max(24px, var(--mobile-viewport-bottom-ui, 0px));
    --hero-mobile-content-gap-to-scroll: 59px;
    --hero-mobile-scroll-bottom: calc(
      40px + var(--hero-mobile-safe-bottom) + var(--hero-mobile-toolbar-offset) + 8px
    );
  }

  main {
    --s360-mobile-inline-gutter: 16px;
  }

  section#hero,
  .page-lola #hero.smart-hero {
    height: calc(100vh + var(--hero-mobile-safe-bottom) + var(--hero-mobile-toolbar-offset)) !important;
    min-height: calc(100vh + var(--hero-mobile-safe-bottom) + var(--hero-mobile-toolbar-offset)) !important;
  }

  section#hero > .absolute.inset-0.flex.w-full.items-end.justify-center,
  section#hero > .tech-hero-scroll-wrap,
  .page-lola #hero.smart-hero > .smart-hero-scroll-wrap {
    padding-bottom: var(--hero-mobile-scroll-bottom) !important;
  }

  #hero.tech-hero .tech-hero-content-wrap,
  .page-lola #hero.smart-hero .smart-hero-content-wrap {
    padding-bottom: calc(
      var(--hero-mobile-scroll-bottom) + var(--hero-mobile-content-gap-to-scroll)
    ) !important;
  }
}

section#hero [data-hero-scroll-hint] {
  transition: opacity 240ms ease, transform 240ms ease;
  will-change: opacity, transform;
}

section#hero.is-scroll-hint-hidden [data-hero-scroll-hint] {
  opacity: 0;
  transform: translateY(10px);
}

@supports (height: 100dvh) {
  @media (max-width: 767px) {
    section#hero,
    .page-lola #hero.smart-hero {
      height: calc(100dvh + var(--hero-mobile-safe-bottom) + var(--hero-mobile-toolbar-offset)) !important;
      min-height: calc(100dvh + var(--hero-mobile-safe-bottom) + var(--hero-mobile-toolbar-offset)) !important;
    }
  }
}

@supports (height: 100lvh) {
  @media (max-width: 767px) {
    section#hero,
    .page-lola #hero.smart-hero {
      height: calc(100lvh + var(--hero-mobile-safe-bottom) + var(--hero-mobile-toolbar-offset)) !important;
      min-height: calc(100lvh + var(--hero-mobile-safe-bottom) + var(--hero-mobile-toolbar-offset)) !important;
    }
  }
}

html[data-show-lang-selector="false"] [data-lang-selector],
html[data-show-lang-selector="false"] .footer-simon-lang {
  display: none !important;
}

button,
[role="button"],
[role="tab"],
summary {
  cursor: pointer;
}

button:disabled,
[role="button"][aria-disabled="true"],
[role="tab"][aria-disabled="true"],
[aria-disabled="true"] {
  cursor: not-allowed;
}

html.mobile-menu-lock,
body.mobile-menu-lock {
  overflow: hidden;
  overscroll-behavior: none;
}

body.mobile-menu-lock {
  touch-action: none;
}

[data-header-navbar] .header-navbar-shell {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
}

@media (hover: hover) {
  [data-header-navbar] [data-nav-link]:not([aria-current="page"]):hover {
    color: #f1f1f1;
  }
}

[data-header-navbar] [data-menu] .menu-panel {
  transform: translateY(-100%);
  transition: transform 280ms ease-in-out;
  will-change: transform;
}

[data-header-navbar] [data-menu].is-open .menu-panel {
  transform: translateY(0);
}

[data-header-navbar] [data-menu].is-open {
  opacity: 1;
}

[data-header-navbar] .header-menu-icon {
  transition: transform 220ms ease-in-out, opacity 180ms ease-in-out;
}

[data-header-navbar] .header-menu-icon-hamburger {
  opacity: 1;
  transform: rotate(0deg) scale(1);
  filter: brightness(0) invert(1);
}

[data-header-navbar] .header-menu-icon-close {
  opacity: 0;
  transform: rotate(-45deg) scale(0.72);
}

[data-header-navbar] .header-menu-toggle[aria-expanded="true"] .header-menu-icon-hamburger {
  opacity: 0;
  transform: rotate(45deg) scale(0.72);
}

[data-header-navbar] .header-menu-toggle[aria-expanded="true"] .header-menu-icon-close {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

[data-header-navbar] .header-brand-logo {
  transition: opacity 180ms ease-in-out;
}

[data-header-navbar] .header-brand-logo-blue {
  opacity: 0;
}

@media (max-width: 767px) {
  [data-header-navbar] {
    --header-mobile-overlay-top: 0px;
  }

  [data-header-navbar].is-mobile-menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index: 49;
  }

  [data-header-navbar] .header-navbar-shell {
    padding: 10px 6px 0;
  }

  [data-header-navbar] .header-navbar-mobile-frame {
    border-radius: 6px;
    padding: 0 3px 0 16px;
    background: transparent;
  }

  [data-header-navbar]:not(.is-detached) .header-mobile-title {
    display: none !important;
  }

  body:not(.header-stack-visible)
    [data-header-navbar].is-scroll-stack.is-detached:not(.is-mobile-menu-open):not(.is-mobile-menu-just-closed)
    .header-mobile-title {
    display: none !important;
  }

  body:not(.header-stack-visible)
    [data-header-navbar].is-scroll-stack.is-detached:not(.is-mobile-menu-open):not(.is-mobile-menu-just-closed)
    .header-menu-toggle
    .header-menu-icon {
    filter: brightness(0) invert(1);
  }

  [data-header-navbar]:not(.is-detached) .header-brand-logo-white {
    opacity: 1;
  }

  body:not(.header-stack-visible)
    [data-header-navbar].is-scroll-stack.is-detached:not(.is-mobile-menu-open):not(.is-mobile-menu-just-closed)
    .header-brand-logo-white {
    opacity: 1;
  }

  [data-header-navbar]:not(.is-detached) .header-brand-logo-blue {
    opacity: 0;
  }

  body:not(.header-stack-visible)
    [data-header-navbar].is-scroll-stack.is-detached:not(.is-mobile-menu-open):not(.is-mobile-menu-just-closed)
    .header-brand-logo-blue {
    opacity: 0;
  }

  body.header-stack-visible [data-header-navbar].is-scroll-stack.is-detached .header-navbar-mobile-frame,
  [data-header-navbar].is-mobile-menu-open .header-navbar-mobile-frame {
    background: rgba(255, 255, 255, 0.8);
  }

  body.header-stack-visible [data-header-navbar].is-scroll-stack.is-detached .header-mobile-title,
  [data-header-navbar].is-mobile-menu-open .header-mobile-title {
    display: inline-flex !important;
    padding-top: 5px;
  }

  body.header-stack-visible [data-header-navbar].is-scroll-stack.is-detached .header-menu-toggle .header-menu-icon,
  [data-header-navbar].is-mobile-menu-open .header-menu-toggle .header-menu-icon {
    filter: none;
  }

  body.header-stack-visible [data-header-navbar].is-scroll-stack.is-detached .header-brand-logo-white,
  [data-header-navbar].is-mobile-menu-open .header-brand-logo-white {
    opacity: 0;
  }

  body.header-stack-visible [data-header-navbar].is-scroll-stack.is-detached .header-brand-logo-blue,
  [data-header-navbar].is-mobile-menu-open .header-brand-logo-blue {
    opacity: 1;
  }

  [data-header-navbar].is-mobile-menu-open .header-navbar-mobile-frame {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
  }

  [data-header-navbar].is-scroll-stack.is-detached .header-menu-overlay,
  [data-header-navbar].is-mobile-menu-open .header-menu-overlay {
    top: var(--header-mobile-overlay-top);
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    opacity: 1;
    transition: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  [data-header-navbar].is-scroll-stack.is-detached .header-menu-overlay .menu-panel,
  [data-header-navbar].is-mobile-menu-open .header-menu-overlay .menu-panel {
    transform: none;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 280ms ease-in-out;
    will-change: clip-path;
  }

  [data-header-navbar].is-scroll-stack.is-detached [data-menu].is-open .menu-panel,
  [data-header-navbar].is-mobile-menu-open [data-menu].is-open .menu-panel {
    clip-path: inset(0 0 0 0);
  }

  [data-header-navbar] #main-nav .cta-capsule {
    width: 100%;
  }
}

@media (max-width: 1280px) {
  [data-header-navbar] {
    --header-mobile-overlay-top: 0px;
  }

  [data-header-navbar].is-mobile-menu-open .header-navbar-mobile-frame {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
  }

  [data-header-navbar].is-mobile-menu-open .header-mobile-title {
    display: inline-flex !important;
    padding-top: 5px;
  }

  [data-header-navbar].is-mobile-menu-open .header-menu-toggle .header-menu-icon {
    filter: none;
  }

  [data-header-navbar].is-mobile-menu-open .header-brand-logo-white {
    opacity: 0;
  }

  [data-header-navbar].is-mobile-menu-open .header-brand-logo-blue {
    opacity: 1;
  }

  [data-header-navbar].is-mobile-menu-open .header-navbar-shell .nav-lang-trigger {
    color: #111;
  }

  [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--outline {
    border-color: #6b6b6b;
    color: #6b6b6b;
  }

  [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--solid {
    background-color: #6b6b6b;
    border-color: #6b6b6b;
    color: #fff;
  }

  @media (hover: hover) {
    [data-header-navbar].is-mobile-menu-open .header-navbar-shell .nav-lang-trigger:hover {
      color: #111;
    }

    [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--outline:hover {
      background-color: #6b6b6b;
      color: #fff;
      border-color: #6b6b6b;
    }

    [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--solid:hover {
      background-color: transparent;
      color: #6b6b6b;
      border-color: #6b6b6b;
    }
  }

  [data-header-navbar].is-mobile-menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index: 49;
  }

  [data-header-navbar]:not(.is-detached):not(.is-mobile-menu-open) .header-menu-toggle .header-menu-icon {
    filter: brightness(0) invert(1);
  }

  [data-header-navbar].is-scroll-stack.is-detached .header-menu-overlay,
  [data-header-navbar].is-mobile-menu-open .header-menu-overlay {
    top: var(--header-mobile-overlay-top);
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    opacity: 1;
    transition: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  [data-header-navbar].is-scroll-stack.is-detached .header-menu-overlay .menu-panel,
  [data-header-navbar].is-mobile-menu-open .header-menu-overlay .menu-panel {
    transform: none;
    clip-path: inset(0 0 100% 0);
    transition: clip-path 280ms ease-in-out;
    will-change: clip-path;
  }

  [data-header-navbar].is-scroll-stack.is-detached [data-menu].is-open .menu-panel,
  [data-header-navbar].is-mobile-menu-open [data-menu].is-open .menu-panel {
    clip-path: inset(0 0 0 0);
  }

}

@media (min-width: 768px) and (max-width: 1280px) {
  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell,
  [data-header-navbar].is-mobile-menu-open .header-navbar-shell {
    position: fixed;
    inset: 0 auto auto 0;
    width: 100%;
    z-index: 60;
    background-color: white;
    background-image: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-menu-toggle .header-menu-icon,
  [data-header-navbar].is-mobile-menu-open .header-menu-toggle .header-menu-icon {
    filter: none;
  }

  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-brand-logo-white,
  [data-header-navbar].is-mobile-menu-open .header-brand-logo-white {
    opacity: 0;
  }

  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-brand-logo-blue,
  [data-header-navbar].is-mobile-menu-open .header-brand-logo-blue {
    opacity: 1;
  }

  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell .nav-lang-trigger,
  [data-header-navbar].is-mobile-menu-open .header-navbar-shell .nav-lang-trigger {
    color: #111;
  }

  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell .cta-capsule--outline,
  [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--outline {
    border-color: #6b6b6b;
    color: #6b6b6b;
  }

  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell .cta-capsule--solid,
  [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--solid {
    background-color: #6b6b6b;
    border-color: #6b6b6b;
    color: #fff;
  }

  @media (hover: hover) {
    [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell .nav-lang-trigger:hover,
    [data-header-navbar].is-mobile-menu-open .header-navbar-shell .nav-lang-trigger:hover {
      color: #111;
    }

    [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell .cta-capsule--outline:hover,
    [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--outline:hover {
      background-color: #6b6b6b;
      color: #fff;
      border-color: #6b6b6b;
    }

    [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell .cta-capsule--solid:hover,
    [data-header-navbar].is-mobile-menu-open .header-navbar-shell .cta-capsule--solid:hover {
      background-color: transparent;
      color: #6b6b6b;
      border-color: #6b6b6b;
    }
  }

  [data-header-navbar] #main-nav .header-overlay-actions,
  [data-header-navbar] #main-nav .header-overlay-lang-block,
  [data-header-navbar] #main-nav .header-overlay-cta-block {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  [data-header-navbar] .header-menu-toggle,
  [data-header-navbar] .header-menu-overlay {
    display: none !important;
  }
}

[data-header-navbar] .nav-lang {
  position: relative;
  isolation: isolate;
}

[data-header-navbar] .nav-lang-trigger {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.75rem 0.625rem 0.875rem 1rem;
  list-style: none;
  user-select: none;
  transition: color 180ms ease-in-out, background-color 180ms ease-in-out;
}

[data-header-navbar] .nav-lang-trigger::-webkit-details-marker {
  display: none;
}

[data-header-navbar] .nav-lang-current {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  min-width: 1.5rem;
  text-align: right;
}

[data-header-navbar] .nav-lang-chevron {
  width: 1rem;
  height: 1rem;
  transition: transform 180ms ease-in-out;
}

[data-header-navbar] .nav-lang[open] .nav-lang-chevron {
  transform: rotate(180deg);
}

[data-header-navbar] .nav-lang-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: none;
  min-width: 100%;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  border-radius: 0.25rem;
  padding: 2.675rem 0.625rem 0.875rem 1rem;
  background-color: #fff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
}

[data-header-navbar] .nav-lang[open] .nav-lang-menu {
  display: flex;
}

[data-header-navbar] .nav-lang-option {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  border: 0;
  padding: 0 1.25rem 0 0;
  box-sizing: border-box;
  background: transparent;
  color: #6b6b6b;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: right;
  cursor: pointer;
  transition: color 180ms ease-in-out;
}

[data-header-navbar] .nav-lang-option.is-active {
  display: none;
}

[data-header-navbar] .nav-lang-theme-light .nav-lang-trigger {
  color: #fff;
}

[data-header-navbar] .nav-lang-theme-muted .nav-lang-trigger {
  color: #111;
}

[data-header-navbar] .nav-lang[open].nav-lang-theme-light .nav-lang-trigger,
[data-header-navbar] .nav-lang[open].nav-lang-theme-muted .nav-lang-trigger {
  color: #6b6b6b;
  background-color: #fff;
}

[data-header-navbar] .menu-panel .nav-lang-theme-muted .nav-lang-menu {
  border: 0;
}

[data-header-navbar] .menu-panel .nav-lang-theme-muted[open] .nav-lang-trigger {
  box-shadow: none;
}

@media (min-width: 768px) {
  [data-header-navbar] #main-nav > .menu-panel {
    padding-bottom: 40px;
  }
}

[data-header-navbar] .nav-lang-mobile-menu {
  display: inline-block;
  width: fit-content;
  align-self: flex-start;
}

[data-header-navbar] .nav-lang-mobile-menu .nav-lang-menu {
  min-width: 100%;
  width: auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 2.675rem 0.625rem 0.875rem 1rem;
}

[data-header-navbar] .nav-lang-mobile-menu .nav-lang-option {
  width: 100%;
  justify-content: flex-end;
  padding: 0 1.25rem 0 0;
  text-align: right;
}

@media (hover: hover) {
  [data-header-navbar] .nav-lang-option:hover {
    color: #111;
  }
}

[data-header-navbar] .nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 30px;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  transition: background-color 180ms ease-in-out, color 180ms ease-in-out, border-color 180ms ease-in-out;
}

[data-header-navbar] .nav-cta-outline {
  background-color: transparent;
}

[data-header-navbar] .nav-cta-theme-light.nav-cta-outline {
  border-color: #fff;
  color: #fff;
}

[data-header-navbar] .nav-cta-theme-light.nav-cta-solid {
  background-color: #fff;
  color: #111;
}

[data-header-navbar] .nav-cta-theme-muted.nav-cta-outline {
  border-color: #6b6b6b;
  color: #6b6b6b;
}

[data-header-navbar] .nav-cta-theme-muted.nav-cta-solid {
  background-color: #6b6b6b;
  color: #fff;
}

@media (hover: hover) {
  [data-header-navbar] .nav-cta-theme-light.nav-cta-outline:hover {
    background-color: #fff;
    color: #111;
    border-color: #fff;
  }

  [data-header-navbar] .nav-cta-theme-light.nav-cta-solid:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
  }

  [data-header-navbar] .nav-cta-theme-muted.nav-cta-outline:hover {
    background-color: #6b6b6b;
    color: #fff;
    border-color: #6b6b6b;
  }

  [data-header-navbar] .nav-cta-theme-muted.nav-cta-solid:hover {
    background-color: transparent;
    color: #6b6b6b;
    border-color: #6b6b6b;
  }
}

[data-header-navbar] .nav-cta-full {
  width: 100%;
}

/* HEADER-STICKY */
a.sticky-tab {
  position: relative;
  color: var(--gray-600, #767676);
  text-decoration: none;
  border-bottom: 0 !important;
  transition: color 0.2s ease;
}

a.sticky-tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #111111;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.24s ease;
  pointer-events: none;
}

a.sticky-tab.is-entering-from-left::after {
  transform-origin: left center;
}

a.sticky-tab.is-entering-from-right::after {
  transform-origin: right center;
}

a.sticky-tab.is-exiting-to-left::after,
a.sticky-tab.is-exiting-to-left:hover::after {
  transform-origin: left center;
  transform: scaleX(0);
}

a.sticky-tab.is-exiting-to-right::after,
a.sticky-tab.is-exiting-to-right:hover::after {
  transform-origin: right center;
  transform: scaleX(0);
}

@media (hover: hover) {
  a.sticky-tab:hover {
    color: var(--black, #111111);
  }

  a.sticky-tab:not(.is-active):hover::after {
    transform: scaleX(0);
  }
}

a.sticky-tab:focus-visible::after,
a.sticky-tab.is-active::after {
  transform: scaleX(1);
}

a.sticky-tab.is-active {
  color: var(--black, #111111);
  font-weight: 500;
  border-bottom: 0 !important;
}

.sticky [data-sticky-ctas] a.sticky-menu-cta {
  transition:
    background-color 180ms ease-in-out,
    color 180ms ease-in-out,
    border-color 180ms ease-in-out,
    box-shadow 180ms ease-in-out;
}

@media (hover: hover) {
  .sticky [data-sticky-ctas] a.sticky-menu-cta-outline:hover {
    background-color: #5e5e5e;
    color: #fff;
    border-color: #5e5e5e;
  }

  .sticky [data-sticky-ctas] a.sticky-menu-cta-solid:hover {
    background-color: transparent;
    color: #5e5e5e;
    box-shadow: inset 0 0 0 2px #5e5e5e;
  }
}

.sticky [data-sticky-ctas] a.sticky-menu-cta:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}

[data-sticky-menu-root] {
  background: linear-gradient(90deg, rgba(241, 241, 241, 0.8) 0%, rgba(214, 214, 214, 0.8) 100%);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

[data-sticky-menu-root].sticky-menu-bg-white {
  background: rgba(255, 255, 255, 0.8);
}

@media (min-width: 1024px) {
  [data-sticky-menu-root] {
    transition: top 220ms ease-in-out;
  }

  body.header-stack-visible [data-sticky-menu-root] {
    top: var(--header-stack-height, 0px);
  }
}

@media (min-width: 1024px) and (max-width: 1080px) {
  [data-sticky-menu-root] [data-sticky-title] {
    display: none;
  }

  [data-sticky-menu-root] [data-sticky-title] + div {
    margin-left: auto;
    justify-content: flex-end;
  }
}

[data-header-navbar].is-scroll-stack.is-detached .header-navbar-shell {
  position: fixed;
  inset: 0 auto auto 0;
  width: 100%;
  z-index: 35;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.92), rgba(17, 17, 17, 0.8));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: transform 220ms ease-in-out, opacity 220ms ease-in-out;
}

body:not(.header-stack-visible)
  [data-header-navbar].is-scroll-stack.is-detached:not(.is-mobile-menu-open):not(.is-mobile-menu-just-closed)
  .header-navbar-shell {
  transform: translateY(-110%);
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 1024px) {
  [data-header-navbar].is-scroll-stack.is-detached .header-navbar-shell {
    padding: 20px 0 0;
  }
}

@media (max-width: 767px) {
  [data-header-navbar] .header-navbar-shell {
    position: fixed;
    inset: 0 auto auto 0;
    width: 100%;
    z-index: 35;
  }

  body:not(.header-stack-visible)
    [data-header-navbar].is-scroll-stack.is-detached:not(.is-mobile-menu-open):not(.is-mobile-menu-just-closed)
    .header-navbar-shell {
    transform: translateY(0);
  }

  [data-header-navbar].is-mobile-menu-open .header-navbar-shell {
    z-index: 60;
  }

  [data-header-navbar].is-scroll-stack.is-detached.is-mobile-menu-open .header-navbar-shell {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  [data-header-navbar].is-scroll-stack.is-detached .header-navbar-shell {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (min-width: 1024px) {
  [data-header-navbar].is-scroll-stack.is-detached.is-detach-cutover .header-navbar-shell {
    transition: none;
  }
}

body.header-stack-visible [data-header-navbar].is-scroll-stack.is-detached .header-navbar-shell {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* CONTACTA */
.contacta {
  width: min(1920px, 100%);
  margin-inline: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contacta .section-container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.contacta-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  text-align: center;
}

.contacta-kicker {
  font-family: Geist Mono, Geist, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0;
  color: #111;
}

.contacta-title {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
  color: #111;
}

@media (min-width: 1024px) {
  .contacta-title {
    font-size: 40px;
  }
}

@media (min-width: 1440px) {
  .contacta-title {
    font-size: 56px;
  }
}

.contacta-body {
  width: min(1920px, 100%);
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.contacta-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 16px;
}

.contacta-card {
  background: #726e66;
  color: #fff;
  border: none;
  border-radius: 12px;
  min-height: clamp(160px, 12vw, 176px);
  padding: clamp(20px, 1.6vw, 24px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(10px, 1vw, 12px);
  text-align: left;
  cursor: pointer;
  transition:
    background-color 180ms ease-in-out,
    color 180ms ease-in-out;
}

.contacta-card-text {
  font-size: clamp(18px, 1.25vw, 20px);
  line-height: 1.4;
}

.contacta-card-link {
  text-decoration: underline;
}

.contacta-card-arrow {
  position: relative;
  flex: 0 0 auto;
  width: clamp(28px, 2.1vw, 32px);
  height: clamp(28px, 2.1vw, 32px);
  align-self: flex-start;
  overflow: hidden;
  transform: none;
  background-color: transparent;
  -webkit-mask: none;
  mask: none;
}

.contacta-card-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: clamp(21px, 1.6vw, 24px);
  height: clamp(17px, 1.3vw, 20px);
  transform: translate(-50%, -50%);
  background-color: currentColor;
  -webkit-mask: url(../../assets/images/global/icons/icon-arrow-right.svg) no-repeat center / contain;
  mask: url(../../assets/images/global/icons/icon-arrow-right.svg) no-repeat center / contain;
  transition: transform 180ms ease-in-out;
}

@media (hover: hover) {
  .contacta-card:hover {
    background: #504d47;
  }

  .contacta-card:hover .contacta-card-arrow::before {
    transform: translate(calc(-50% + 2px), -50%);
  }
}

.contacta-card:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}

.footer-ctas {
  width: min(1920px, 100%);
  margin-inline: auto;
  background: #fff;
  padding: 48px 16px 48px;
  display: flex;
  justify-content: center;
}

.contacta-extra {
  width: 100%;
  background: #efeeea;
  border-radius: 12px;
  padding: clamp(32px, 5vw, 64px);
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  text-align: center;
}

.contacta-extra-title {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
  margin: 0;
  color: #111;
}

@media (min-width: 768px) {
  .contacta-extra-title {
    font-size: 32px;
  }
}

@media (min-width: 1024px) {
  .contacta-extra-title {
    font-size: 40px;
  }
}

@media (max-width: 1023px) {
  .contacta .section-container {
    gap: 32px;
  }
}

.contacta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.contacta-pill {
  position: relative;
  border: none;
  border-radius: 999px;
  background: #fff;
  padding: 16px 28px 16px 64px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #111;
  cursor: pointer;
  transition: padding 0.3s ease;
}

.contacta-pill-icon {
  position: absolute;
  left: 2px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  transform-origin: left center;
}

.contacta-pill-circle {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #efeeea;
}

.contacta-pill-arrow {
  position: relative;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: url(../../assets/images/global/icons/icon-arrow-right.svg) no-repeat center / contain;
  mask: url(../../assets/images/global/icons/icon-arrow-right.svg) no-repeat center / contain;
  transform: none;
  color: #111;
}

.contacta-pill-text {
  transition: transform 0.3s ease;
}

.contacta-pill-icon-right {
  left: auto;
  right: 2px;
  opacity: 0;
  transform: translate(-6px) scale(0.6);
  transform-origin: right center;
}

.contacta-pill-icon-right .contacta-pill-circle {
  background: #beb4ad;
}

.contacta-pill-icon-right .contacta-pill-arrow {
  color: #fff;
}

.contacta-pill:hover {
  padding-left: 28px;
  padding-right: 64px;
}

.contacta-pill:hover .contacta-pill-icon {
  transform: translate(-6px) scale(0);
  opacity: 0;
}

.contacta-pill:hover .contacta-pill-icon-right {
  opacity: 1;
  transform: translate(0) scale(1);
}

.contacta-pill:hover .contacta-pill-text {
  transform: translate(-6px);
}

/* FOOTER */
.footer-simon-copy,
.footer-simon-links p {
  margin: 0;
}

.footer-simon .footer-simon-lang {
  position: relative;
  isolation: isolate;
}

.footer-simon .nav-lang-trigger {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.75rem 0.625rem 0.875rem 1rem;
  list-style: none;
  user-select: none;
  color: #fff;
  transition: color 180ms ease-in-out, background-color 180ms ease-in-out;
}

.footer-simon .nav-lang-trigger::-webkit-details-marker {
  display: none;
}

.footer-simon .nav-lang-current {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  min-width: 1.5rem;
  text-align: right;
}

.footer-simon .nav-lang-chevron {
  width: 1rem;
  height: 1rem;
  transition: transform 180ms ease-in-out;
  filter: brightness(0) invert(1);
}

.footer-simon .nav-lang[open] .nav-lang-chevron {
  transform: rotate(180deg);
}

.footer-simon .nav-lang-menu {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: none;
  min-width: 100%;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  border-radius: 0.25rem;
  padding: 0.75rem 0.625rem 2.675rem 1rem;
  background-color: #fff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
}

.footer-simon .nav-lang[open] .nav-lang-menu {
  display: flex;
}

.footer-simon .nav-lang-option {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  border: 0;
  padding: 0 1.25rem 0 0;
  box-sizing: border-box;
  background: transparent;
  color: #6b6b6b;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: right;
  cursor: pointer;
  transition: color 180ms ease-in-out;
}

.footer-simon .nav-lang-option.is-active {
  display: none;
}

.footer-simon .nav-lang[open] .nav-lang-trigger {
  color: #6b6b6b;
  background-color: #fff;
}

.footer-simon .nav-lang[open] .nav-lang-chevron {
  filter: none;
}

.footer-simon-social a img {
  transition: opacity 180ms ease-in-out, filter 180ms ease-in-out;
}

@media (hover: hover) {
  .footer-simon .nav-lang-option:hover {
    color: #111;
  }

  .footer-simon-social a:hover img,
  .footer-simon-social a:focus-visible img {
    opacity: 1;
    filter: brightness(0) invert(1);
  }
}

@media (max-width: 767px) {
  .footer-simon {
    padding: 32px clamp(16px, 6vw, 24px) 40px !important;
    background: #002e4e !important;
  }

  .footer-simon-inner {
    width: min(100%, 384px);
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
  }

  .footer-simon-top {
    width: 100%;
    gap: 24px;
  }

  .footer-simon-top p {
    max-width: 328px;
    margin: 0;
    line-height: 1.33;
  }

  .footer-simon-divider {
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.2) !important;
  }

  .footer-simon-bottom {
    width: 100%;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    text-align: center;
  }

  .footer-simon-social-wrap {
    order: 1;
    gap: 24px;
    align-items: center;
    justify-content: center;
  }

  .footer-simon-follow {
    display: none;
  }

  .footer-simon-social {
    gap: 24px;
  }

  .footer-simon-social img {
    opacity: 0.6;
  }

  .footer-simon-lang {
    order: 2;
  }

  .footer-simon-legal {
    order: 3;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
  }

  .footer-simon-links {
    justify-content: center;
    gap: 24px;
  }
}
