/* Cabecera común de TodAps, con la geometría y el aspecto de /dev/. */
html:root .td-site-header.td-unified-header {
  display: block !important; position: fixed !important; top: 0 !important;
  left: 0 !important; right: 0 !important; transform: none !important;
  width: 100% !important; max-width: none !important; height: calc(68px + env(safe-area-inset-top)) !important;
  margin: 0 !important; padding: env(safe-area-inset-top) 0 0 !important; box-sizing: border-box; z-index: 1100;
  background: #f7f7f8 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px);
}
html:root.dark .td-site-header.td-unified-header { background: #0e1116 !important; }
.td-unified-header .td-header-inner { box-sizing: border-box; display: flex; align-items: center; gap: 12px; height: 68px; max-width: 1120px; margin: 0 auto; padding: 0 max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left)); }
.td-unified-header .td-brand { display: flex; align-items: center; flex: 0 1 140px; min-width: 0; min-height: 44px; }
.td-unified-header .td-brand img.td-brand-wordmark { width: 140px; max-width: 100%; height: auto; max-height: 46px; filter: none; }
html.dark .td-unified-header .td-brand img.td-brand-wordmark { filter: brightness(0) invert(1); }
.td-site-header.td-unified-header .td-header-actions { display: flex !important; align-items: center; flex: none; margin-left: auto; gap: 2px; }
.td-site-header.td-unified-header .td-icon-action { width: 44px; height: 44px; min-width: 44px; flex: 0 0 44px; color: #5b6472 !important; background: transparent !important; box-shadow: none !important; }
html.dark .td-site-header.td-unified-header .td-icon-action { color: #9aa3b2 !important; }
.td-site-header.td-unified-header .td-header-actions .td-header-cta { display: inline-flex !important; align-items: center; justify-content: center; flex: none; min-height: 44px; margin: 0 0 0 6px; padding: 0 16px; border: 0 !important; border-radius: 12px !important; background: #0f172a !important; color: #fff !important; box-shadow: none !important; font-family: Inter,system-ui,-apple-system,sans-serif; font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: -.005em; white-space: nowrap; text-decoration: none; }
html.dark .td-site-header.td-unified-header .td-header-actions .td-header-cta { background: #0099d5 !important; color: #04141c !important; }
.td-unified-header .td-header-cta > svg { display: none !important; }
.td-unified-header .td-desktop-menu { display: none !important; margin-left: 14px; gap: 0 !important; flex: 0 1 auto; flex-wrap: nowrap; }
.td-unified-header .td-desktop-menu > a, .td-unified-header .td-desktop-menu > button { font-size: 13.5px; font-weight: 600; gap: 8px; min-height: 44px; padding: 0 9px; color: #5b6472; background: transparent !important; }
html.dark .td-unified-header .td-desktop-menu > a, html.dark .td-unified-header .td-desktop-menu > button { color: #9aa3b2; }
html { scroll-padding-top: calc(84px + env(safe-area-inset-top)); }
@media (min-width: 1024px) { .td-unified-header .td-desktop-menu { display: flex !important; } .td-unified-header .td-desktop-menu > a > svg, .td-unified-header .td-desktop-menu > button > svg { display: none !important; } }
@media (min-width: 1240px) { .td-unified-header .td-desktop-menu > a > svg, .td-unified-header .td-desktop-menu > button > svg { display: block !important; } }
/* La cabecera ahora ocupa su espacio: el Hero no necesita reservarlo otra vez. */
@media (max-width: 960px) and (orientation: portrait) {
  /* La cabecera es fija: la foto del hero empieza debajo para que no se corte la oreja del gato. */
  #tab-inicio > section.todaps-hero-lab.hero-photo-cover:first-child { padding-top: calc(68px + env(safe-area-inset-top)) !important; }
}
@media (min-width: 961px) and (orientation: landscape) { #tab-inicio > section.todaps-hero-lab.hero-photo-cover:first-child, #tab-inicio .hero-photo-cover .hero-minimal-shell { min-height: calc(100svh - 68px - env(safe-area-inset-top)) !important; } }

body.td-unified-shell { padding-top: calc(68px + env(safe-area-inset-top)) !important; }