/* ============================================================
   CABEÇALHO — Emergência OMNI · v6 (navegação estilo Apple,
   identidade da LP do TDAC, versão clara)
   Branco translúcido com leve degradê (não chapado), fio de luz azul
   no pé, rótulos em Montserrat espaçada, botão igual ao da LP,
   painéis claros com luz azul.
   Paleta só da OMNI: #00142D #0C3467 #17529D #61A4D4 #F3F3F3.
   ============================================================ */
/* Fontes (Lato + Montserrat do Google Fonts): carregadas pelo index.html com
   <link> que não bloqueia a página — antes era @import aqui, que segurava o CSS. */

.omnih {
  --omnih-abismo: #00142D;
  --omnih-painel: #061A36;
  --omnih-marinho: #0C3467;
  --omnih-azul: #17529D;
  --omnih-azul-claro: #61A4D4;
  --omnih-nevoa: #C9D7EA;
  --omnih-nevoa-2: #8FA6C4;
  --omnih-altura: 64px;
  --omnih-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: fixed; top: 0; left: 0; right: 0; z-index: 9990;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --omnih-tinta: #191F28;
  --omnih-suave: #5F6E82;
  color: var(--omnih-tinta); line-height: 1.3; -webkit-font-smoothing: antialiased;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(240 245 251 / 0.88));
  -webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px);
  border-bottom: 1px solid rgb(0 20 45 / 0.06);
  transition: background 350ms var(--omnih-ease), transform 450ms var(--omnih-ease), box-shadow 350ms;
}
.admin-bar .omnih { top: 32px; }
@media (max-width: 782px) { .admin-bar .omnih { top: 46px; } }
.omnih-espaco { display: block; height: var(--omnih-altura, 56px); }

.omnih *, .omnih *::before, .omnih *::after { box-sizing: border-box; }
.omnih a { text-decoration: none; color: inherit; }
.omnih ul { list-style: none; margin: 0; padding: 0; }
.omnih h2 { margin: 0; font: inherit; }
.omnih svg { display: block; }
/* botões: seletor reforçado (temas do WP estilizam button:hover/:focus) */
.omnih button, .omnih button:hover, .omnih button:focus, .omnih button:active {
  font-family: inherit; font-weight: inherit; line-height: inherit; color: inherit; background: none; border: 0; box-shadow: none; margin: 0; padding: 0; min-height: 0;
  text-transform: none; letter-spacing: inherit; cursor: pointer; border-radius: 0;
}
.omnih a:focus-visible, .omnih button:focus-visible { outline: 2px solid var(--omnih-azul-claro); outline-offset: 2px; border-radius: 6px; }

.omnih.omnih--escondido { transform: translateY(-100%); }
.omnih--rolou:not(.omnih--aberto):not(.omnih--movel) { box-shadow: 0 10px 30px -18px rgb(0 20 45 / 0.35); }
.omnih--aberto, .omnih--movel { background: rgb(255 255 255 / 0.98); }

/* fio de luz no pé da barra, igual ao traço da LP */
.omnih::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--omnih-azul-claro), var(--omnih-azul), transparent); background-size: 35% 100%; background-repeat: no-repeat;
  animation: omnih-luz 8s linear infinite; opacity: 0.9;
}
@keyframes omnih-luz { from { background-position: -35% 0; } to { background-position: 135% 0; } }

