/* =====================================================================
   LIPPMANN · FOLHA DE ESTILO PRINCIPAL
   Identidade: LTS-MAN-001 Manual Mestre REV01 (cores, fontes, losango)
   Layout: portal institucional — faixa utilitária, cabeçalho fixo,
   faixas azuis alternadas com áreas claras, losango como moldura de foto.
   ===================================================================== */
:root {
  /* Paleta oficial REV01 */
  --azul-lippmann: #003376;
  --azul-inst: #0A3490;
  --azul-sinal: #1F55C9;
  --azul-nevoa: #9DB8F2;
  --azul-gelo: #D6DFF2;
  --grafite: #1B2433;
  --cinza-aco: #49505C;
  --cinza-medio: #6C727C;
  --cinza-neblina: #DFE0E2;
  --off-white: #F4F6FA;
  --branco: #FFFFFF;
  --verde: #1B7F4C;
  --vermelho: #B3261E;
  --whats: #1FA855;

  /* Tipografia oficial */
  --f-titulo: "Bebas Neue", "Arial Narrow", Arial, sans-serif;
  --f-rotulo: "Montserrat", Arial, Helvetica, sans-serif;
  --f-texto: "Inter", Arial, Helvetica, sans-serif;

  --w: 1240px;
  --gutter: max(20px, env(safe-area-inset-left, 0px));
  --gutter-r: max(20px, env(safe-area-inset-right, 0px));
  --r: 10px;
  --sombra: 0 1px 2px rgba(0,30,80,.06), 0 8px 28px rgba(0,30,80,.08);
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; font-size: var(--escala, 100%); }
body {
  margin: 0; background: var(--branco); color: var(--grafite);
  font: 400 1rem/1.65 var(--f-texto);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--azul-sinal); }
a:hover { color: var(--azul-lippmann); }
:focus-visible { outline: 3px solid var(--azul-sinal); outline-offset: 2px; border-radius: 4px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.wrap { max-width: var(--w); margin-inline: auto; padding-left: var(--gutter); padding-right: var(--gutter-r); }

/* ---------- Tipografia ---------- */
h1, h2, h3 { font-family: var(--f-titulo); font-weight: 400; letter-spacing: .01em; line-height: .98; margin: 0; text-wrap: balance; text-transform: uppercase; color: var(--azul-lippmann); }
h1 { font-size: clamp(2.8rem, 6.4vw, 5.2rem); }
h2 { font-size: clamp(2.2rem, 4.2vw, 3.4rem); }
h3 { font-size: 1.6rem; line-height: 1.05; }
h4 { font: 700 1rem/1.35 var(--f-rotulo); margin: 0; color: var(--azul-lippmann); }
p { margin: 0; }
.eyebrow { font: 700 .74rem/1.2 var(--f-rotulo); letter-spacing: .16em; text-transform: uppercase; color: var(--azul-sinal); display: inline-flex; align-items: center; gap: .6em; }
.eyebrow::before { content: ""; width: .7em; height: .7em; background: currentColor; border-radius: 2px; transform: rotate(45deg); }
.lead { font-size: 1.12rem; color: var(--cinza-aco); max-width: 62ch; }
.manifesto { font: 600 .72rem/1.2 var(--f-rotulo); letter-spacing: .24em; text-transform: uppercase; }

/* ---------- Botões ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .55em; min-height: 48px; padding: .75em 1.4em; border-radius: 6px; border: 2px solid transparent; font: 700 .86rem/1 var(--f-rotulo); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .2s; }
.btn:active { transform: translateY(1px); }
.btn svg { width: 1.2em; height: 1.2em; flex: none; }
.btn-primario { background: var(--azul-sinal); color: var(--branco); }
.btn-primario:hover { background: var(--azul-lippmann); color: var(--branco); }
.btn-claro { background: var(--branco); color: var(--azul-inst); }
.btn-claro:hover { background: var(--azul-gelo); color: var(--azul-lippmann); }
.btn-contorno { border-color: currentColor; color: var(--azul-inst); background: transparent; }
.btn-contorno:hover { background: var(--azul-inst); border-color: var(--azul-inst); color: var(--branco); }
.sobre-azul .btn-contorno { color: var(--branco); }
.sobre-azul .btn-contorno:hover { background: var(--branco); color: var(--azul-inst); border-color: var(--branco); }
.btn-whats { background: var(--whats); color: var(--branco); }
.btn-whats:hover { background: #178a45; color: var(--branco); }

/* ---------- Barra utilitária ---------- */
.utilbar { background: var(--azul-lippmann); color: var(--azul-gelo); font: 500 .78rem/1 var(--f-rotulo); }
.utilbar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; }
.utilbar a { color: var(--branco); text-decoration: none; display: inline-flex; align-items: center; gap: .45em; }
.utilbar a:hover { color: var(--azul-nevoa); }
.utilbar svg { width: 15px; height: 15px; }
.util-contatos, .util-redes { display: flex; gap: 22px; align-items: center; }
.util-redes { gap: 14px; }
@media (max-width: 760px) { .util-contatos .util-email, .utilbar .manifesto { display: none; } }

/* ---------- Cabeçalho ---------- */
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--branco); }
.site-header { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: rgba(255,255,255,.97); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--cinza-neblina); }
.site-header .wrap { display: flex; align-items: center; gap: 28px; min-height: 78px; }
.logo { flex: none; display: block; }
.logo img { width: 250px; height: auto; }
.nav { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.nav a { position: relative; display: block; padding: 10px 14px; font: 700 .8rem/1 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--grafite); text-decoration: none; border-radius: 6px; }
.nav a:hover { color: var(--azul-sinal); background: var(--off-white); }
.nav a[aria-current="page"] { color: var(--azul-inst); }
.nav a[aria-current="page"]::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -18px; height: 3px; background: var(--azul-sinal); border-radius: 3px 3px 0 0; }
.header-cta { flex: none; }
.menu-btn { display: none; margin-left: auto; width: 48px; height: 48px; border: 1px solid var(--cinza-neblina); border-radius: 8px; background: var(--branco); color: var(--azul-inst); cursor: pointer; }
.menu-btn svg { width: 24px; height: 24px; margin: auto; }
@media (max-width: 1080px) {
  .header-cta { display: none; }
  .logo img { width: 210px; }
}
@media (max-width: 1080px) {
  .menu-btn { display: grid; }
  .nav { position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--branco); border-bottom: 1px solid var(--cinza-neblina); box-shadow: var(--sombra); padding: 8px var(--gutter-r) 16px var(--gutter); display: none; }
  .nav.aberto { display: flex; }
  .nav a { padding: 16px 8px; border-bottom: 1px solid var(--off-white); font-size: .9rem; }
  .nav a[aria-current="page"]::after { left: 0; right: auto; top: 14px; bottom: 14px; width: 3px; height: auto; }
  .site-header .wrap { min-height: 68px; }
}

/* ---------- Seções ---------- */
.secao { padding-block: clamp(64px, 9vw, 112px); }
.secao-off { background: var(--off-white); }
.sobre-azul { background: var(--azul-inst); color: var(--azul-gelo); }
.sobre-azul h1, .sobre-azul h2, .sobre-azul h3, .sobre-azul h4 { color: var(--branco); }
.sobre-azul .eyebrow { color: var(--azul-nevoa); }
.sobre-azul .lead { color: var(--azul-gelo); }
.sec-head { display: grid; gap: 16px; margin-bottom: 48px; max-width: 760px; }
.sec-head-row { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; margin-bottom: 44px; }
.sec-head-row .sec-head { margin-bottom: 0; }

/* Losango (grafismo oficial) */
.losango { aspect-ratio: 1; transform: rotate(45deg); border-radius: 8%; }
.losango-foto { aspect-ratio: 1; max-width: 100%; }
.losango-foto img { width: 100%; height: 100%; object-fit: contain; }

/* ---------- Hero (portal) ---------- */
.hero { position: relative; overflow: hidden; background: var(--azul-inst); color: var(--azul-gelo); }
.hero::before { content: ""; position: absolute; width: 760px; height: 760px; right: -260px; top: -320px; background: var(--azul-sinal); opacity: .35; transform: rotate(45deg); border-radius: 8%; }
.hero .wrap { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: 48px; align-items: center; padding-block: clamp(56px, 8vw, 96px) clamp(110px, 12vw, 150px); }
.hero h1 { color: var(--branco); }
.hero h1 em { font-style: normal; color: var(--azul-nevoa); }
.hero .lead { color: var(--azul-gelo); margin-top: 22px; font-size: 1.15rem; }
.hero-acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero-tag { margin-bottom: 22px; color: var(--azul-nevoa); }
.hero-mosaico { position: relative; aspect-ratio: 1; max-width: 560px; justify-self: center; width: 100%; }
.hero-mosaico .m { position: absolute; filter: drop-shadow(0 18px 30px rgba(0,10,50,.35)); }
.hero-mosaico .m1 { width: 58%; left: 21%; top: 0; }
.hero-mosaico .m2 { width: 44%; left: 0; top: 42%; }
.hero-mosaico .m3 { width: 44%; right: 0; top: 42%; }
.hero-mosaico .d { position: absolute; background: var(--branco); width: 7%; left: 47%; top: 80%; }
.hero-mosaico .d2 { position: absolute; background: var(--azul-nevoa); width: 10%; left: 6%; top: 18%; }
@media (max-width: 900px) {
  .hero .wrap { grid-template-columns: 1fr; }
  .hero-mosaico { max-width: 400px; }
}

/* Acesso rápido (sobreposto ao hero) */
.acesso { position: relative; z-index: 2; margin-top: -76px; }
.acesso-grid { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--branco); border-radius: var(--r); box-shadow: var(--sombra); overflow: hidden; }
.acesso a { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; align-items: start; padding: 26px 24px; text-decoration: none; color: var(--grafite); border-right: 1px solid var(--cinza-neblina); transition: background .2s; }
.acesso a:last-child { border-right: 0; }
.acesso a:hover { background: var(--off-white); }
.acesso .ic { grid-row: span 2; width: 46px; height: 46px; border-radius: 10px; background: var(--azul-gelo); color: var(--azul-inst); display: grid; place-items: center; }
.acesso .ic svg { width: 24px; height: 24px; }
.acesso strong { font: 400 1.5rem/1 var(--f-titulo); color: var(--azul-lippmann); letter-spacing: .02em; }
.acesso span { font-size: .88rem; color: var(--cinza-medio); line-height: 1.45; }
@media (max-width: 960px) { .acesso-grid { grid-template-columns: 1fr 1fr; } .acesso a:nth-child(2) { border-right: 0; } .acesso a:nth-child(-n+2) { border-bottom: 1px solid var(--cinza-neblina); } }
@media (max-width: 520px) { .acesso-grid { grid-template-columns: 1fr; } .acesso a { border-right: 0; border-bottom: 1px solid var(--cinza-neblina); } }

/* Faixa de fatos */
.fatos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--cinza-neblina); border-bottom: 1px solid var(--cinza-neblina); }
.fato { padding: 26px 22px; border-right: 1px solid var(--cinza-neblina); }
.fato:last-child { border-right: 0; }
.fato b { display: block; font: 400 2.8rem/1 var(--f-titulo); color: var(--azul-inst); font-variant-numeric: tabular-nums; }
.fato span { font: 600 .78rem/1.35 var(--f-rotulo); letter-spacing: .06em; text-transform: uppercase; color: var(--cinza-aco); }
@media (max-width: 760px) { .fatos { grid-template-columns: 1fr 1fr; } .fato:nth-child(2) { border-right: 0; } .fato:nth-child(-n+2) { border-bottom: 1px solid var(--cinza-neblina); } }

