/* Navegación móvil compartida: Home, sus secciones y Web. */
#mobile-nav-wrapper { display: none; }
@media (max-width: 1023px) {
  #mobile-nav-wrapper { display: block !important; position: fixed; inset: auto 0 0; z-index: 1000; width: 100%; background: #fff; color: #555b65; }
  #mobile-nav-wrapper > div { position: relative; background: #fff !important; border: 0 !important; padding-bottom: env(safe-area-inset-bottom); }
  html.dark #mobile-nav-wrapper, html.dark #mobile-nav-wrapper > div { background: #0f172a !important; color: #cbd5e1; }
  #mobile-nav-wrapper .home-bottom-tabs { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)) !important; gap: 0; padding: 0 !important; }
  #mobile-nav-wrapper .tab-link-mobile { --nav-accent-readable: #006b94; --nav-accent-dark: #38bdf8; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 64px; padding: 8px 0 !important; margin: 0; border: 0; border-radius: 0; background: transparent !important; color: #555b65 !important; text-decoration: none; box-shadow: none; }
  #mobile-nav-wrapper .tab-link-mobile svg { display: block; flex: none; width: 21px; height: 21px; margin: 0; }
  #mobile-nav-wrapper .tab-link-mobile span { margin: 0 !important; font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size: 12px !important; font-weight: 600; line-height: 1.2; letter-spacing: -.02em !important; white-space: nowrap; }
  html.dark #mobile-nav-wrapper .tab-link-mobile { color: #cbd5e1 !important; }
  #mobile-nav-wrapper .tab-link-mobile[aria-current="page"], #mobile-nav-wrapper .tab-link-mobile:focus-visible { color: var(--nav-accent-readable) !important; }
  html.dark #mobile-nav-wrapper .tab-link-mobile[aria-current="page"], html.dark #mobile-nav-wrapper .tab-link-mobile:focus-visible { color: var(--nav-accent-dark) !important; }
  #mobile-nav-wrapper .tab-link-mobile:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
  #mobile-nav-wrapper [data-nav-key="design"] { --nav-accent-readable: #b91c58; --nav-accent-dark: #f9a8d4; }
  #mobile-nav-wrapper [data-nav-key="photo"] { --nav-accent-readable: #b64100; --nav-accent-dark: #fdba74; }
  #mobile-nav-wrapper [data-nav-key="repair"] { --nav-accent-readable: #00733d; --nav-accent-dark: #4ade80; }
  #mobile-nav-wrapper [data-nav-key="tech"] { --nav-accent-readable: #006e6d; --nav-accent-dark: #5eead4; }
  #mobile-nav-wrapper #liquid-indicator { display: none; }
  body > main { padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
}
@media (min-width: 1024px) { #mobile-nav-wrapper { display: none !important; } }