/* ── barra ── */
.omnih-barra { position: relative; z-index: 2; display: flex; align-items: center; gap: 28px; max-width: 1100px; height: var(--omnih-altura); margin: 0 auto; padding: 0 22px; }
.omnih-marca { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.omnih-simbolo { width: 32px; height: 32px; transition: transform 800ms var(--omnih-ease); }
.omnih-marca:hover .omnih-simbolo { transform: rotate(120deg); }
.omnih-letreiro { display: grid; line-height: 1; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 0.34em; margin-right: -0.34em; color: var(--omnih-marinho); }
.omnih-letreiro small { font-size: 7px; letter-spacing: 0.5em; color: var(--omnih-azul-claro); text-transform: uppercase; margin-bottom: 3px; }

.omnih-nav { position: absolute; left: 50%; transform: translateX(-50%); } /* centro exato da barra */
.omnih-menu { display: flex; justify-content: center; gap: 36px; }
.omnih .omnih-item, .omnih .omnih-item:hover, .omnih .omnih-item:focus { position: relative; font-size: 13.5px; font-weight: 400; padding: 8px 0; color: rgb(25 31 40 / 0.72); transition: color 200ms; }
.omnih .omnih-item:hover, .omnih .omnih-item[aria-expanded="true"] { color: var(--omnih-marinho); }
.omnih .omnih-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: var(--omnih-azul); transform: scaleX(0); transition: transform 350ms var(--omnih-ease); }
.omnih .omnih-item[aria-expanded="true"]::after { transform: scaleX(1); }
.omnih-voltar { display: none; }

.omnih-acoes { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; margin-left: auto; }
/* botão no padrão da LP do TDAC */
.omnih-cta {
  position: relative; overflow: hidden; isolation: isolate;
  display: inline-flex; align-items: center; height: 34px; padding: 0 18px; border-radius: 999px;
  background: var(--omnih-azul-claro); color: var(--omnih-abismo) !important;
  font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
  box-shadow: 0 8px 22px -12px rgb(97 164 212 / 0.9); transition: transform 300ms var(--omnih-ease);
}
.omnih-cta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, transparent 30%, rgb(255 255 255 / 0.55) 50%, transparent 70%); transform: translateX(-110%); transition: transform 700ms var(--omnih-ease); }
.omnih-cta:hover { transform: translateY(-1px); }
.omnih-cta:hover::after { transform: translateX(110%); }

/* ── painéis (desktop) ── */
.omnih-flys {
  position: relative; z-index: 1; height: 0; overflow: hidden; transition: height 420ms var(--omnih-ease);
  background: radial-gradient(60% 140% at 12% 0%, rgb(97 164 212 / 0.16), transparent 60%);
}
.omnih-fly { position: absolute; left: 0; right: 0; visibility: hidden; opacity: 0; transition: opacity 200ms, visibility 0s 200ms; }
.omnih-fly.omnih--ativo { position: relative; visibility: visible; opacity: 1; transition: opacity 250ms 60ms; }
.omnih-fly-grade { display: flex; gap: 72px; max-width: 1100px; margin: 0 auto; padding: 34px 22px 60px 57px; }
.omnih-col h2 { font-family: "Montserrat", sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--omnih-azul); margin-bottom: 16px; }
.omnih-col ul { display: grid; gap: 11px; }
.omnih-col a { display: inline-flex; align-items: baseline; gap: 8px; font-size: 13.5px; font-weight: 700; color: rgb(25 31 40 / 0.86); transition: color 150ms, transform 300ms var(--omnih-ease); }
.omnih-col a:hover { color: var(--omnih-azul); }
.omnih-col small { font-weight: 400; color: var(--omnih-suave); font-size: 0.62em; letter-spacing: 0.02em; }
.omnih-col--grande { min-width: 360px; }
.omnih-col--grande ul { gap: 4px; }
.omnih-col--grande a { font-size: 27px; font-weight: 900; letter-spacing: -0.01em; line-height: 1.25; color: var(--omnih-abismo); }
.omnih-col--grande a:hover { color: var(--omnih-azul); transform: translateX(4px); }
.omnih-col--grande small { font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--omnih-azul); margin-left: 4px; }
.omnih-col--larga { min-width: 320px; }
.omnih-mais { display: inline-block; margin-top: 18px; font-family: "Montserrat", sans-serif; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.16em; text-transform: uppercase; color: var(--omnih-azul) !important; }
.omnih-mais::after { content: " →"; }

/* itens entram em cascata (header.js põe --i em cada um) */
.omnih-fly li, .omnih-fly h2, .omnih-mais { opacity: 0; transform: translateY(-6px); }
.omnih-fly.omnih--ativo li, .omnih-fly.omnih--ativo h2, .omnih-fly.omnih--ativo .omnih-mais {
  opacity: 1; transform: none; transition: opacity 360ms var(--omnih-ease), transform 420ms var(--omnih-ease); transition-delay: calc(var(--i, 0) * 24ms + 70ms);
}