/* ---------- Cards de treinamento ---------- */
.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 22px; }
.card-tr { position: relative; display: flex; flex-direction: column; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: var(--r); padding: 22px 22px 20px; text-align: left; font: inherit; color: inherit; cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s; }
.card-tr:hover { border-color: var(--azul-nevoa); box-shadow: var(--sombra); transform: translateY(-2px); }
.card-tr .foto { width: 132px; height: 132px; margin: 2px auto 14px; }
.card-tr .foto img { width: 100%; height: 100%; object-fit: contain; }
.chip { display: inline-flex; align-items: center; align-self: flex-start; height: 26px; padding: 0 10px; border-radius: 4px; background: var(--azul-inst); color: var(--branco); font: 400 1rem/1 var(--f-titulo); letter-spacing: .06em; }
.chip-claro { background: var(--azul-gelo); color: var(--azul-inst); font: 700 .66rem/1 var(--f-rotulo); letter-spacing: .1em; text-transform: uppercase; }
.card-tr .chips { position: absolute; top: 16px; left: 16px; display: flex; gap: 6px; }
.card-tr h3 { font: 700 1rem/1.3 var(--f-rotulo); text-transform: none; color: var(--azul-lippmann); letter-spacing: 0; margin-bottom: 8px; }
.card-tr p { font-size: .9rem; line-height: 1.55; color: var(--cinza-aco); }
.card-tr .mais { margin-top: auto; padding-top: 16px; font: 700 .74rem/1 var(--f-rotulo); letter-spacing: .1em; text-transform: uppercase; color: var(--azul-sinal); display: inline-flex; gap: .5em; align-items: center; }
.card-tr .mais svg { width: 14px; height: 14px; transition: transform .2s; }
.card-tr:hover .mais svg { transform: translateX(3px); }

/* Filtros */
.filtros { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 30px; }
.filtro { min-height: 42px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--cinza-neblina); background: var(--branco); color: var(--cinza-aco); font: 600 .8rem/1 var(--f-rotulo); cursor: pointer; }
.filtro:hover { border-color: var(--azul-nevoa); color: var(--azul-inst); }
.filtro[aria-pressed="true"] { background: var(--azul-inst); border-color: var(--azul-inst); color: var(--branco); }
.busca { margin-left: auto; position: relative; flex: 1 1 260px; max-width: 360px; }
.busca input { width: 100%; min-height: 44px; padding: 0 14px 0 42px; border: 1px solid var(--cinza-neblina); border-radius: 8px; font: inherit; font-size: .95rem; background: var(--branco); color: var(--grafite); }
.busca svg { position: absolute; left: 13px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--cinza-medio); }
.vazio { padding: 40px; text-align: center; color: var(--cinza-medio); border: 1px dashed var(--cinza-neblina); border-radius: var(--r); }

/* ---------- Ficha técnica (painel) ---------- */
.ficha-fundo { position: fixed; inset: 0; z-index: 80; background: rgba(10,20,50,.55); display: flex; justify-content: flex-end; }
.ficha { width: min(820px, 100%); height: 100%; overflow-y: auto; background: var(--branco); box-shadow: -10px 0 40px rgba(0,0,0,.2); padding-bottom: env(safe-area-inset-bottom, 0px); animation: entra .28s ease-out; }
@keyframes entra { from { transform: translateX(40px); opacity: .4; } to { transform: none; opacity: 1; } }
.ficha-topo { position: sticky; top: 0; z-index: 2; background: var(--azul-inst); color: var(--azul-gelo); padding: calc(22px + env(safe-area-inset-top, 0px)) max(28px, env(safe-area-inset-right, 0px)) 26px 28px; display: grid; grid-template-columns: 1fr auto; gap: 18px; }
.ficha-topo .norma { font: 700 .7rem/1.4 var(--f-rotulo); letter-spacing: .12em; text-transform: uppercase; color: var(--azul-nevoa); margin-bottom: 8px; }
.ficha-topo h2 { color: var(--branco); font-size: clamp(1.9rem, 4vw, 2.6rem); }
.ficha-topo p { margin-top: 10px; font-size: .95rem; }
.fechar { width: 44px; height: 44px; border-radius: 8px; border: 1px solid rgba(255,255,255,.35); background: transparent; color: var(--branco); cursor: pointer; display: grid; place-items: center; }
.fechar:hover { background: rgba(255,255,255,.12); }
.fechar svg { width: 22px; height: 22px; }
.ficha-corpo { padding: 30px 28px 40px; display: grid; gap: 32px; }
.ficha-cols { display: grid; grid-template-columns: 1.15fr .85fr; gap: 32px; }
.ficha-cols > * { min-width: 0; }
@media (max-width: 680px) { .ficha-cols { grid-template-columns: 1fr; } }
.rot { font: 700 .72rem/1.2 var(--f-rotulo); letter-spacing: .14em; text-transform: uppercase; color: var(--azul-sinal); margin-bottom: 12px; display: block; }
.lista-losango { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.lista-losango li { position: relative; padding-left: 20px; font-size: .93rem; line-height: 1.5; }
.lista-losango li::before { content: ""; position: absolute; left: 2px; top: .52em; width: 7px; height: 7px; background: var(--azul-sinal); transform: rotate(45deg); border-radius: 1px; }
.caixa { background: var(--off-white); border-radius: var(--r); padding: 20px 22px; }
.caixa-azul { background: var(--azul-inst); color: var(--azul-gelo); border-radius: var(--r); padding: 22px 24px; }
.caixa-azul .rot { color: var(--azul-nevoa); }
.cursos { display: grid; gap: 12px; }
.curso { border-left: 3px solid var(--azul-sinal); padding: 4px 0 4px 16px; }
.curso h4 { margin-bottom: 4px; }
.curso p { font-size: .9rem; color: var(--cinza-aco); }
.grupos-eq { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; }
.ficha-acoes { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Soluções ---------- */
.sol-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0; border-top: 1px solid var(--cinza-neblina); border-left: 1px solid var(--cinza-neblina); }
.sol { padding: 28px 26px 30px; border-right: 1px solid var(--cinza-neblina); border-bottom: 1px solid var(--cinza-neblina); background: var(--branco); display: grid; gap: 10px; align-content: start; transition: background .2s; }
.sol:hover { background: var(--off-white); }
.sol .num { font: 400 1.9rem/1 var(--f-titulo); color: var(--azul-nevoa); font-variant-numeric: tabular-nums; }
.sol h3 { font: 700 1rem/1.3 var(--f-rotulo); text-transform: none; letter-spacing: 0; color: var(--azul-lippmann); }
.sol p { font-size: .9rem; color: var(--cinza-aco); line-height: 1.55; }
.sol .chip-claro { margin-top: 4px; }

/* Processo de soluções */
.passos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; counter-reset: p; }
.passo { position: relative; padding-top: 58px; }
.passo::before { counter-increment: p; content: counter(p, decimal-leading-zero); position: absolute; top: 0; left: 0; font: 400 2.6rem/1 var(--f-titulo); color: var(--azul-nevoa); }
.passo h4 { color: var(--branco); margin-bottom: 6px; }
.passo p { font-size: .92rem; }
@media (max-width: 860px) { .passos { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .passos { grid-template-columns: 1fr; } }

/* ---------- Institucional ---------- */
.dupla { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 80px); align-items: center; }
.dupla > * { min-width: 0; }
@media (max-width: 860px) { .dupla { grid-template-columns: 1fr; } }
.texto-longo { display: grid; gap: 16px; color: var(--cinza-aco); max-width: 66ch; }
.texto-longo strong { color: var(--azul-lippmann); }
.citacao { border-left: 4px solid var(--azul-sinal); padding: 6px 0 6px 20px; font: 600 1.1rem/1.5 var(--f-rotulo); color: var(--azul-lippmann); }

.mvv { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mvv > div { padding: 32px; border-radius: var(--r); }
.mvv .m { background: var(--azul-inst); color: var(--azul-gelo); }
.mvv .m h3 { color: var(--branco); }
.mvv .v { background: var(--off-white); color: var(--cinza-aco); }
.mvv h3 { margin-bottom: 14px; font-size: 2rem; }
.mvv p + p { margin-top: 12px; }
@media (max-width: 760px) { .mvv { grid-template-columns: 1fr; } }

.valores { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--cinza-neblina); }
.valor { padding: 26px 24px 28px 0; border-bottom: 1px solid var(--cinza-neblina); display: grid; grid-template-columns: 54px 1fr; gap: 4px 12px; }
.valor .n { grid-row: span 2; font: 400 2rem/1 var(--f-titulo); color: var(--azul-nevoa); }
.valor h4 { font-size: 1rem; }
.valor p { font-size: .88rem; color: var(--cinza-aco); line-height: 1.55; }
@media (max-width: 960px) { .valores { grid-template-columns: 1fr 1fr; gap: 0 24px; } }
@media (max-width: 600px) { .valores { grid-template-columns: 1fr; } }

.proposito { text-align: center; max-width: 900px; margin-inline: auto; }
.proposito blockquote { margin: 18px 0 0; font: 400 clamp(1.8rem, 3.6vw, 2.8rem)/1.12 var(--f-titulo); color: var(--branco); text-transform: uppercase; text-wrap: balance; }

/* Linha do tempo */
.timeline { position: relative; display: grid; gap: 0; max-width: 920px; }
.timeline::before { content: ""; position: absolute; left: 118px; top: 8px; bottom: 8px; width: 2px; background: var(--azul-gelo); }
.marco { position: relative; display: grid; grid-template-columns: 100px 1fr; gap: 40px; padding-bottom: 36px; }
.marco:last-child { padding-bottom: 0; }
.marco .ano { font: 400 1.9rem/1 var(--f-titulo); color: var(--azul-inst); text-align: right; padding-top: 2px; }
.marco::before { content: ""; position: absolute; left: 112px; top: 8px; width: 14px; height: 14px; background: var(--azul-sinal); transform: rotate(45deg); border-radius: 2px; box-shadow: 0 0 0 5px var(--branco); }
.marco h4 { font-size: .95rem; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 8px; }
.marco p { color: var(--cinza-aco); font-size: .95rem; }
.marco p + p { margin-top: 8px; }
.marco .citacao { margin-top: 12px; }
.marco.futuro .ano { color: var(--azul-sinal); }
.marco.futuro::before { background: var(--branco); border: 2px solid var(--azul-sinal); }
@media (max-width: 600px) {
  .timeline::before { left: 6px; }
  .marco { grid-template-columns: 1fr; gap: 8px; padding-left: 34px; }
  .marco::before { left: 0; }
  .marco .ano { text-align: left; }
}

/* Por que escolher */
.razoes { display: grid; gap: 0; counter-reset: r; }
.razao { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 24px 0; border-bottom: 1px solid rgba(157,184,242,.3); }
.razao:first-child { padding-top: 0; }
.razao .n { font: 400 3rem/1 var(--f-titulo); color: var(--azul-nevoa); }
.razao h4 { color: var(--branco); margin-bottom: 6px; letter-spacing: .02em; }
.razao p { font-size: .94rem; }

/* Clientes e depoimentos */
.clientes-img { background: var(--branco); border-radius: var(--r); padding: 16px; border: 1px solid var(--cinza-neblina); }
.depos { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 22px; align-items: start; }
.depo { background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: var(--r); padding: 28px; display: grid; gap: 16px; }
.depo .aspas { font: 400 4rem/.6 var(--f-titulo); color: var(--azul-sinal); height: 28px; }
.depo blockquote { margin: 0; font-size: .95rem; color: var(--cinza-aco); display: grid; gap: 10px; }
.depo footer { border-top: 1px solid var(--cinza-neblina); padding-top: 14px; }
.depo footer b { display: block; color: var(--azul-lippmann); font-family: var(--f-rotulo); font-size: .92rem; }
.depo footer span { font-size: .82rem; color: var(--cinza-medio); line-height: 1.4; display: block; }
@media (max-width: 960px) { .depos { grid-template-columns: 1fr; } }

