/* CasasXela: one native header, bar through 80px / visible capsule above 80px. */
:root {
  --cx-header-duration: 1s;
  --cx-header-ease: cubic-bezier(.16, 1, .3, 1);
  --cx-header-surface-duration: 700ms;
  --cx-public-bottom: 72px;
}
html[data-cx-floating="true"] { --cx-public-bottom: 90px; }
[data-cx-header-motion="public"] {
  top: 0 !important;
  padding: 0 !important;
  translate: none !important;
  transition: top var(--cx-header-duration) var(--cx-header-ease),
    padding var(--cx-header-duration) var(--cx-header-ease),
    background-color var(--cx-header-surface-duration),
    border-color var(--cx-header-surface-duration),
    backdrop-filter var(--cx-header-surface-duration) !important;
}
[data-cx-header-motion="public"] > div {
  max-width: 1280px !important;
  height: 72px !important;
  border-radius: 0 !important;
  padding: 0 clamp(16px, 4vw, 48px) !important;
  transition: max-width var(--cx-header-duration) var(--cx-header-ease),
    height var(--cx-header-duration) var(--cx-header-ease),
    padding var(--cx-header-duration) var(--cx-header-ease),
    border-radius var(--cx-header-duration) var(--cx-header-ease),
    background-color var(--cx-header-surface-duration),
    border-color var(--cx-header-surface-duration),
    box-shadow var(--cx-header-surface-duration),
    backdrop-filter var(--cx-header-surface-duration) !important;
}
[data-cx-header-motion="public"][data-cx-floating="true"] {
  top: 20px !important;
  padding-inline: 20px !important;
}
/* 1160px preserves all six links, the brand, theme toggle and contact CTA. */
[data-cx-header-motion="public"][data-cx-floating="true"] > div {
  max-width: 1160px !important;
  height: 70px !important;
  border-radius: 50px !important;
  padding: 0 14px 0 28px !important;
}
[data-cx-header-motion="public"] > div > a > img {
  transition: height var(--cx-header-duration) var(--cx-header-ease),
    width var(--cx-header-duration) var(--cx-header-ease) !important;
}
[data-cx-header-motion="public"] > div > a > span {
  transition: font-size var(--cx-header-duration) var(--cx-header-ease), color var(--cx-header-surface-duration) !important;
}
[data-cx-header-motion="public"] .nav-desktop-links {
  transition: gap var(--cx-header-duration) var(--cx-header-ease) !important;
}
[data-cx-header-motion="public"] .btn-gold {
  min-height: 44px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: padding var(--cx-header-duration) var(--cx-header-ease),
    font-size var(--cx-header-duration) var(--cx-header-ease),
    background-color var(--cx-header-surface-duration),
    box-shadow var(--cx-header-surface-duration) !important;
}
[data-cx-header-motion="public"] a,
[data-cx-header-motion="public"] button { min-height: 44px; }
[data-cx-header-motion="public"] .nav-desktop-links > a:not(.btn-gold) { display: inline-flex; align-items: center; min-width: 44px; }
[data-cx-header-motion="public"] .nav-hamburger button,
[data-cx-header-motion="public"] .cx-theme-btn { min-width: 44px; justify-content: center; }
[data-cx-menu-panel] {
  top: var(--cx-public-bottom) !important;
  max-height: calc(100dvh - var(--cx-public-bottom)) !important;
  transition: top var(--cx-header-duration) var(--cx-header-ease), max-height var(--cx-header-duration) var(--cx-header-ease);
}
[data-cx-menu-panel] a { min-height: 44px; display: inline-flex; align-items: center; }
[data-cx-header-motion] :is(a,button):focus-visible {
  outline: 3px solid var(--gold, var(--accent-text));
  outline-offset: 3px;
}


.cx-admin .adm-header .adm-icon-button { min-width: 44px; min-height: 44px; }
.cx-admin .adm-header .adm-header-profile { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
@media (min-width: 640px) { .cx-admin .adm-header .adm-header-profile { display: inline-flex; } }
@media (max-width: 760px) {
  html[data-cx-floating="true"] { --cx-public-bottom: 76px; }
  [data-cx-header-motion="public"][data-cx-floating="true"] { top: 12px !important; padding-inline: 14px !important; }
  [data-cx-header-motion="public"][data-cx-floating="true"] > div { height: 64px !important; padding: 0 14px 0 20px !important; }
  
}
@media (max-width: 639px) {

  
  
}
html[data-cx-header-instant="true"] [data-cx-header-motion],
html[data-cx-header-instant="true"] [data-cx-header-motion] *,
html[data-cx-header-instant="true"] [data-cx-menu-panel] { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  :root [data-cx-header-motion], :root [data-cx-header-motion] *, :root [data-cx-menu-panel],
  :root .cx-admin .adm-header[data-cx-header-motion="admin"] { transition: none !important; animation: none !important; }
}