/* véu: escurece e desfoca a página atrás com o painel aberto */
.omnih-veu { position: fixed; inset: 0; z-index: 9980; pointer-events: none; opacity: 0; background: rgb(0 20 45 / 0.22); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transition: opacity 350ms var(--omnih-ease); }
.omnih-veu.omnih--on { opacity: 1; pointer-events: auto; }

/* ── botão do celular ── */
.omnih .omnih-burger { display: none; position: relative; width: 40px; height: 40px; margin-right: -8px; }
.omnih-burger span { position: absolute; left: 11px; right: 11px; height: 1.5px; border-radius: 2px; background: var(--omnih-marinho); transition: transform 450ms var(--omnih-ease), top 450ms var(--omnih-ease); }
.omnih-burger span:first-child { top: 16px; }
.omnih-burger span:last-child { top: 23px; }
.omnih--movel .omnih-burger span:first-child { top: 19.5px; transform: rotate(45deg); }
.omnih--movel .omnih-burger span:last-child { top: 19.5px; transform: rotate(-45deg); }
.omnih-mob { display: none; }

@media (max-width: 860px) {
  .omnih-nav { display: none; }
  .omnih-barra { padding: 0 16px; }
  .omnih-acoes { margin-left: auto; gap: 10px; }
  .omnih-cta { height: 32px; padding: 0 14px; font-size: 10.5px; }
  .omnih .omnih-burger { display: block; }

  /* menu em tela cheia: abre "descendo" da barra (clip-path), sem piscar.
     absolute (não fixed): o backdrop-filter da barra vira referência. */
  .omnih-flys {
    position: absolute; left: 0; right: 0; top: 100%;
    height: calc(100vh - var(--omnih-topo, 56px)) !important; height: calc(100dvh - var(--omnih-topo, 56px)) !important;
    overflow: hidden; visibility: hidden;
    background: radial-gradient(90% 50% at 50% 0%, rgb(97 164 212 / 0.18), transparent 70%), #fff;
    clip-path: inset(0 0 100% 0); transition: clip-path 560ms var(--omnih-ease), visibility 0s 560ms;
  }
  .omnih--movel .omnih-flys { visibility: visible; clip-path: inset(0 0 0 0); transition: clip-path 560ms var(--omnih-ease); }

  .omnih-mob, .omnih-fly { position: absolute; inset: 0; overflow-y: auto; padding: 26px 28px 40px; }
  .omnih-mob { display: block; transition: transform 520ms var(--omnih-ease), opacity 380ms var(--omnih-ease); }
  .omnih--sub .omnih-mob { transform: translateX(-22%); opacity: 0; pointer-events: none; }
  .omnih-fly, .omnih-fly.omnih--ativo { visibility: visible; opacity: 1; transform: translateX(100%); transition: transform 520ms var(--omnih-ease); }
  .omnih--sub .omnih-fly.omnih--ativo { transform: none; }
  .omnih-fly-grade { display: grid; gap: 30px; padding: 0; max-width: none; }
  .omnih-col--grande, .omnih-col--larga { min-width: 0; }
  .omnih-col a { font-size: 16px; }
  .omnih-col--grande a { font-size: 26px; }
  .omnih-col--grande a:hover { transform: none; }

  /* itens do menu principal entram em cascata ao abrir */
  .omnih-mob > * { opacity: 0; transform: translateY(14px); transition: opacity 420ms var(--omnih-ease), transform 520ms var(--omnih-ease); transition-delay: 0s; }
  .omnih--movel .omnih-mob > * { opacity: 1; transform: none; transition-delay: calc(var(--i, 0) * 55ms + 160ms); }
  .omnih-mob button { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid rgb(0 20 45 / 0.08) !important; font-size: 28px !important; font-weight: 900 !important; color: var(--omnih-abismo); text-align: left; }
  .omnih-mob button::after { content: ""; width: 9px; height: 9px; border-top: 2px solid var(--omnih-azul); border-right: 2px solid var(--omnih-azul); transform: rotate(45deg); margin-right: 4px; }
  .omnih-mob .omnih-mob-cta { display: flex; justify-content: center; align-items: center; height: 54px; margin-top: 30px; border-radius: 999px; background: var(--omnih-azul-claro); color: var(--omnih-abismo); font-family: "Montserrat", sans-serif; font-size: 12.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
  .omnih-mob .omnih-mob-contato { margin-top: 18px; text-align: center; font-size: 13px; color: var(--omnih-suave); line-height: 1.7; }

  /* subnível: itens entram em cascata quando o painel desliza */
  .omnih-fly li, .omnih-fly h2, .omnih-mais, .omnih-voltar { opacity: 0; transform: translateX(16px); transition: opacity 300ms var(--omnih-ease), transform 420ms var(--omnih-ease); }
  .omnih--sub .omnih-fly.omnih--ativo li, .omnih--sub .omnih-fly.omnih--ativo h2, .omnih--sub .omnih-fly.omnih--ativo .omnih-mais, .omnih--sub .omnih-fly.omnih--ativo .omnih-voltar {
    opacity: 1; transform: none; transition-delay: calc(var(--i, 0) * 30ms + 140ms);
  }
  .omnih .omnih-voltar { display: inline-flex; gap: 8px; align-items: center; margin-bottom: 26px; font-family: "Montserrat", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--omnih-azul); }
  .omnih-veu { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .omnih, .omnih *, .omnih *::before, .omnih *::after, .omnih-veu { transition-duration: 0.01ms !important; transition-delay: 0s !important; animation: none !important; }
}
html.omnih-trava, html.omnih-trava body { overflow: hidden !important; }

/* ═══ v7 — painéis visuais ═════════════════════════════════════ */
.omnih-fly-grade { gap: 20px; padding: 26px 22px 34px; }
.omnih-seta { flex: 0 0 auto; transition: transform 300ms var(--omnih-ease); }
a:hover > .omnih-seta, a:hover .omnih-link .omnih-seta, .omnih-link:hover .omnih-seta { transform: translateX(4px); }
.omnih-link { display: inline-flex !important; align-items: center; gap: 8px; margin-top: 14px; font-family: "Montserrat", sans-serif; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.16em; text-transform: uppercase; color: var(--omnih-azul) !important; }
.omnih-link--suave { margin-top: 8px; color: var(--omnih-suave) !important; letter-spacing: 0.08em; }
.omnih-col--intro { flex: 0 0 260px; padding-top: 6px; }
.omnih-col--intro p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--omnih-suave); }