/* Lipp — faixa CTA */
.faixa-lipp { position: relative; overflow: hidden; }
.faixa-lipp .wrap { display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: end; padding-block: 0; }
.faixa-lipp .lipp { width: 230px; margin-top: 30px; }
.faixa-lipp .txt { padding-block: 56px; display: grid; gap: 14px; }
.faixa-lipp .acoes { padding-block: 56px; display: flex; flex-direction: column; gap: 12px; }
@media (max-width: 900px) {
  .faixa-lipp .wrap { grid-template-columns: 1fr; gap: 0; }
  .faixa-lipp .lipp { order: 3; width: 180px; margin: 0 auto; }
  .faixa-lipp .txt { padding-bottom: 20px; }
  .faixa-lipp .acoes { padding-block: 0 28px; flex-direction: row; flex-wrap: wrap; }
}

/* Cabeçalho de página interna */
.page-head { position: relative; overflow: hidden; background: var(--azul-inst); color: var(--azul-gelo); }
.page-head::after { content: ""; position: absolute; width: 420px; height: 420px; right: -120px; top: -170px; background: var(--azul-sinal); opacity: .4; transform: rotate(45deg); border-radius: 8%; }
.page-head .wrap { position: relative; z-index: 1; padding-block: clamp(48px, 7vw, 84px); display: grid; gap: 16px; }
.page-head h1 { color: var(--branco); font-size: clamp(2.8rem, 6vw, 4.6rem); }
.page-head .lead { color: var(--azul-gelo); }
.trilha { font: 600 .74rem/1 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--azul-nevoa); }
.trilha a { color: var(--azul-nevoa); text-decoration: none; }
.trilha a:hover { color: var(--branco); }
.subnav { background: var(--branco); border-bottom: 1px solid var(--cinza-neblina); position: sticky; top: calc(78px + env(safe-area-inset-top, 0px)); z-index: 40; }
.subnav .wrap { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.subnav a { flex: none; padding: 16px 14px; font: 700 .74rem/1 var(--f-rotulo); letter-spacing: .1em; text-transform: uppercase; color: var(--cinza-aco); text-decoration: none; border-bottom: 3px solid transparent; }
.subnav a:hover { color: var(--azul-sinal); border-color: var(--azul-gelo); }
@media (max-width: 1080px) { .subnav { top: calc(68px + env(safe-area-inset-top, 0px)); } }
[id] { scroll-margin-top: 150px; }

/* Informações gerais (treinamentos) */
.info-geral { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 24px; }
.info-geral > * { min-width: 0; }
.tabela-info { width: 100%; border-collapse: collapse; font-size: .92rem; }
.tabela-info th, .tabela-info td { text-align: left; padding: 11px 0; border-bottom: 1px solid rgba(157,184,242,.3); vertical-align: top; }
.tabela-info th { font: 700 .72rem/1.4 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--azul-nevoa); width: 42%; padding-right: 14px; }
@media (max-width: 960px) { .info-geral { grid-template-columns: 1fr; } }

