@layer reset, tokens, legado, componentes; @layer legado {
body.home-landing .home-hero-pro__panel {
  background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: #fff;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body.home-landing .home-hero-pro__panel-head { border-bottom-color: rgba(255, 255, 255, .16) !important; }
body.home-landing .home-hero-pro__panel-title { color: rgba(255, 255, 255, .86) !important; }
body.home-landing .home-hero-pro__stat,
body.home-landing .home-panel-shortcut,
body.home-landing .home-panel-cal {
  background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 20px !important; box-shadow: none !important; color: #fff !important;
  transition: background-color .15s ease, border-color .15s ease;
}
body.home-landing .home-hero-pro__stat:hover,
body.home-landing .home-panel-shortcut:hover,
body.home-landing .home-panel-cal:hover { background: rgba(255, 255, 255, .17) !important; border-color: rgba(255, 255, 255, .26) !important; }
body.home-landing .home-hero-pro__stat:focus-visible,
body.home-landing .home-panel-shortcut:focus-visible,
body.home-landing .home-panel-cal:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
body.home-landing .home-hero-pro__panel *:not(.home-panel-cal__day--today) { color: inherit; }
body.home-landing .home-hero-pro__stat-head,
body.home-landing .home-panel-shortcut__head { color: rgba(255, 255, 255, .82) !important; }
body.home-landing .home-hero-pro__stat-meta,
body.home-landing .home-panel-shortcut__meta,
body.home-landing .home-panel-cal__hint,
body.home-landing .home-panel-cal__weekday,
body.home-landing .home-panel-cal__legend { color: rgba(255, 255, 255, .74) !important; }
body.home-landing .home-hero-pro__stat-value,
body.home-landing .home-panel-shortcut__name,
body.home-landing .home-panel-cal__title { color: #fff !important; }
body.home-landing .home-panel-shortcut::before,
body.home-landing .home-panel-shortcut::after { opacity: .12 !important; }
body.home-landing .home-panel-shortcut i,
body.home-landing .home-hero-pro__stat i { color: rgba(255, 255, 255, .9) !important; }

body.dark-mode.home-landing .home-hero-pro__stat,
body.dark-mode.home-landing .home-panel-shortcut,
body.dark-mode.home-landing .home-panel-cal { background: rgba(255, 255, 255, .07) !important; border-color: rgba(255, 255, 255, .12) !important; }

body.home-landing .cp-tabs__panel, body.home-landing #outils { scroll-margin-top: calc(var(--jo-topo-h, 91px) + 12px); }

}