/* cartões base */
.omnih-cartao, .omnih-turma, .omnih-post, .omnih-contato, .omnih-destaque {
  border-radius: 18px; background: #fff; border: 1px solid #E3E9F1;
  box-shadow: 0 1px 0 rgb(0 20 45 / 0.03);
  transition: transform 350ms var(--omnih-ease), box-shadow 350ms var(--omnih-ease), border-color 300ms;
}
.omnih-cartao:hover, .omnih-turma:hover, .omnih-post:hover, .omnih-contato:hover, .omnih-destaque:hover {
  transform: translateY(-3px); border-color: rgb(97 164 212 / 0.55); box-shadow: 0 18px 36px -22px rgb(23 82 157 / 0.55);
}

/* Cursos: dois cartões grandes */
.omnih-fly-grade--cursos { display: grid; grid-template-columns: 1fr 1fr; }
.omnih-cartao { display: grid; grid-template-columns: 210px minmax(0, 1fr); overflow: hidden; min-height: 190px; }
.omnih-cartao-img { position: relative; overflow: hidden; background: var(--omnih-marinho); }
.omnih-cartao-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--omnih-ease); }
.omnih-cartao:hover .omnih-cartao-img img { transform: scale(1.06); }
.omnih-cartao-img--marca { display: grid; place-items: center; background: radial-gradient(80% 80% at 30% 20%, var(--omnih-azul), var(--omnih-abismo)); }
.omnih-selo-online { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0.32em; color: #fff; padding: 10px 16px; border: 1px solid rgb(97 164 212 / 0.6); border-radius: 999px; }
.omnih-cartao-txt { display: flex; flex-direction: column; padding: 22px 24px; }
.omnih-cartao-txt small, .omnih-destaque-txt small, .omnih-contato small {
  font-family: "Montserrat", sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--omnih-azul);
}
.omnih-cartao-txt strong { margin-top: 8px; font-size: 21px; font-weight: 900; line-height: 1.15; color: var(--omnih-abismo); }
.omnih-cartao-txt em { margin-top: 8px; font-style: normal; font-size: 14px; line-height: 1.5; color: var(--omnih-suave); }
.omnih-cartao-txt .omnih-link { margin-top: auto; padding-top: 14px; }