/* ---------- Formulários ---------- */
.form { display: grid; gap: 18px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-grid .full { grid-column: 1 / -1; }
@media (max-width: 620px) { .form-grid { grid-template-columns: 1fr; } }
.campo { display: grid; gap: 7px; min-width: 0; }
.campo label { font: 700 .76rem/1.2 var(--f-rotulo); letter-spacing: .06em; text-transform: uppercase; color: var(--azul-lippmann); }
.campo label .opc { font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--cinza-medio); }
.campo input, .campo select, .campo textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid var(--cinza-neblina); border-radius: 8px; font: 400 1rem/1.4 var(--f-texto); color: var(--grafite); background: var(--branco); transition: border-color .2s, box-shadow .2s; }
.campo textarea { min-height: 150px; resize: vertical; }
.campo select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A3490' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px; padding-right: 44px; }
.campo input:focus, .campo select:focus, .campo textarea:focus { outline: none; border-color: var(--azul-sinal); box-shadow: 0 0 0 4px rgba(31,85,201,.15); }
.campo.erro input, .campo.erro select, .campo.erro textarea { border-color: var(--vermelho); }
.campo .msg-erro { font-size: .8rem; color: var(--vermelho); display: none; }
.campo.erro .msg-erro { display: block; }
.consent { display: flex; gap: 12px; align-items: flex-start; font-size: .86rem; color: var(--cinza-aco); }
.consent input { width: 20px; height: 20px; margin-top: 2px; flex: none; accent-color: var(--azul-sinal); }
.consent.erro { color: var(--vermelho); }
.form-aviso { padding: 14px 16px; border-radius: 8px; font-size: .92rem; }
.form-aviso.ok { background: #E6F3EC; color: var(--verde); }
.form-aviso.falha { background: #F8E7E6; color: var(--vermelho); }
.form-aviso.info { background: var(--azul-gelo); color: var(--azul-lippmann); }
.hp { position: absolute; left: -9999px; }

/* Fale Conosco */
.contato-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
.contato-grid > * { min-width: 0; }
@media (max-width: 900px) { .contato-grid { grid-template-columns: 1fr; } }
.canais { display: grid; gap: 12px; }
.canal { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; padding: 16px 18px; border: 1px solid var(--cinza-neblina); border-radius: var(--r); background: var(--branco); text-decoration: none; color: var(--grafite); transition: border-color .2s; }
a.canal:hover { border-color: var(--azul-nevoa); }
.canal .ic { width: 48px; height: 48px; border-radius: 10px; background: var(--azul-gelo); color: var(--azul-inst); display: grid; place-items: center; }
.canal .ic svg { width: 22px; height: 22px; }
.canal small { display: block; font: 700 .68rem/1.2 var(--f-rotulo); letter-spacing: .1em; text-transform: uppercase; color: var(--cinza-medio); }
.canal b { font-weight: 600; color: var(--azul-lippmann); word-break: break-word; }
.form-card { background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 14px; padding: clamp(22px, 4vw, 40px); box-shadow: var(--sombra); }
.assunto-nota { font-size: .86rem; color: var(--cinza-aco); background: var(--off-white); border-radius: 8px; padding: 12px 14px; }

/* Newsletter */
.newsletter { display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: center; }
.newsletter > * { min-width: 0; }
.news-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; }
.news-form .campo label { color: var(--azul-gelo); }
.news-form .consent { grid-column: 1 / -1; color: var(--azul-gelo); }
.news-form .consent a { color: var(--branco); }
.news-form .form-aviso { grid-column: 1 / -1; }
@media (max-width: 900px) { .newsletter { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .news-form { grid-template-columns: 1fr; } }

/* ---------- Conteúdo (biblioteca) ---------- */
.gate { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(28px, 5vw, 56px); align-items: start; }
.gate > * { min-width: 0; }
.gate-lado { position: sticky; top: 120px; display: grid; gap: 18px; }
.gate-lado .lipp { width: 200px; }
@media (max-width: 900px) { .gate { grid-template-columns: 1fr; } .gate-lado { position: static; } .gate-lado .lipp { width: 150px; } }
.biblioteca { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.mat { display: grid; grid-template-rows: auto 1fr auto; gap: 12px; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: var(--r); padding: 22px; }
.mat .tipo { display: flex; gap: 8px; flex-wrap: wrap; }
.mat h3 { font: 700 1.02rem/1.3 var(--f-rotulo); text-transform: none; letter-spacing: 0; }
.mat p { font-size: .9rem; color: var(--cinza-aco); }
.mat .meta { font-size: .8rem; color: var(--cinza-medio); display: flex; gap: 14px; flex-wrap: wrap; }
.bloqueado { position: relative; }
.cadeado { display: inline-flex; align-items: center; gap: 6px; font: 700 .72rem/1 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--cinza-medio); }
.cadeado svg { width: 14px; height: 14px; }

.visualizador { background: var(--grafite); color: var(--azul-gelo); }
.vis-topo { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-block: 22px; }
.vis-topo h2 { color: var(--branco); font-size: clamp(1.6rem, 3vw, 2.2rem); }
.vis-corpo { display: grid; grid-template-columns: 1fr; gap: 20px; padding-bottom: 40px; }
.vis-corpo.com-video { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: start; }
@media (max-width: 1000px) { .vis-corpo.com-video { grid-template-columns: 1fr; } }
.video { position: sticky; top: 140px; aspect-ratio: 16 / 9; max-width: 100%; border-radius: 10px; overflow: hidden; background: #0d1422; display: grid; place-items: center; text-align: center; }
.video iframe { width: 100%; height: 100%; border: 0; }
.video .vazio-video { display: grid; gap: 10px; justify-items: center; padding: 24px; font-size: .9rem; color: var(--azul-nevoa); }
.video .vazio-video svg { width: 54px; height: 54px; color: var(--branco); }
@media (max-width: 1000px) { .video { position: static; } }
.pdf { background: #2a3447; border-radius: 10px; overflow: hidden; display: grid; grid-template-rows: auto 1fr; user-select: none; -webkit-user-select: none; }
.pdf-barra { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; background: #1f2838; font: 600 .82rem/1 var(--f-rotulo); }
.pdf-barra button { min-width: 44px; min-height: 40px; border: 1px solid rgba(255,255,255,.2); border-radius: 6px; background: transparent; color: var(--branco); cursor: pointer; font: inherit; padding: 0 12px; }
.pdf-barra button:hover { background: rgba(255,255,255,.1); }
.pdf-barra button:disabled { opacity: .35; cursor: default; }
.pdf-barra .grupo { display: flex; gap: 6px; align-items: center; }
.pdf-pag { padding: 16px; display: grid; place-items: center; min-height: 360px; overflow: auto; }
.pdf-pag canvas { max-width: 100%; height: auto; box-shadow: 0 6px 24px rgba(0,0,0,.4); background: #fff; }
.pdf-pag .carregando { color: var(--azul-nevoa); font-size: .9rem; }

/* ---------- Rodapé ---------- */
.site-footer { background: var(--azul-lippmann); color: var(--azul-gelo); font-size: .92rem; }
.site-footer .wrap { padding-block: 64px 28px; }
.foot-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.1fr; gap: 40px; }
.foot-grid > * { min-width: 0; }
.foot-grid h4 { color: var(--branco); font: 700 .74rem/1 var(--f-rotulo); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 18px; }
.foot-grid ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.site-footer a { color: var(--azul-gelo); text-decoration: none; }
.site-footer a:hover { color: var(--branco); text-decoration: underline; }
.foot-logo { width: 240px; margin-bottom: 18px; }
.foot-slogan { font: 600 .95rem/1.4 var(--f-rotulo); color: var(--branco); margin-bottom: 8px; }
.foot-contato li { display: flex; gap: 10px; align-items: flex-start; }
.foot-contato svg { width: 17px; height: 17px; flex: none; margin-top: 3px; color: var(--azul-nevoa); }
.foot-contato span { word-break: break-word; }
.foot-redes { display: flex; gap: 10px; margin-top: 18px; }
.foot-redes a { width: 42px; height: 42px; border-radius: 8px; display: grid; place-items: center; background: rgba(255,255,255,.08); }
.foot-redes a:hover { background: var(--azul-sinal); }
.foot-redes svg { width: 19px; height: 19px; color: var(--branco); }
.foot-base { margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(157,184,242,.25); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: .8rem; color: var(--azul-nevoa); }
@media (max-width: 960px) { .foot-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .foot-grid { grid-template-columns: 1fr; } }

/* ---------- WhatsApp flutuante ---------- */
.whats-float { position: fixed; z-index: 70; right: calc(20px + env(safe-area-inset-right, 0px)); bottom: calc(20px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; gap: 10px; text-decoration: none; }
.whats-float .bolha { width: 62px; height: 62px; border-radius: 50%; background: var(--whats); color: #fff; display: grid; place-items: center; box-shadow: 0 8px 24px rgba(0,80,30,.35); transition: transform .2s; }
.whats-float .bolha svg { width: 32px; height: 32px; }
.whats-float:hover .bolha { transform: scale(1.06); }
.whats-float .rotulo { background: var(--branco); color: var(--grafite); font: 600 .82rem/1.2 var(--f-rotulo); padding: 10px 14px; border-radius: 8px; box-shadow: var(--sombra); opacity: 0; transform: translateX(8px); transition: opacity .2s, transform .2s; pointer-events: none; }
.whats-float:hover .rotulo, .whats-float:focus-visible .rotulo { opacity: 1; transform: none; }
.whats-float .pulso { position: absolute; right: 0; width: 62px; height: 62px; border-radius: 50%; background: var(--whats); opacity: .5; animation: pulso 2.4s ease-out infinite; z-index: -1; }
@keyframes pulso { 0% { transform: scale(1); opacity: .45; } 80%, 100% { transform: scale(1.6); opacity: 0; } }

/* Política */
.politica { max-width: 760px; display: grid; gap: 14px; color: var(--cinza-aco); }
.politica h2 { font-size: 1.8rem; margin-top: 18px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Destaques da página inicial: 6 itens em 3 colunas */
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 960px) { .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .grid-3 { grid-template-columns: 1fr; } }

/* ===== Revisão 2 ===== */
/* História (A LIPPMANN): fotos nunca sobrepõem o texto */
.hist-lado { display: grid; gap: 28px; align-content: start; }
.hist-fotos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 460px; }
.hist-fotos .losango-foto:nth-child(2) { margin-top: 38%; }
@media (max-width: 860px) {
  .hist-fotos { max-width: 340px; }
  .hist-fotos .losango-foto:nth-child(2) { margin-top: 0; }
}
.dl-box { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 20px 22px; border: 1px solid var(--cinza-neblina); border-radius: var(--r); background: var(--branco); }
.dl-box .ic { width: 52px; height: 52px; border-radius: 10px; background: var(--azul-gelo); color: var(--azul-inst); display: grid; place-items: center; }
.dl-box .ic svg { width: 26px; height: 26px; }
.dl-box b { display: block; color: var(--azul-lippmann); font-family: var(--f-rotulo); font-size: .95rem; }
.dl-box span { font-size: .86rem; color: var(--cinza-medio); }
@media (max-width: 620px) { .dl-box { grid-template-columns: auto 1fr; } .dl-box .btn { grid-column: 1 / -1; } }
.sobre-azul .dl-box { background: rgba(255,255,255,.06); border-color: rgba(157,184,242,.35); }
.sobre-azul .dl-box b { color: var(--branco); }
.sobre-azul .dl-box span { color: var(--azul-gelo); }
.sobre-azul .dl-box .ic { background: rgba(255,255,255,.12); color: var(--branco); }

/* Menu: acesso ao L³ INTEGRA */
.nav a.nav-integra { display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; padding: 9px 12px; border: 1px solid var(--cinza-neblina); color: var(--azul-inst); font-size: .72rem; }
.nav a.nav-integra svg { width: 14px; height: 14px; }
.nav a.nav-integra:hover { border-color: var(--azul-nevoa); }
.nav a { white-space: nowrap; }
@media (max-width: 1440px) { .header-cta { display: none; } .nav a { padding: 10px 11px; } }
@media (max-width: 1100px) { .logo img { width: 190px; } .nav a { padding: 10px 7px; font-size: .74rem; } }
@media (max-width: 1000px) { .nav a { padding: 10px 9px; } }
@media (max-width: 1080px) { .nav a.nav-integra { margin: 10px 0 0; justify-content: center; } }
.btn svg { pointer-events: none; }
.foot-dl { color: var(--branco) !important; border-color: rgba(255,255,255,.5) !important; min-height: 42px; font-size: .74rem; text-decoration: none !important; }
.foot-dl:hover { background: var(--branco) !important; color: var(--azul-lippmann) !important; }

/* Aviso de cookies */
.cookies { position: fixed; z-index: 90; left: max(16px, env(safe-area-inset-left, 0px)); right: calc(96px + env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); max-width: 760px; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 12px; box-shadow: 0 10px 40px rgba(0,30,80,.18); padding: 16px 18px; display: flex; gap: 16px; align-items: center; flex-wrap: wrap; font-size: .88rem; color: var(--cinza-aco); }
.cookies p { flex: 1 1 280px; }
.cookies div { display: flex; gap: 8px; }
.cookies .btn { min-height: 40px; padding: .6em 1.1em; font-size: .74rem; }

/* Fichas: ações */
.ficha-acoes .btn-contorno { color: var(--azul-inst); }

/* Conteúdo: abas por área */
.abas-area { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 26px; }

/* Player de vídeo (grande / miniatura / expandido) */
.player { display: grid; gap: 12px; }
.player-barra { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.player-barra .grupo { display: flex; gap: 8px; }
.player-barra button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 6px; border: 1px solid rgba(255,255,255,.25); background: transparent; color: var(--branco); font: 600 .78rem/1 var(--f-rotulo); cursor: pointer; }
.player-barra button:hover, .player-barra button[aria-pressed="true"] { background: rgba(255,255,255,.12); }
.player-barra button svg { width: 18px; height: 18px; }
.player-tela { position: relative; aspect-ratio: 16 / 9; max-width: 100%; border-radius: 10px; overflow: hidden; background: #0d1422; display: grid; place-items: center; text-align: center; }
.player-tela iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.player-tela .vazio-video { display: grid; gap: 10px; justify-items: center; padding: 24px; font-size: .9rem; color: var(--azul-nevoa); }
.player-tela .vazio-video svg { width: 54px; height: 54px; color: var(--branco); }
.player-reserva { display: none; aspect-ratio: 16 / 9; max-width: 100%; border: 1px dashed rgba(157,184,242,.4); border-radius: 10px; place-items: center; color: var(--azul-nevoa); font-size: .88rem; }
.player.mini .player-reserva { display: grid; }
.player.mini .player-tela { position: fixed; z-index: 75; width: min(380px, calc(100vw - 32px)); right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(96px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 16px 50px rgba(0,0,0,.5); border: 2px solid var(--azul-sinal); }
.player-tela .mini-fechar { display: none; position: absolute; z-index: 2; top: 6px; right: 6px; width: 34px; height: 34px; border-radius: 6px; border: 0; background: rgba(0,0,0,.6); color: #fff; cursor: pointer; }
.player-tela .mini-fechar svg { width: 18px; height: 18px; margin: auto; }
.player.mini .mini-fechar { display: grid; }
.player.expandido .player-tela { position: fixed; z-index: 95; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); background: #000; }
.player.expandido .mini-fechar { display: grid; top: calc(12px + env(safe-area-inset-top, 0px)); right: calc(12px + env(safe-area-inset-right, 0px)); width: 44px; height: 44px; }
.vis-corpo { grid-template-columns: 1fr !important; }
.vis-material { display: grid; gap: 10px; }
.vis-material .rot { color: var(--azul-nevoa); margin: 10px 0 0; }

/* Upload de currículo */
.upload { position: relative; display: grid; gap: 6px; justify-items: center; text-align: center; padding: 26px 18px; border: 2px dashed var(--azul-nevoa); border-radius: 10px; background: var(--off-white); color: var(--cinza-aco); cursor: pointer; transition: background .2s, border-color .2s; }
.upload:hover, .upload.arrastando { background: var(--azul-gelo); border-color: var(--azul-sinal); }
.upload svg { width: 30px; height: 30px; color: var(--azul-sinal); }
.upload b { color: var(--azul-lippmann); }
.upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.campo.erro .upload { border-color: var(--vermelho); }
.cargos-lista { display: flex; flex-wrap: wrap; gap: 8px; }
.sol-cta { margin-top: 6px; display: inline-flex; align-items: center; gap: .5em; font: 700 .72rem/1 var(--f-rotulo); letter-spacing: .1em; text-transform: uppercase; color: var(--azul-sinal); text-decoration: none; }
.sol-cta svg { width: 14px; height: 14px; transition: transform .2s; }
.sol-cta:hover svg { transform: translateX(3px); }

@media (max-width: 600px) { .cookies { right: max(16px, env(safe-area-inset-right, 0px)); bottom: calc(96px + env(safe-area-inset-bottom, 0px)); } }

/* =====================================================================
   CARDS DE ARQUIVO (prévia do PDF) — revisão 3
   Capa real do documento em miniatura, com efeito de pilha de páginas,
   selo PDF e ações Baixar / Visualizar.
   ===================================================================== */
.doc { --doc-fundo: var(--branco); --doc-borda: var(--cinza-neblina); --doc-tit: var(--azul-lippmann); --doc-txt: var(--cinza-aco);
  display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 22px; align-items: center; max-width: 620px; padding: 18px 22px 18px 18px; background: var(--doc-fundo); border: 1px solid var(--doc-borda); border-radius: 14px; box-shadow: 0 1px 2px rgba(0,30,80,.05); transition: box-shadow .25s, border-color .25s, transform .25s; }
.doc:hover { box-shadow: 0 14px 40px rgba(0,30,80,.14); border-color: var(--azul-nevoa); }
.doc-escuro { --doc-fundo: rgba(255,255,255,.07); --doc-borda: rgba(157,184,242,.35); --doc-tit: var(--branco); --doc-txt: var(--azul-gelo); backdrop-filter: blur(4px); }
.doc-escuro:hover { box-shadow: 0 14px 40px rgba(0,10,40,.35); border-color: rgba(255,255,255,.55); }
.doc-capa { position: relative; display: block; aspect-ratio: 210 / 297; max-width: 100%; border-radius: 4px; transform-origin: 50% 100%; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.doc-capa::before, .doc-capa::after { content: ""; position: absolute; inset: 0; border-radius: 4px; background: #E9EDF5; box-shadow: 0 1px 3px rgba(0,0,0,.18); z-index: -1; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.doc-capa::before { transform: translate(5px, 4px) rotate(2deg); }
.doc-capa::after { transform: translate(9px, 8px) rotate(4deg); background: #DCE2EE; }
.doc-capa img { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 4px; box-shadow: 0 6px 18px rgba(0,20,60,.28); background: #fff; }
.doc:hover .doc-capa { transform: translateY(-4px) rotate(-2deg); }
.doc:hover .doc-capa::before { transform: translate(8px, 5px) rotate(4deg); }
.doc:hover .doc-capa::after { transform: translate(14px, 9px) rotate(7deg); }
.doc-selo { position: absolute; z-index: 2; left: -6px; bottom: 12px; padding: 4px 8px 4px 10px; border-radius: 0 4px 4px 0; background: #C62828; color: #fff; font: 800 .62rem/1 var(--f-rotulo); letter-spacing: .12em; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.doc-selo::before { content: ""; position: absolute; left: 0; bottom: -5px; border-top: 5px solid #8E1B1B; border-left: 6px solid transparent; }
.doc-olho { position: absolute; z-index: 2; inset: 0; display: grid; place-items: center; border-radius: 4px; background: rgba(10,52,144,.55); color: #fff; opacity: 0; transition: opacity .25s; }
.doc-olho svg { width: 34px; height: 34px; }
.doc-capa:hover .doc-olho, .doc-capa:focus-visible .doc-olho { opacity: 1; }
.doc-info { display: grid; gap: 6px; min-width: 0; }
.doc-ref { font: 700 .66rem/1.2 var(--f-rotulo); letter-spacing: .14em; text-transform: uppercase; color: var(--azul-sinal); }
.doc-escuro .doc-ref { color: var(--azul-nevoa); }
.doc-info h3 { font: 700 1.08rem/1.25 var(--f-rotulo); text-transform: none; letter-spacing: 0; color: var(--doc-tit); }
.doc-meta { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: .82rem; color: var(--doc-txt); }
.doc-meta span:not(:last-child)::after { content: "·"; margin: 0 8px; opacity: .6; }
.doc-acoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.doc-bt { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border-radius: 8px; border: 1.5px solid var(--doc-borda); color: var(--doc-tit); font: 700 .74rem/1 var(--f-rotulo); letter-spacing: .05em; text-transform: uppercase; text-decoration: none; transition: background .2s, border-color .2s, color .2s, transform .2s; }
.doc-bt svg { width: 17px; height: 17px; }
.doc-bt:hover { border-color: var(--azul-sinal); color: var(--azul-sinal); }
.doc-escuro .doc-bt:hover { border-color: var(--branco); color: var(--branco); background: rgba(255,255,255,.1); }
.doc-bt-pri { background: var(--azul-sinal); border-color: var(--azul-sinal); color: var(--branco); }
.doc-bt-pri:hover { background: var(--azul-lippmann); border-color: var(--azul-lippmann); color: var(--branco); transform: translateY(-1px); }
.doc-escuro .doc-bt-pri { background: var(--branco); border-color: var(--branco); color: var(--azul-inst); }
.doc-escuro .doc-bt-pri:hover { background: var(--azul-gelo); color: var(--azul-lippmann); }
.doc-bt-pri svg { transition: transform .2s; }
.doc-bt-pri:hover svg { transform: translateY(2px); }
.page-head .doc { margin-top: 10px; }
@media (max-width: 520px) {
  .doc { grid-template-columns: 92px minmax(0, 1fr); gap: 16px; padding: 14px; }
  .doc-acoes { margin-top: 4px; }
  .doc-bt { flex: 1 1 auto; justify-content: center; padding: 0 10px; }
}

/* versão compacta (rodapé e ficha técnica) */
.doc-mini { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px; align-items: center; padding: 10px 14px 10px 10px; border: 1px solid var(--cinza-neblina); border-radius: 12px; background: var(--branco); text-decoration: none; color: var(--grafite); max-width: 460px; transition: border-color .2s, box-shadow .2s; }
.doc-mini:hover { border-color: var(--azul-nevoa); box-shadow: 0 8px 24px rgba(0,30,80,.12); }
.doc-mini-capa { position: relative; display: block; aspect-ratio: 210 / 297; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.doc-mini-capa img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 3px; box-shadow: 3px 3px 0 #E1E6F0, 0 4px 10px rgba(0,20,60,.25); background: #fff; }
.doc-mini-capa .doc-selo { left: -5px; bottom: 6px; font-size: .52rem; padding: 3px 5px 3px 7px; }
.doc-mini:hover .doc-mini-capa { transform: translateY(-2px) rotate(-3deg); }
.doc-mini-txt { display: grid; gap: 2px; min-width: 0; }
.doc-mini-txt b { font: 700 .88rem/1.25 var(--f-rotulo); color: var(--azul-lippmann); }
.doc-mini-txt small { font-size: .78rem; color: var(--cinza-medio); line-height: 1.4; }
.doc-mini-acao { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font: 700 .7rem/1 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--azul-sinal); }
.doc-mini-acao svg { width: 15px; height: 15px; }
.doc-mini-escuro { margin-top: 18px; background: rgba(255,255,255,.06); border-color: rgba(157,184,242,.3); color: var(--azul-gelo); text-decoration: none !important; }
.doc-mini-escuro:hover { border-color: rgba(255,255,255,.6); box-shadow: none; }
.doc-mini-escuro .doc-mini-txt b { color: var(--branco); }
.doc-mini-escuro .doc-mini-txt small { color: var(--azul-nevoa); }
.doc-mini-escuro .doc-mini-acao { color: var(--branco); }
.doc-mini-escuro .doc-mini-capa img { box-shadow: 3px 3px 0 rgba(255,255,255,.18), 0 4px 10px rgba(0,0,0,.35); }

/* =====================================================================
   RESPONSIVIDADE — ajustes finos para celulares e tablets
   ===================================================================== */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img, svg, video, canvas, iframe { max-width: 100%; }
img { height: auto; }
.wrap { width: 100%; }
input, select, textarea { font-size: max(16px, 1rem); }          /* evita zoom automático no iPhone */
.campo input, .campo select, .campo textarea { font-size: 1rem; }
a, button { -webkit-tap-highlight-color: rgba(31,85,201,.15); }
h1, h2, h3, p, li, dd, td { overflow-wrap: break-word; }
@media (max-width: 1024px) {                                   /* tablets */
  .hero .wrap { gap: 32px; }
  .faixa-lipp .lipp { width: 190px; }
  .grid-cards { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
}
@media (max-width: 760px) {                                    /* celulares grandes / tablets pequenos */
  .secao { padding-block: 56px; }
  .sec-head { margin-bottom: 32px; }
  .sec-head-row { margin-bottom: 30px; }
  .hero .wrap { padding-block: 44px 108px; }
  .hero-acoes .btn { flex: 1 1 220px; }
  .page-head .wrap { padding-block: 40px; }
  .acesso { margin-top: -64px; }
  .acesso a { padding: 20px 18px; }
  .depo { padding: 22px; }
  .mvv > div { padding: 24px; }
  .ficha-topo { padding-left: 20px; }
  .ficha-corpo { padding: 24px 20px 32px; }
  .whats-float .bolha { width: 56px; height: 56px; }
  .whats-float .pulso { width: 56px; height: 56px; }
  .foot-grid { gap: 32px; }
  .valor { padding-right: 0; }
}
@media (max-width: 420px) {                                    /* celulares */
  h1 { font-size: 2.6rem; }
  .page-head h1 { font-size: 2.7rem; }
  .btn { padding: .75em 1.1em; }
  .utilbar .wrap { justify-content: space-between; gap: 10px; }
  .util-contatos { gap: 12px; }
  .logo img { width: 180px; }
  .fato b { font-size: 2.3rem; }
  .fato { padding: 20px 14px; }
  .razao { grid-template-columns: 48px 1fr; gap: 14px; }
  .razao .n { font-size: 2.4rem; }
  .filtro { padding: 0 12px; font-size: .76rem; }
  .busca { max-width: none; margin-left: 0; }
}
@media (hover: none) { .doc-olho { opacity: 0 !important; } .doc:hover .doc-capa { transform: none; } }

/* =====================================================================
   ACESSIBILIDADE
   ===================================================================== */
.a11y-pular { position: absolute; left: 12px; top: -60px; z-index: 200; padding: 10px 16px; border-radius: 6px; background: var(--azul-sinal); color: #fff; font: 700 .85rem/1 var(--f-rotulo); text-decoration: none; }
.a11y-pular:focus { top: calc(10px + env(safe-area-inset-top, 0px)); color: #fff; }
.a11y { position: fixed; z-index: 85; left: 0; top: 50%; transform: translateY(-50%); }
.a11y-abrir { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 8px calc(12px) max(8px, env(safe-area-inset-left, 0px)); border: 0; border-radius: 0 10px 10px 0; background: var(--azul-lippmann); color: #fff; cursor: pointer; box-shadow: 2px 4px 16px rgba(0,20,60,.3); }
.a11y-abrir svg { width: 24px; height: 24px; }
.a11y-abrir span { writing-mode: vertical-rl; transform: rotate(180deg); font: 700 .62rem/1 var(--f-rotulo); letter-spacing: .12em; text-transform: uppercase; }
.a11y-abrir:hover, .a11y-abrir[aria-expanded="true"] { background: var(--azul-sinal); }
.a11y-painel { position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%); width: 236px; padding: 14px; border-radius: 12px; background: var(--branco); border: 1px solid var(--cinza-neblina); box-shadow: 0 16px 48px rgba(0,20,60,.25); display: grid; gap: 8px; }
.a11y-tit { font: 700 .72rem/1 var(--f-rotulo); letter-spacing: .14em; text-transform: uppercase; color: var(--azul-lippmann); margin-bottom: 2px; }
.a11y-grupo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.a11y-grupo button, .a11y-op, .a11y-restaurar { min-height: 42px; border-radius: 8px; border: 1px solid var(--cinza-neblina); background: var(--off-white); color: var(--azul-lippmann); font: 700 .82rem/1.1 var(--f-rotulo); cursor: pointer; }
.a11y-grupo button:nth-child(1) { font-size: .8rem; } .a11y-grupo button:nth-child(3) { font-size: 1.05rem; }
.a11y-op { display: flex; align-items: center; gap: 10px; padding: 0 12px; text-align: left; }
.a11y-op svg { width: 20px; height: 20px; flex: none; }
.a11y-op[aria-pressed="true"] { background: var(--azul-inst); border-color: var(--azul-inst); color: #fff; }
.a11y-grupo button:hover, .a11y-op:hover { border-color: var(--azul-sinal); }
.a11y-restaurar { background: transparent; border-style: dashed; color: var(--cinza-aco); font-weight: 600; }
@media (max-width: 600px) {
  .a11y { top: auto; bottom: calc(96px + env(safe-area-inset-bottom, 0px)); transform: none; }
  .a11y-abrir { padding: 10px 6px; }
  .a11y-abrir span { display: none; }
  .a11y-painel { top: auto; bottom: 0; transform: none; width: min(236px, calc(100vw - 72px)); }
}
/* Destacar links */
html.a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; text-decoration-thickness: 2px !important; }
html.a11y-links a:not(.btn):not(.doc-bt) { outline: 1px dashed currentColor; outline-offset: 2px; }
/* Alto contraste (preto, branco e amarelo) */
html.a11y-contraste, html.a11y-contraste body { background: #000 !important; }
html.a11y-contraste body *:not(svg):not(path):not(circle):not(rect):not(img):not(canvas):not(iframe) { background-color: #000 !important; background-image: none !important; color: #fff !important; border-color: #fff !important; box-shadow: none !important; text-shadow: none !important; }
html.a11y-contraste a, html.a11y-contraste a *, html.a11y-contraste button, html.a11y-contraste button *, html.a11y-contraste .btn, html.a11y-contraste .chip { color: #FFE600 !important; }
html.a11y-contraste .hero::before, html.a11y-contraste .page-head::after, html.a11y-contraste .losango { display: none !important; }
html.a11y-contraste img { filter: grayscale(.2) contrast(1.1); }
html.a11y-contraste .logo img, html.a11y-contraste .foot-logo { filter: invert(1) grayscale(1) brightness(2); }
html.a11y-contraste input, html.a11y-contraste select, html.a11y-contraste textarea { border: 2px solid #fff !important; }
html.a11y-contraste :focus-visible { outline: 3px solid #FFE600 !important; }
html.a11y-contraste .a11y-op[aria-pressed="true"] { outline: 3px solid #FFE600; }

/* =====================================================================
   FASE 2 · catálogo (carga horária, acordeão, vídeo), HUB, políticas, Termo
   ===================================================================== */
.card-ch { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font: 600 .78rem/1 var(--f-rotulo); color: var(--azul-inst); }
.card-ch svg { width: 15px; height: 15px; }
.ficha-resumo { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.ficha-resumo span { padding: 12px 14px; border-radius: 10px; background: var(--off-white); display: grid; gap: 4px; }
.ficha-resumo small { font: 700 .66rem/1 var(--f-rotulo); letter-spacing: .1em; text-transform: uppercase; color: var(--cinza-medio); }
.ficha-resumo b { color: var(--azul-lippmann); font-size: .92rem; font-weight: 600; }
.ficha-video { position: relative; aspect-ratio: 16 / 9; max-width: 100%; border-radius: 10px; overflow: hidden; background: #0d1422; }
.ficha-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.acordeao { display: grid; gap: 8px; }
.ac-item { border: 1px solid var(--cinza-neblina); border-radius: 10px; background: var(--branco); }
.ac-item[open] { border-color: var(--azul-nevoa); }
.ac-item summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; font: 700 .8rem/1.3 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--azul-lippmann); }
.ac-item summary::-webkit-details-marker { display: none; }
.ac-item summary i { width: 26px; height: 26px; flex: none; border-radius: 50%; background: var(--off-white); position: relative; transition: transform .25s, background .25s; }
.ac-item summary i::before, .ac-item summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 2px; background: var(--azul-sinal); transform: translate(-50%, -50%); border-radius: 2px; }
.ac-item summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .25s; }
.ac-item[open] summary i { background: var(--azul-gelo); }
.ac-item[open] summary i::after { transform: translate(-50%, -50%) rotate(0deg); }
.ac-item summary:hover { color: var(--azul-sinal); }
.ac-corpo { padding: 0 16px 16px; font-size: .93rem; }

/* HUB */
.hub-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 22px; }
.post { display: grid; grid-template-rows: auto 1fr; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 14px; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .25s, transform .25s, border-color .25s; }
.post:hover { box-shadow: var(--sombra); transform: translateY(-3px); border-color: var(--azul-nevoa); color: inherit; }
.post-capa { aspect-ratio: 16 / 9; max-width: 100%; background: var(--azul-inst); position: relative; overflow: hidden; }
.post-capa img { width: 100%; height: 100%; object-fit: cover; }
.post-capa .sem { position: absolute; inset: 0; display: grid; place-items: center; }
.post-capa .sem::before { content: ""; width: 38%; aspect-ratio: 1; background: var(--azul-sinal); transform: rotate(45deg); border-radius: 10%; opacity: .6; }
.post-tipo { position: absolute; left: 14px; top: 14px; }
.post-txt { padding: 18px 20px 20px; display: grid; gap: 8px; align-content: start; }
.post-txt time { font: 600 .74rem/1 var(--f-rotulo); letter-spacing: .06em; color: var(--cinza-medio); text-transform: uppercase; }
.post-txt h3 { font: 700 1.08rem/1.3 var(--f-rotulo); text-transform: none; letter-spacing: 0; color: var(--azul-lippmann); }
.post-txt p { font-size: .9rem; color: var(--cinza-aco); }
.tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tag { font: 600 .7rem/1 var(--f-rotulo); padding: 5px 8px; border-radius: 999px; background: var(--off-white); color: var(--cinza-aco); }
.artigo { max-width: 820px; margin-inline: auto; display: grid; gap: 22px; }
.artigo-meta { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; font-size: .86rem; color: var(--cinza-medio); }
.artigo-capa { border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 9; max-width: 100%; }
.artigo-capa img { width: 100%; height: 100%; object-fit: cover; }
.artigo-corpo { font-size: 1.05rem; line-height: 1.75; color: var(--grafite); display: grid; gap: 16px; }
.artigo-corpo h2 { font-size: clamp(1.7rem, 3vw, 2.2rem); margin-top: 10px; }
.artigo-corpo h3 { font: 700 1.15rem/1.3 var(--f-rotulo); text-transform: none; letter-spacing: 0; }
.artigo-corpo ul, .artigo-corpo ol { margin: 0; padding-left: 1.3em; display: grid; gap: 6px; }
.artigo-corpo blockquote { margin: 0; border-left: 4px solid var(--azul-sinal); padding: 6px 0 6px 18px; color: var(--azul-lippmann); font-weight: 600; }
.artigo-corpo img { border-radius: 10px; }
.artigo-corpo iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 10px; }
.artigo-corpo table { width: 100%; border-collapse: collapse; font-size: .92rem; display: block; overflow-x: auto; }
.artigo-corpo th, .artigo-corpo td { border: 1px solid var(--cinza-neblina); padding: 8px 10px; text-align: left; }
.compartilhar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding-top: 18px; border-top: 1px solid var(--cinza-neblina); }
.compartilhar .btn { min-height: 42px; font-size: .74rem; }

/* Políticas */
.politicas-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 460px), 1fr)); gap: 18px; }
.politicas-grid .doc { max-width: none; }
.doc-protegido .doc-selo { background: var(--azul-inst); }
.doc-protegido .doc-selo::before { border-top-color: var(--azul-lippmann); }

/* Termo protegido */
.termo-wrap { position: relative; max-width: 860px; margin-inline: auto; }
.termo { position: relative; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 14px; padding: clamp(24px, 5vw, 56px); box-shadow: var(--sombra); user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; overflow: hidden; }
.termo h2 { font-size: 1.5rem; margin: 22px 0 8px; }
.termo p, .termo li { color: var(--grafite); }
.termo ul { padding-left: 0; list-style: none; display: grid; gap: 6px; }
.termo-marca { position: absolute; inset: 0; pointer-events: none; z-index: 2; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 180px; align-items: center; justify-items: center; opacity: .07; overflow: hidden; }
.termo-marca span { transform: rotate(-28deg); font: 700 .9rem/1.3 var(--f-rotulo); color: var(--azul-lippmann); white-space: nowrap; text-align: center; }
.termo-veu { position: absolute; inset: 0; z-index: 3; display: grid; place-items: center; background: rgba(255,255,255,.96); border-radius: 14px; text-align: center; padding: 24px; }
.termo-aviso { display: flex; gap: 10px; align-items: center; font-size: .86rem; color: var(--cinza-aco); margin-bottom: 16px; }
.termo-aviso svg { width: 20px; height: 20px; color: var(--azul-sinal); flex: none; }
@media print { body.pagina-protegida * { visibility: hidden !important; } body.pagina-protegida::after { content: "Documento disponível somente para leitura em lippmannts.com"; visibility: visible; position: fixed; top: 40%; left: 0; right: 0; text-align: center; font: 700 18pt Arial; } }
.artigo-meta svg { width: 16px; height: 16px; flex: none; }
.compartilhar strong { display: inline-flex; align-items: center; gap: 6px; }
.compartilhar svg { width: 18px; height: 18px; flex: none; }
.artigo-voltar { font: 600 .8rem/1 var(--f-rotulo); letter-spacing: .04em; }
.artigo-voltar a { color: var(--azul-sinal); text-decoration: none; }
.doc-meta svg { width: 14px; height: 14px; flex: none; vertical-align: -2px; margin-right: 4px; }

/* ---------- UniLTS (páginas públicas) ---------- */
.nav-uni { text-transform: none; letter-spacing: .02em; font-size: .86rem; }
.nav-uni b { color: var(--azul-sinal); }
@media (min-width: 1081px) and (max-width: 1240px) { .nav a { padding: 10px 8px; letter-spacing: .04em; font-size: .74rem; } .nav a.nav-integra { padding: 8px 9px; } .nav a[aria-current="page"]::after { left: 8px; right: 8px; } }
.uni-marca { font: 400 clamp(3.2rem, 9vw, 6rem)/.9 var(--f-titulo); color: var(--branco); letter-spacing: .02em; margin: 6px 0 4px; }
.uni-marca b { font-weight: 400; color: var(--azul-nevoa); }
.uni-head h1 { font-size: clamp(1.6rem, 3.6vw, 2.6rem); }
.uni-bt-claro { color: var(--branco); }
.uni-bt-claro:hover { background: var(--branco); color: var(--azul-inst); border-color: var(--branco); }
.uni-passos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.uni-passos li { background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: var(--r); padding: 22px; display: grid; gap: 8px; align-content: start; }
.uni-passos span { font: 400 2.4rem/1 var(--f-titulo); color: var(--azul-sinal); }
.uni-passos h3 { font: 700 1.05rem/1.3 var(--f-rotulo); text-transform: none; letter-spacing: 0; color: var(--azul-lippmann); }
.uni-passos p { font-size: .92rem; color: var(--cinza-aco); }
@media (max-width: 900px) { .uni-passos { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .uni-passos { grid-template-columns: 1fr; } }
.uni-cursos { display: grid; gap: 18px; }
.uni-curso { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 24px; align-items: center; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 14px; padding: 22px; }
.uni-curso-img img { width: 132px; height: 132px; object-fit: contain; margin: auto; }
.uni-curso-txt { display: grid; gap: 10px; }
.uni-curso-txt .tags { align-items: center; }
.uni-curso h3 { font: 700 1.2rem/1.3 var(--f-rotulo); text-transform: none; letter-spacing: 0; color: var(--azul-lippmann); }
.uni-curso p { color: var(--cinza-aco); }
.uni-curso-acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
@media (max-width: 620px) { .uni-curso { grid-template-columns: 1fr; } .uni-curso-img img { width: 96px; height: 96px; margin: 0; } }
.uni-val-form { display: flex; gap: 10px; flex-wrap: wrap; }
.uni-val-form input { flex: 1 1 220px; min-height: 48px; border-radius: 6px; border: 0; padding: 0 14px; font: 600 .95rem var(--f-texto); }
.val-wrap { max-width: 820px; margin-inline: auto; display: grid; gap: 22px; }
.val-form { display: grid; gap: 10px; }
.val-form label { font: 700 .78rem/1 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--azul-lippmann); }
.val-linha { display: flex; gap: 10px; flex-wrap: wrap; }
.val-linha input { flex: 1 1 240px; min-height: 48px; border: 1px solid var(--cinza-neblina); border-radius: 6px; padding: 0 14px; font: 600 1rem var(--f-texto); text-transform: uppercase; }
.val-form small { color: var(--cinza-medio); }
.val-card { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; background: var(--branco); border-radius: 14px; border: 1px solid var(--cinza-neblina); border-top: 6px solid var(--azul-sinal); padding: 26px; box-shadow: var(--sombra); }
.val-card h2 { font-size: clamp(1.6rem, 4vw, 2.2rem); color: var(--azul-lippmann); }
.val-selo { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: var(--azul-gelo); color: var(--azul-inst); }
.val-selo svg { width: 32px; height: 32px; }
.val-ok { border-top-color: #1B7F4C; } .val-ok .val-selo { background: #E6F3EC; color: #1B7F4C; }
.val-alerta { border-top-color: #9A6700; } .val-alerta .val-selo { background: #FFF4D6; color: #9A6700; }
.val-erro { border-top-color: #B3261E; } .val-erro .val-selo { background: #F8E7E6; color: #B3261E; }
.val-cod { font: 700 .9rem/1.2 var(--f-rotulo); letter-spacing: .08em; color: var(--cinza-aco); margin: 4px 0 14px; word-break: break-all; }
.val-card .tabela-info th { width: 34%; }
@media (max-width: 560px) { .val-card { grid-template-columns: 1fr; } }
.val-card .tabela-info th { color: var(--azul-lippmann); } .val-card .tabela-info th, .val-card .tabela-info td { border-bottom-color: var(--cinza-neblina); }
.uni-val-form { flex-direction: column; align-self: center; width: min(100%, 340px); }
.uni-val-form input { flex: none; height: 52px; min-height: 52px; }
.site-footer .nav-uni b { color: var(--azul-nevoa); }
.uni-acessos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.uni-acesso { display: grid; gap: 8px; align-content: start; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 14px; padding: 22px; text-decoration: none; color: inherit; transition: box-shadow .2s, border-color .2s, transform .2s; }
.uni-acesso:hover { border-color: var(--azul-nevoa); box-shadow: var(--sombra); transform: translateY(-2px); color: inherit; }
.uni-acesso svg { width: 30px; height: 30px; color: var(--azul-sinal); }
.uni-acesso b { font: 700 1.1rem/1.3 var(--f-rotulo); color: var(--azul-lippmann); }
.uni-acesso span { font-size: .92rem; color: var(--cinza-aco); }
@media (max-width: 820px) { .uni-acessos { grid-template-columns: 1fr; } }

/* ---------- Checkout UniLTS ---------- */
.ck-grid { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 24px; align-items: start; }
@media (max-width: 900px) { .ck-grid { grid-template-columns: 1fr; } }
.ck-resumo, .ck-cartao { background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 16px; padding: clamp(18px, 3vw, 28px); display: grid; gap: 12px; align-content: start; min-width: 0; }
.ck-resumo { position: sticky; top: 96px; } @media (max-width: 900px) { .ck-resumo { position: static; } }
.ck-resumo img { width: 96px; height: 96px; object-fit: contain; }
.ck-resumo h2, .ck-cartao h2 { font: 700 1.2rem/1.3 var(--f-rotulo); text-transform: none; letter-spacing: 0; color: var(--azul-lippmann); }
.ck-cartao h2 { font-size: 1.05rem; margin-top: 6px; }
.ck-eyebrow { font: 700 .7rem/1.2 var(--f-rotulo); letter-spacing: .14em; text-transform: uppercase; color: var(--azul-sinal); }
.ck-itens { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: .92rem; color: var(--cinza-aco); }
.ck-itens li { display: flex; gap: 8px; align-items: center; } .ck-itens svg { width: 18px; height: 18px; color: var(--azul-sinal); flex: none; }
.ck-total { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--cinza-neblina); padding-top: 12px; }
.ck-total span { font: 700 .74rem var(--f-rotulo); letter-spacing: .1em; text-transform: uppercase; color: var(--cinza-medio); }
.ck-total b { font: 400 2.4rem/1 var(--f-titulo); color: var(--azul-inst); }
.ck-mini { font-size: .8rem; color: var(--cinza-medio); }
.ck-teste { font-size: .84rem; background: #FFF4D6; color: #6b4a00; border-radius: 8px; padding: 10px 12px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ck-campos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ck-campos .full { grid-column: 1 / -1; }
.ck-campos label, .ck-copia { display: grid; gap: 6px; font: 700 .7rem/1.2 var(--f-rotulo); letter-spacing: .08em; text-transform: uppercase; color: var(--azul-lippmann); }
.ck-campos input, .ck-campos select, .ck-copia input { min-height: 48px; border: 1px solid var(--cinza-neblina); border-radius: 8px; padding: 0 12px; font: 500 1rem var(--f-texto); color: var(--grafite); text-transform: none; letter-spacing: 0; width: 100%; min-width: 0; background: var(--branco); }
@media (max-width: 560px) { .ck-campos { grid-template-columns: 1fr; } }
.ck-metodos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ck-metodos label { display: flex; gap: 10px; align-items: center; border: 1px solid var(--cinza-neblina); border-radius: 10px; padding: 14px; cursor: pointer; }
.ck-metodos label:has(input:checked) { border-color: var(--azul-sinal); background: var(--azul-gelo); box-shadow: inset 0 0 0 1px var(--azul-sinal); }
.ck-metodos input { width: 18px; height: 18px; accent-color: var(--azul-sinal); }
.ck-metodos small { display: block; color: var(--cinza-medio); font-size: .78rem; }
.ck-aceite { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; font-size: .84rem; color: var(--cinza-aco); align-items: start; }
.ck-aceite input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--azul-sinal); }
.ck-pagar { width: 100%; min-height: 54px; font-size: .9rem; }
.ck-seguro { display: flex; gap: 6px; align-items: center; justify-content: center; } .ck-seguro svg { width: 14px; height: 14px; }
.ck-aviso { border-radius: 8px; padding: 10px 12px; font-size: .9rem; }
.ck-aviso.erro { background: #F8E7E6; color: #8c1d17; } .ck-aviso.ok { background: #E6F3EC; color: #145c37; }
.ck-pix, .ck-final { max-width: 860px; margin: 0 auto; }
.ck-pix-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; align-items: start; }
@media (max-width: 680px) { .ck-pix-grid { grid-template-columns: 1fr; justify-items: center; } }
.ck-qr { width: 240px; height: 240px; border: 1px solid var(--cinza-neblina); border-radius: 12px; padding: 8px; background: #fff; }
.ck-qr svg, .ck-qr img { width: 100%; height: 100%; display: block; }
.ck-passos { margin: 0 0 14px; padding-left: 18px; display: grid; gap: 8px; color: var(--cinza-aco); }
.ck-copia span { display: flex; gap: 8px; } .ck-copia input { font: 500 .8rem ui-monospace, monospace; }
.ck-espera { display: flex; gap: 10px; align-items: center; font-weight: 600; color: var(--azul-inst); }
.ck-pulso { width: 12px; height: 12px; border-radius: 50%; background: var(--azul-sinal); animation: ckpulso 1.2s infinite; }
@keyframes ckpulso { 0% { box-shadow: 0 0 0 0 rgba(31,85,201,.6); } 100% { box-shadow: 0 0 0 14px rgba(31,85,201,0); } }
@media (prefers-reduced-motion: reduce) { .ck-pulso { animation: none; } }
.ck-final { text-align: center; justify-items: center; }
.ck-selo { width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: var(--azul-gelo); color: var(--azul-inst); font: 700 2rem var(--f-rotulo); }
.ck-selo svg { width: 36px; height: 36px; }
.ck-final.ok .ck-selo { background: #E6F3EC; color: #1B7F4C; } .ck-final.erro .ck-selo { background: #F8E7E6; color: #B3261E; }
.ck-acoes { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.ck-reemb { text-align: left; width: 100%; border: 1px solid var(--cinza-neblina); border-radius: 10px; padding: 12px 14px; display: grid; gap: 10px; }
.ck-reemb summary { cursor: pointer; font-weight: 700; color: var(--azul-inst); }
.ck-reemb label { display: grid; gap: 6px; font-size: .84rem; } .ck-reemb input { min-height: 44px; border: 1px solid var(--cinza-neblina); border-radius: 8px; padding: 0 10px; }
.uni-preco { font: 400 2rem/1 var(--f-titulo); color: var(--azul-inst); }
.uni-preco small { font: 600 .74rem var(--f-rotulo); color: var(--cinza-medio); letter-spacing: .04em; }

/* Fase 7 · certificado revogado */
.val-card.val-revogado{border:3px solid #B91C1C;background:#FEF2F2;box-shadow:0 0 0 6px rgba(185,28,28,.12)}
.val-card.val-revogado .val-selo{background:#B91C1C;color:#fff}
.val-card.val-revogado h2{color:#991B1B}
.val-card.val-revogado p{color:#7F1D1D}
.val-tarja{display:inline-block;margin:0 0 8px;padding:6px 12px;border-radius:6px;background:#B91C1C;color:#fff!important;font:700 .78rem/1 var(--f-rotulo,Montserrat);letter-spacing:.12em}

/* Fase 7 · Ouvidoria, consulta de compra e cancelamento formal */
.protocolo-box{background:var(--branco);border:2px solid var(--azul-sinal);border-radius:14px;padding:22px;margin:0 0 18px;display:grid;gap:12px;box-shadow:var(--sombra)}
.protocolo-box h3{color:var(--azul-lippmann);font-size:1.5rem;margin:0}
.protocolo-dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.protocolo-dados div{background:var(--azul-gelo,#EEF3FC);border-radius:10px;padding:12px 14px}
.protocolo-dados small{display:block;font:700 .7rem/1 var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-medio);margin-bottom:6px}
.protocolo-dados b{font:600 1.25rem/1.1 var(--f-texto);color:var(--azul-lippmann);letter-spacing:.04em;word-break:break-all}
.protocolo-acoes,.cancel-acoes{display:flex;flex-wrap:wrap;gap:10px}
.val-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.val-form .campo{display:grid;gap:6px}
.val-form .campo input{min-height:48px;border:1.5px solid var(--cinza-neblina);border-radius:8px;padding:0 14px;font:500 1rem var(--f-texto);background:#fff}
.prot-card{background:var(--branco);border-radius:14px;border:1px solid var(--cinza-neblina);border-top:6px solid var(--azul-sinal);padding:26px;box-shadow:var(--sombra);display:grid;gap:14px}
.prot-topo{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.prot-topo h2{font-size:clamp(1.6rem,4vw,2.2rem);color:var(--azul-lippmann);margin:0;word-break:break-all}
.prot-mini{color:var(--cinza-medio);font-size:.86rem;margin:4px 0 0}
.prot-status{padding:8px 14px;border-radius:999px;font:700 .78rem/1 var(--f-rotulo);letter-spacing:.08em;text-transform:uppercase;background:#EEF3FC;color:var(--azul-lippmann)}
.prot-status.st-respondido{background:#DCFCE7;color:#166534}.prot-status.st-concluido{background:#E5E7EB;color:#374151}.prot-status.st-em_analise{background:#FEF3C7;color:#92400E}
.prot-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.prot-etapas li{display:grid;justify-items:center;gap:6px;text-align:center;font:600 .78rem/1.2 var(--f-texto);color:var(--cinza-medio);position:relative}
.prot-etapas li span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#E5E7EB;color:#6B7280;font-weight:700}
.prot-etapas li.feita span{background:var(--azul-sinal);color:#fff}.prot-etapas li.atual span{background:var(--azul-lippmann);color:#fff;box-shadow:0 0 0 4px rgba(31,85,201,.2)}.prot-etapas li.atual{color:var(--azul-lippmann)}
.prot-card h3{font:700 .8rem/1 var(--f-rotulo);letter-spacing:.1em;text-transform:uppercase;color:var(--azul-lippmann);margin:6px 0 0}
.prot-msg{white-space:pre-wrap;background:#F6F8FC;border-radius:10px;padding:12px 14px;margin:0;overflow-wrap:anywhere}
.prot-hist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.prot-hist li{border-left:4px solid var(--cinza-neblina);padding:8px 12px;background:#FAFBFD;border-radius:0 10px 10px 0}
.prot-hist li.a-lippmann{border-color:var(--azul-sinal);background:#EEF3FC}.prot-hist li.a-solicitante{border-color:#16A34A}
.prot-hist-cab{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.prot-hist-cab small{color:var(--cinza-medio)}
.prot-hist p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.prot-comp{display:grid;gap:8px}.prot-comp label{font:700 .78rem/1 var(--f-rotulo);letter-spacing:.08em;text-transform:uppercase;color:var(--azul-lippmann)}
.prot-comp textarea{min-height:100px;border:1.5px solid var(--cinza-neblina);border-radius:8px;padding:10px 12px;font:400 .95rem var(--f-texto)}
.prot-comp .btn{justify-self:start}
.cancel-box{margin-top:18px;background:#FFFBEB;border:1.5px solid #F59E0B;border-radius:14px;padding:20px;display:grid;gap:10px}
.cancel-box h3{color:#92400E;font-size:1.25rem;margin:0}
.cancel-box p{margin:0}
.cancel-lista{margin:0;padding-left:20px;display:grid;gap:4px}
.cancel-mini{font-size:.84rem;color:#78350F}
.cancel-box.compacto{margin-top:10px}
.ck-rastreio{font-size:.92rem;margin:10px 0 0}
@media (max-width:560px){.prot-etapas{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Fase 7 · Carrossel de avaliações (Google) */
.aval{display:grid;gap:22px;min-width:0}
.aval-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.aval-cab h2{margin:0}
.aval-nota{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.aval-nota b{font:400 3rem/1 var(--f-titulo);color:var(--azul-lippmann)}
.aval-nota small{color:var(--cinza-medio);font-size:.86rem}
.aval-estrelas{display:inline-flex;gap:1px;color:#D1D5DB;font-size:1rem;letter-spacing:0;vertical-align:middle}
.aval-estrelas.grande{font-size:1.4rem}
.aval-estrelas i{font-style:normal}
.aval-estrelas i.cheia{color:#F5B301}
.aval-estrelas i.meia{background:linear-gradient(90deg,#F5B301 50%,#D1D5DB 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.aval-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px) / 3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:thin;overscroll-behavior-x:contain}
.aval-trilho:focus-visible{outline:3px solid var(--azul-sinal);outline-offset:4px;border-radius:12px}
.aval-card{scroll-snap-align:start;margin:0;background:var(--branco);border:1px solid var(--cinza-neblina);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sombra);min-width:0}
.aval-autor{display:flex;gap:12px;align-items:center;min-width:0}
.aval-autor>div{min-width:0;display:grid;gap:2px}
.aval-autor b{color:var(--azul-lippmann);overflow-wrap:anywhere}.aval-autor b a{color:inherit;text-decoration:none}
.aval-autor small{color:var(--cinza-medio);font-size:.82rem;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.aval-avatar{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--azul-sinal);color:#fff;font:700 .95rem var(--f-rotulo)}
.aval-card blockquote{margin:0;color:var(--cinza-aco);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}
.aval-card blockquote p{margin:0 0 8px}
.aval-ver{margin-top:auto;font:600 .82rem var(--f-texto);color:var(--azul-sinal)}
.aval-controles{display:flex;align-items:center;justify-content:center;gap:14px}
.aval-seta{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--cinza-neblina);background:var(--branco);color:var(--azul-lippmann);font-size:1.6rem;line-height:1;cursor:pointer}
.aval-seta:hover,.aval-seta:focus-visible{border-color:var(--azul-sinal);outline:none}
.aval-pontos{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.aval-pontos button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:#C9D3E6;cursor:pointer}
.aval-pontos button[aria-selected="true"]{background:var(--azul-sinal);width:26px;border-radius:999px}
.aval-fonte{text-align:center;color:var(--cinza-medio);font-size:.84rem;margin:0}
@media (max-width:980px){.aval-trilho{grid-auto-columns:calc((100% - 22px) / 2)}}
@media (max-width:640px){.aval-trilho{grid-auto-columns:88%}.aval-cta{width:100%;justify-content:center}}

/* Fase 7 · Central de Ajuda */
.aj-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.aj-nav a{padding:10px 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;font:600 .82rem var(--f-rotulo);letter-spacing:.06em;text-transform:uppercase}
.aj-nav a:hover,.aj-nav a:focus-visible{background:rgba(255,255,255,.14);border-color:#fff}
.aj-sec{scroll-margin-top:90px}
.aj-passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;counter-reset:aj}
.aj-passos li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;background:var(--branco);border:1px solid var(--cinza-neblina);border-radius:14px;padding:18px;box-shadow:var(--sombra)}
.aj-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--azul-sinal);color:#fff;font:400 1.5rem/1 var(--f-titulo)}
.aj-passos b{display:block;color:var(--azul-lippmann);margin-bottom:6px}
.aj-passos p{margin:0;color:var(--cinza-aco);font-size:.94rem;line-height:1.55}
.aj-faq{display:grid;gap:10px;margin-top:22px;max-width:900px}
.aj-faq details{background:var(--branco);border:1px solid var(--cinza-neblina);border-radius:12px;padding:0 18px}
.aj-faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:var(--azul-lippmann)}
.aj-faq details p{margin:0 0 16px;color:var(--cinza-aco);line-height:1.6}
.aj-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.aj-final{text-align:center;display:grid;justify-items:center;gap:10px}
.aj-final .aj-cta{justify-content:center}

/* =====================================================================
   FASE 7 · LIPP, assistente virtual (acima do botão do WhatsApp)
   ===================================================================== */
.lipp-float { position: fixed; z-index: 71; right: calc(23px + env(safe-area-inset-right, 0px)); bottom: calc(96px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; gap: 10px; background: none; border: 0; padding: 0; cursor: pointer; }
.lipp-bolha { position: relative; width: 56px; height: 56px; border-radius: 50%; background: var(--branco); border: 3px solid var(--azul-lippmann); box-shadow: 0 8px 24px rgba(0,40,110,.32); overflow: visible; transition: transform .2s; display: block; }
.lipp-bolha img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
.lipp-on { position: absolute; right: -1px; bottom: 1px; width: 14px; height: 14px; border-radius: 50%; background: var(--whats); border: 2px solid #fff; }
.lipp-float:hover .lipp-bolha { transform: scale(1.06); }
.lipp-rotulo { background: var(--azul-lippmann); color: #fff; font: 600 .82rem/1.2 var(--f-rotulo); padding: 10px 14px; border-radius: 8px; box-shadow: var(--sombra); opacity: 0; transform: translateX(8px); transition: opacity .2s, transform .2s; pointer-events: none; white-space: nowrap; }
.lipp-float:hover .lipp-rotulo, .lipp-float:focus-visible .lipp-rotulo { opacity: 1; transform: none; }
.lipp.aberto .lipp-rotulo { display: none; }
.lipp-painel { position: fixed; z-index: 72; right: calc(20px + env(safe-area-inset-right, 0px)); bottom: calc(164px + env(safe-area-inset-bottom, 0px)); width: min(390px, calc(100vw - 32px)); height: min(600px, calc(100vh - 190px)); background: var(--branco); border-radius: 16px; box-shadow: 0 18px 60px rgba(0,25,70,.28); display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cinza-neblina); font-family: var(--f-texto); }
.lipp-painel[hidden] { display: none; }
.lipp-topo { display: flex; align-items: center; gap: 10px; padding: 12px 12px 12px 14px; background: linear-gradient(120deg, var(--azul-lippmann), var(--azul-inst)); color: #fff; }
.lipp-topo img { width: 42px; height: 42px; border-radius: 50%; background: #fff; border: 2px solid rgba(255,255,255,.7); }
.lipp-topo div { flex: 1; min-width: 0; display: grid; }
.lipp-topo b { font: 400 1.5rem/1 var(--f-titulo); letter-spacing: .04em; }
.lipp-topo small { font-size: .74rem; opacity: .9; display: flex; align-items: center; gap: 6px; }
.lipp-on-txt { width: 8px; height: 8px; border-radius: 50%; background: #5BE38F; display: inline-block; }
.lipp-wa, .lipp-fechar { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.14); border: 0; cursor: pointer; font-size: 1.5rem; line-height: 1; text-decoration: none; }
.lipp-wa:hover, .lipp-fechar:hover { background: rgba(255,255,255,.26); }
.lipp-msgs { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; background: var(--off-white); overscroll-behavior: contain; }
.lipp-msg { max-width: 86%; padding: 10px 13px; border-radius: 14px; font-size: .9rem; line-height: 1.45; overflow-wrap: anywhere; }
.lipp-msg.ele { background: var(--branco); color: var(--grafite); border: 1px solid var(--cinza-neblina); border-bottom-left-radius: 4px; align-self: flex-start; }
.lipp-msg.eu { background: var(--azul-sinal); color: #fff; border-bottom-right-radius: 4px; align-self: flex-end; }
.lipp-msg a { color: var(--azul-sinal); font-weight: 600; }
.lipp-li { color: var(--azul-sinal); font-weight: 700; }
.lipp-digitando { display: flex; gap: 4px; padding: 13px 15px; }
.lipp-digitando i { width: 7px; height: 7px; border-radius: 50%; background: var(--cinza-medio); animation: lipp-dig 1.2s infinite ease-in-out; }
.lipp-digitando i:nth-child(2) { animation-delay: .15s; } .lipp-digitando i:nth-child(3) { animation-delay: .3s; }
@keyframes lipp-dig { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.lipp-sug { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px; background: var(--off-white); }
.lipp-sug:not(:empty) { padding: 0 12px 10px; }
.lipp-sug button { border: 1px solid var(--azul-nevoa); background: var(--branco); color: var(--azul-lippmann); font: 600 .78rem/1.2 var(--f-rotulo); padding: 7px 11px; border-radius: 999px; cursor: pointer; }
.lipp-sug button:hover { background: var(--azul-gelo); }
.lipp-entrada { display: flex; gap: 8px; align-items: flex-end; padding: 10px 12px; border-top: 1px solid var(--cinza-neblina); background: var(--branco); }
.lipp-entrada textarea { flex: 1; resize: none; border: 1px solid var(--cinza-neblina); border-radius: 12px; padding: 10px 12px; font: inherit; font-size: .92rem; max-height: 110px; min-height: 42px; }
.lipp-entrada textarea:focus { outline: 2px solid var(--azul-sinal); outline-offset: -1px; }
.lipp-entrada button { width: 42px; height: 42px; flex: none; border-radius: 50%; border: 0; background: var(--azul-lippmann); color: #fff; display: grid; place-items: center; cursor: pointer; }
.lipp-aviso { margin: 0; padding: 0 12px 9px; font-size: .68rem; color: var(--cinza-medio); background: var(--branco); }
.lipp-aviso a { color: inherit; }
.lipp-cartao { background: var(--branco); border: 1px solid var(--azul-nevoa); border-left: 4px solid var(--azul-sinal); border-radius: 12px; padding: 12px; display: grid; gap: 8px; font-size: .86rem; }
.lipp-cartao.ok { border-left-color: var(--verde); }
.lipp-cartao small { color: var(--cinza-aco); }
.lipp-c-tit { font: 700 .9rem/1.25 var(--f-rotulo); color: var(--azul-lippmann); }
.lipp-cartao.ok .lipp-c-tit { color: var(--verde); }
.lipp-cartao p { margin: 0; }
.lipp-carregando { color: var(--cinza-medio); font-style: italic; }
.lipp-form { display: grid; gap: 8px; }
.lipp-form label { display: grid; gap: 3px; font: 600 .74rem/1.2 var(--f-rotulo); color: var(--cinza-aco); }
.lipp-form input:not([type=checkbox]), .lipp-form textarea { border: 1px solid var(--cinza-neblina); border-radius: 8px; padding: 8px 10px; font: 400 .88rem var(--f-texto); color: var(--grafite); width: 100%; box-sizing: border-box; }
.lipp-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lipp-ck { display: flex !important; grid-template-columns: none; gap: 8px !important; align-items: flex-start; font: 400 .74rem/1.35 var(--f-texto) !important; }
.lipp-ck input { margin-top: 2px; flex: none; }
.lipp-mel { position: absolute; left: -9999px; width: 1px; height: 1px; }
.lipp-dias, .lipp-horas { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; }
.lipp-horas { flex-wrap: wrap; overflow: visible; }
.lipp-dias button, .lipp-horas button { flex: none; border: 1px solid var(--cinza-neblina); background: var(--off-white); color: var(--grafite); font: 600 .76rem/1 var(--f-rotulo); padding: 8px 10px; border-radius: 8px; cursor: pointer; text-transform: capitalize; }
.lipp-dias button.on, .lipp-horas button.on { background: var(--azul-lippmann); color: #fff; border-color: var(--azul-lippmann); }
.lipp-erro { margin: 0; color: var(--vermelho); font-size: .8rem; font-weight: 600; }
.lipp-confirmar { width: 100%; justify-content: center; }
@media (max-width: 720px) {
  .lipp-float { right: calc(20px + env(safe-area-inset-right, 0px)); bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
  .lipp-bolha { width: 56px; height: 56px; }
  .lipp-painel { right: 8px; left: 8px; width: auto; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); height: calc(100dvh - 16px); max-height: none; border-radius: 14px; }
  .lipp.aberto .lipp-float { display: none; }
  body.com-lipp.lipp-aberto .whats-float { display: none; }
  .lipp-2 { grid-template-columns: 1fr; }
}
@media print { .lipp { display: none !important; } }
@media (max-width: 720px) { body:has(> .cookies) .lipp-float { display: none; } }
@media (hover: none) { .lipp-rotulo { display: none; } }

/* QR Code oficial "Avalie-nos no Google" (seção de avaliações, rodapé e conclusão de curso no AVA) */
.qr-google { display: flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; background: var(--branco); border: 1px solid var(--cinza-neblina); border-radius: 14px; padding: 10px 16px 10px 10px; max-width: 460px; box-shadow: 0 6px 18px rgba(0,40,110,.08); transition: transform .2s, box-shadow .2s; }
.qr-google:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,40,110,.16); }
.qr-google img { flex: none; width: 104px; height: 104px; background: #fff; border-radius: 6px; }
.qr-google span { display: grid; gap: 4px; min-width: 0; }
.qr-google b { font: 700 .95rem/1.25 var(--f-rotulo); color: var(--azul-lippmann); }
.qr-google small { font-size: .8rem; line-height: 1.4; color: var(--cinza-aco); }
.qr-google em { font-style: normal; font: 700 .8rem/1 var(--f-rotulo); color: #B7860B; letter-spacing: .02em; }
.aval-rodape { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin-top: 18px; }
.aval-rodape .aval-fonte { margin: 0; flex: 1 1 260px; }
.qr-google-rodape { margin-top: 16px; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); box-shadow: none; padding: 8px 12px 8px 8px; }
.qr-google-rodape img { width: 84px; height: 84px; padding: 4px; }
.qr-google-rodape b { color: #fff; font-size: .86rem; }
.qr-google-rodape small { color: var(--azul-nevoa); font-size: .74rem; }
.ava-resultado .qr-google, .ava-cert-cartao ~ .qr-google { margin: 22px auto 0; text-align: left; }
@media (max-width: 520px) { .qr-google { padding: 8px; gap: 10px; } .qr-google img { width: 88px; height: 88px; } }
@media print { .qr-google { display: none !important; } }