/* Turmas: datas no estilo do painel da LP + foto da turma */
.omnih-fly-grade--turmas { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: stretch; }
.omnih-turmas { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px !important; }
.omnih-turma { display: flex !important; align-items: center; gap: 14px !important; padding: 12px 16px 12px 12px; color: var(--omnih-abismo) !important; }
.omnih-data { display: grid; place-items: center; width: 58px; height: 58px; flex: 0 0 auto; border-radius: 14px; background: linear-gradient(160deg, var(--omnih-azul), var(--omnih-marinho)); color: #fff; line-height: 1; }
.omnih-data b { font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: 600; }
.omnih-data small { font-family: "Montserrat", sans-serif; font-size: 9.5px; font-weight: 600; letter-spacing: 0.18em; margin-top: -10px; color: var(--omnih-azul-claro); }
.omnih-turma-txt { display: grid; gap: 2px; flex: 1; min-width: 0; }
.omnih-turma-txt strong { font-size: 18px; font-weight: 900; }
.omnih-turma-txt em { font-style: normal; font-size: 13px; color: var(--omnih-suave); }
.omnih-turma .omnih-seta { color: var(--omnih-azul); }
.omnih-destaque { position: relative; display: block; overflow: hidden; min-height: 210px; border: 0; }
.omnih-destaque img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--omnih-ease); }
.omnih-destaque:hover img { transform: scale(1.05); }
.omnih-destaque::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(0 20 45 / 0) 30%, rgb(0 20 45 / 0.85)); }
.omnih-destaque-txt { position: absolute; left: 20px; right: 20px; bottom: 18px; z-index: 1; display: grid; gap: 4px; color: #fff; }
.omnih-destaque-txt small { color: var(--omnih-azul-claro); }
.omnih-destaque-txt strong { font-size: 20px; font-weight: 900; line-height: 1.2; padding-right: 28px; }
.omnih-destaque-txt .omnih-seta { position: absolute; right: 0; bottom: 4px; }

/* Blog: artigos com capa */
.omnih-fly-grade--blog, .omnih-fly-grade--contato { display: flex; align-items: flex-start; gap: 40px; }
.omnih-posts { flex: 1; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px !important; }
.omnih-post { display: grid !important; overflow: hidden; color: var(--omnih-abismo) !important; }
.omnih-post-img { aspect-ratio: 16 / 9; overflow: hidden; background: #E9EFF6; }
.omnih-post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--omnih-ease); }
.omnih-post:hover .omnih-post-img img { transform: scale(1.06); }
.omnih-post strong { padding: 12px 14px 16px; font-size: 14.5px; font-weight: 700; line-height: 1.35; }

/* Contato: cartões como os do rodapé da LP */
.omnih-contatos { flex: 1; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px !important; }
.omnih-contato { position: relative; display: grid !important; gap: 14px !important; padding: 18px; color: var(--omnih-abismo) !important; }
.omnih-contato > .omnih-seta { position: absolute; top: 20px; right: 18px; }
.omnih-contato-ic { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 auto; border-radius: 13px; background: var(--omnih-azul); color: #fff; }
.omnih-contato--wa .omnih-contato-ic { background: #25D366; }
.omnih-contato > span:nth-child(2) { display: grid; gap: 3px; flex: 1; min-width: 0; }
.omnih-contato strong { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.omnih-contato .omnih-seta { color: var(--omnih-azul); }

/* cascata: cartões entram como os itens */
.omnih-fly .omnih-cartao, .omnih-fly .omnih-destaque, .omnih-fly .omnih-col--intro { opacity: 0; transform: translateY(-6px); }
.omnih-fly.omnih--ativo .omnih-cartao, .omnih-fly.omnih--ativo .omnih-destaque, .omnih-fly.omnih--ativo .omnih-col--intro {
  opacity: 1; transform: none; transition: opacity 360ms var(--omnih-ease), transform 420ms var(--omnih-ease), box-shadow 350ms, border-color 300ms; transition-delay: calc(var(--i, 0) * 40ms + 70ms);
}

@media (max-width: 860px) {
  .omnih-fly-grade { padding: 0; gap: 16px; }
  .omnih-selo-online { font-size: 10px; letter-spacing: 0.2em; padding: 7px 10px; white-space: nowrap; }
  .omnih-fly-grade--cursos, .omnih-fly-grade--turmas, .omnih-turmas, .omnih-posts, .omnih-contatos { grid-template-columns: minmax(0, 1fr) !important; }
  .omnih-fly-grade--blog, .omnih-fly-grade--contato { display: grid; gap: 20px; }
  .omnih-col--intro { flex: none; }
  .omnih-cartao { grid-template-columns: 110px minmax(0, 1fr); min-height: 0; }
  .omnih-cartao-txt { padding: 16px; }
  .omnih-cartao-txt em { display: none; }
  .omnih-cartao-txt strong { font-size: 18px; }
  .omnih-destaque { min-height: 150px; }
  .omnih-post { grid-template-columns: 110px minmax(0, 1fr); align-items: center; }
  .omnih-post-img { aspect-ratio: 4 / 3; height: 100%; }
  .omnih-post strong { padding: 10px 14px; }
  .omnih-fly .omnih-cartao, .omnih-fly .omnih-destaque, .omnih-fly .omnih-col--intro { transform: translateX(16px); }
  .omnih--sub .omnih-fly.omnih--ativo .omnih-cartao, .omnih--sub .omnih-fly.omnih--ativo .omnih-destaque, .omnih--sub .omnih-fly.omnih--ativo .omnih-col--intro { opacity: 1; transform: none; transition-delay: calc(var(--i, 0) * 40ms + 140ms); }
}

/* ═══ v8 — celular: uma página só que rola, sem subníveis ═══════ */
@media (max-width: 860px) {
  .omnih-flys { display: flex; flex-direction: column; gap: 30px; overflow-y: auto; overscroll-behavior: contain; padding: 22px 20px max(28px, env(safe-area-inset-bottom)); }
  .omnih-mob, .omnih-fly, .omnih-fly.omnih--ativo, .omnih--sub .omnih-fly.omnih--ativo, .omnih--sub .omnih-mob {
    position: static; inset: auto; overflow: visible; padding: 0; visibility: visible; transform: none; opacity: 1; pointer-events: auto;
  }
  .omnih-fly[data-fly="turmas"] { order: 1; } .omnih-fly[data-fly="cursos"] { order: 2; }
  .omnih-fly[data-fly="blog"] { order: 3; } .omnih-fly[data-fly="contato"] { order: 4; } .omnih-mob { order: 5; }
  .omnih-mob > button, .omnih .omnih-voltar, .omnih-col--intro p, .omnih-link--suave { display: none !important; }
  /* título de cada bloco */
  .omnih-fly::before { content: attr(aria-label); display: block; margin-bottom: 12px; font-family: "Montserrat", sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--omnih-azul); }
  .omnih-fly[data-fly="turmas"] .omnih-col > h2, .omnih-col--intro h2 { display: none; }
  .omnih-col--intro .omnih-link { margin: 0 0 4px; }
  .omnih-fly-grade { gap: 10px; }
  /* tudo visível (sem a cascata dos subníveis) */
  .omnih-flys .omnih-fly li, .omnih-flys .omnih-fly h2, .omnih-flys .omnih-cartao, .omnih-flys .omnih-destaque, .omnih-flys .omnih-col--intro, .omnih-flys .omnih-mob > * { opacity: 1; transform: none; }
  /* blocos entram em cascata quando o menu abre */
  .omnih-flys > * { opacity: 0 !important; transform: translateY(16px) !important; transition: opacity 420ms var(--omnih-ease), transform 520ms var(--omnih-ease) !important; }
  .omnih--movel .omnih-flys > * { opacity: 1 !important; transform: none !important; }
  .omnih--movel .omnih-fly[data-fly="turmas"] { transition-delay: 150ms !important; }
  .omnih--movel .omnih-fly[data-fly="cursos"] { transition-delay: 220ms !important; }
  .omnih--movel .omnih-fly[data-fly="blog"] { transition-delay: 290ms !important; }
  .omnih--movel .omnih-fly[data-fly="contato"] { transition-delay: 360ms !important; }
  .omnih--movel .omnih-mob { transition-delay: 430ms !important; }
  /* compactos */
  .omnih-turmas { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .omnih-turma { gap: 10px !important; padding: 10px; border-radius: 14px; }
  .omnih-turma .omnih-seta { display: none; }
  .omnih-data { width: 46px; height: 46px; border-radius: 11px; }
  .omnih-data b { font-size: 18px; }
  .omnih-data small { margin-top: -8px; font-size: 8.5px; }
  .omnih-turma-txt strong { font-size: 15px; }
  .omnih-turma-txt em { font-size: 11.5px; }
  .omnih-destaque { min-height: 0; height: 64px; border-radius: 14px; }
  .omnih-destaque-txt { bottom: 50%; transform: translateY(50%); }
  .omnih-destaque-txt small { display: none; }
  .omnih-destaque-txt strong { font-size: 15px; }
  .omnih-destaque::after { background: linear-gradient(90deg, rgb(0 20 45 / 0.9), rgb(0 20 45 / 0.45)); }
  .omnih-cartao { grid-template-columns: 84px minmax(0, 1fr); border-radius: 14px; }
  .omnih-cartao-txt { padding: 12px 14px; }
  .omnih-cartao-txt small { font-size: 9px; }
  .omnih-cartao-txt strong { font-size: 16px; margin-top: 4px; }
  .omnih-cartao-txt .omnih-link { padding-top: 6px; margin-top: 4px; font-size: 10px !important; }
  .omnih-selo-online { font-size: 8px; padding: 5px 7px; letter-spacing: 0.14em; }
  .omnih-posts { gap: 8px !important; }
  .omnih-post { grid-template-columns: 76px minmax(0, 1fr); border-radius: 14px; }
  .omnih-post strong { font-size: 13.5px; padding: 8px 12px; }
  .omnih-contatos { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  .omnih-contato { justify-items: center; text-align: center; gap: 8px !important; padding: 14px 6px; border-radius: 14px; }
  .omnih-contato > .omnih-seta, .omnih-contato strong { display: none; }
  .omnih-contato-ic { width: 42px; height: 42px; }
  .omnih-mob .omnih-mob-cta { margin-top: 0; }
}

/* item da barra que é link direto (sem painel) */
.omnih a.omnih-item { display: inline-block; position: relative; font-size: 13.5px; padding: 8px 0; color: rgb(25 31 40 / 0.72); transition: color 200ms; }
.omnih a.omnih-item:hover { color: var(--omnih-marinho); }
.omnih-fly--movel { display: none; }
@media (max-width: 860px) {
  .omnih-fly--movel { display: block; }
  .omnih-fly[data-fly="online"] { order: 2; }
  .omnih--movel .omnih-fly[data-fly="online"] { transition-delay: 220ms !important; }
}

/* barra: itens do meio mais espaçados e um pouco maiores; fundo mais firme */
.omnih { background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(244 248 252 / 0.95)) !important; }
.omnih--aberto, .omnih--movel { background: #fff !important; }
.omnih-menu { gap: 52px !important; }
.omnih .omnih-item, .omnih .omnih-item:hover, .omnih .omnih-item:focus, .omnih a.omnih-item { font-size: 15.5px !important; letter-spacing: 0.01em; }