/* =====================================================================
   Comunidade Gradiva — camada de design sobre o Bootswatch Litera 5.3.3

   A essencia e a do Gradiva: petroleo + a folha laranja do simbolo, fonte
   Atkinson Hyperlegible, legibilidade antes de enfeite. O que DIFERENCIA a
   comunidade da plataforma:
     - casca de documentacao (topo + menu lateral + "Nesta pagina"), em vez
       do site de vendas do Gradiva;
     - tema claro E escuro (o Gradiva e so claro), pelo color mode nativo do
       Bootstrap 5.3: <html data-bs-theme="light|dark">;
     - a folha laranja marca onde voce esta (item ativo), nao so o botao.

   Toda cor que muda com o tema e um token --c-*. Componente novo usa os
   tokens, nunca hex solto — senao ele quebra num dos dois temas.

   🔴 Fonte e assets LOCAIS, nunca CDN — mesma regra do Gradiva.
   ===================================================================== */

/* --- Digitos: Atkinson original, zero sem corte --- */
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/atkinson-400.woff2') format('woff2');unicode-range:U+0030-0039}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700 800;font-display:swap;src:url('../fonts/atkinson-700.woff2') format('woff2');unicode-range:U+0030-0039}
/* --- Letras: Atkinson Next variavel, 400 a 800 --- */
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/atkinson-next.woff2') format('woff2');unicode-range:U+0000-002F,U+003A-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/atkinson-next-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ------------------------------------------------------------------ */
/* Tokens fixos (iguais nos dois temas)                                */
/* ------------------------------------------------------------------ */
:root{
  --petroleo:#12656b;
  --petroleo-claro:#1c8a91;
  --petroleo-esc:#0c4a4f;
  --petroleo-fundo:#08393d;
  --folha:#d9924f;          /* fundo de botao: como TEXTO da 2,4:1 */
  --folha-hover:#e7a565;

  --raio:16px;
  --topo:64px;
  --lateral:272px;
  --indice:220px;
  /* Tudo preenche a largura do artigo, inclusive o texto corrido (decisao do
     dono do produto: nada de faixa vazia em tela larga). Para a linha longa nao
     cansar, o texto cresce um pouco com a tela (--texto) e o vao ate o "Nesta
     pagina" tambem (--vao). */
  --leitura:none;
  --texto:clamp(16.5px,.3vw + 12.5px,18.5px);
  --vao:clamp(32px,3vw,56px);
  --toque:2.75rem;          /* 44px: alvo minimo de toque */
  --fonte:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  --bs-body-font-family:var(--fonte);
  --bs-font-sans-serif:var(--fonte);
  --bs-border-radius:.5rem;
  --bs-border-radius-sm:.375rem;
  --bs-border-radius-lg:.75rem;
}

/* ------------------------------------------------------------------ */
/* Tema claro                                                          */
/* ------------------------------------------------------------------ */
:root,[data-bs-theme=light]{
  --c-fundo:#ffffff;
  --c-lateral:#f2f7f7;
  --c-cartao:#ffffff;
  --c-cartao-2:#f7fafa;
  --c-borda:#dee9e9;
  --c-borda-forte:#c6d8d8;
  --c-titulo:#0e1a1c;
  --c-corpo:#33474b;
  --c-apagado:#5f7276;
  --c-link:#12656b;
  --c-link-hover:#0c4a4f;
  --c-ativo-fundo:rgba(217,146,79,.15);
  --c-ativo-texto:#964f12;
  --c-icone-fundo:rgba(18,101,107,.1);
  --c-icone:#12656b;
  --c-topo:rgba(255,255,255,.86);
  --c-destaque:linear-gradient(125deg,#e3f1f1,#f2f7f7 55%,#fbf0e6);
  --c-sombra:0 22px 46px -30px rgba(8,57,61,.45);
  --c-primario:#12656b;
  --c-primario-hover:#0c4a4f;
  /* comparacao de textos (revisao de artigo): o que entrou e o que saiu */
  --c-entrou-fundo:rgba(10,128,84,.1);
  --c-entrou-texto:#0a6b47;
  --c-saiu-fundo:rgba(208,59,59,.1);
  --c-saiu-texto:#b02a2a;

  --bs-body-bg:var(--c-fundo);
  --bs-body-bg-rgb:255,255,255;
  --bs-body-color:var(--c-corpo);
  --bs-emphasis-color:var(--c-titulo);
  --bs-heading-color:var(--c-titulo);
  --bs-secondary-color:var(--c-apagado);
  --bs-border-color:var(--c-borda);
  --bs-link-color:var(--c-link);
  --bs-link-color-rgb:18,101,107;
  --bs-link-hover-color:var(--c-link-hover);
  --bs-link-hover-color-rgb:12,74,79;
  --bs-primary:var(--c-primario);
  --bs-primary-rgb:18,101,107;
  --bs-focus-ring-color:rgba(18,101,107,.25);
}

/* ------------------------------------------------------------------ */
/* Tema escuro: petroleo profundo                                      */
/* ------------------------------------------------------------------ */
[data-bs-theme=dark]{
  --c-fundo:#071d20;
  --c-lateral:#0b2a2e;
  --c-cartao:#0d3035;
  --c-cartao-2:#0b2a2e;
  --c-borda:#1d4549;
  --c-borda-forte:#2b5a5e;
  --c-titulo:#f0f6f6;
  --c-corpo:#c9d8d9;
  --c-apagado:#9db5b7;
  --c-link:#7cc3c5;         /* o "brand-glow" do Gradiva: 8,9:1 sobre o fundo */
  --c-link-hover:#a6dcdd;
  --c-ativo-fundo:rgba(217,146,79,.16);
  --c-ativo-texto:#f0b47a;
  --c-icone-fundo:rgba(124,195,197,.12);
  --c-icone:#7cc3c5;
  --c-topo:rgba(7,29,32,.86);
  --c-destaque:linear-gradient(125deg,#0d3035,#0b2a2e 55%,#2a2017);
  --c-sombra:0 22px 46px -30px rgba(0,0,0,.75);
  /* #12656b some no fundo escuro; este da 5:1 com texto branco */
  --c-primario:#157a80;
  --c-primario-hover:#1c8a91;
  --c-entrou-fundo:rgba(95,211,165,.12);
  --c-entrou-texto:#7fe0b8;
  --c-saiu-fundo:rgba(240,138,138,.12);
  --c-saiu-texto:#f5a3a3;

  --bs-body-bg:var(--c-fundo);
  --bs-body-bg-rgb:7,29,32;
  --bs-body-color:var(--c-corpo);
  --bs-emphasis-color:var(--c-titulo);
  --bs-heading-color:var(--c-titulo);
  --bs-secondary-color:var(--c-apagado);
  --bs-secondary-bg:#0f3337;
  --bs-tertiary-bg:#0b2a2e;
  --bs-border-color:var(--c-borda);
  --bs-link-color:var(--c-link);
  --bs-link-color-rgb:124,195,197;
  --bs-link-hover-color:var(--c-link-hover);
  --bs-link-hover-color-rgb:166,220,221;
  --bs-primary:var(--c-primario);
  --bs-primary-rgb:21,122,128;
  --bs-focus-ring-color:rgba(124,195,197,.3);
}

/* ------------------------------------------------------------------ */
/* Base e correcoes do Litera                                          */
/* ------------------------------------------------------------------ */
html{scroll-padding-top:calc(var(--topo) + 24px)}
body{font-family:var(--fonte);color:var(--c-corpo);background:var(--c-fundo);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
/* Litera forca Georgia no <p>, sans do sistema no .lead/.alert/.btn e peso 300 no .lead */
p,.lead,.alert,.alert p{font-family:inherit}
.lead{color:var(--c-apagado);font-weight:400}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:700;letter-spacing:-.015em;line-height:1.2;text-wrap:balance;color:var(--c-titulo)}
a{color:var(--c-link);text-underline-offset:3px}
a:hover{color:var(--c-link-hover)}
:focus-visible{outline:2px solid var(--c-link);outline-offset:3px;border-radius:6px}
.tabular{font-variant-numeric:tabular-nums}
/* O cinza "secondary" do Litera some no fundo claro e nao acompanha o tema */
.text-secondary{color:var(--c-apagado)!important}
kbd{font-family:var(--mono);font-size:11px;padding:2px 6px;border-radius:5px;background:var(--c-cartao-2);color:var(--c-apagado);border:1px solid var(--c-borda);box-shadow:none}

/* --- botoes --- */
.btn{--bs-btn-font-family:var(--fonte);--bs-btn-font-weight:600;--bs-btn-font-size:.9375rem;--bs-btn-border-radius:10px;--bs-btn-padding-x:1.1rem;--bs-btn-padding-y:.55rem;min-height:var(--toque);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
.btn-sm{--bs-btn-font-size:.875rem;--bs-btn-padding-y:.35rem;min-height:2.25rem}
.btn-lg{--bs-btn-font-size:1rem;--bs-btn-padding-x:1.5rem;--bs-btn-padding-y:.8rem}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--c-primario);--bs-btn-border-color:var(--c-primario);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--c-primario-hover);--bs-btn-hover-border-color:var(--c-primario-hover);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--c-primario-hover);--bs-btn-active-border-color:var(--c-primario-hover);--bs-btn-disabled-bg:var(--c-primario);--bs-btn-disabled-border-color:var(--c-primario);--bs-btn-focus-shadow-rgb:18,101,107}
.btn-folha{--bs-btn-bg:var(--folha);--bs-btn-color:#0e1a1c;--bs-btn-border-color:var(--folha);--bs-btn-hover-bg:var(--folha-hover);--bs-btn-hover-color:#0e1a1c;--bs-btn-hover-border-color:var(--folha-hover);--bs-btn-active-bg:var(--folha-hover);--bs-btn-active-color:#0e1a1c;--bs-btn-active-border-color:var(--folha-hover);--bs-btn-font-weight:700}
.btn-light,.btn-suave{--bs-btn-bg:var(--c-cartao);--bs-btn-border-color:var(--c-borda);--bs-btn-color:var(--c-titulo);--bs-btn-hover-bg:var(--c-cartao);--bs-btn-hover-border-color:var(--c-link);--bs-btn-hover-color:var(--c-link);--bs-btn-active-bg:var(--c-cartao-2);--bs-btn-active-border-color:var(--c-link);--bs-btn-active-color:var(--c-link)}
.btn-icone{--bs-btn-padding-x:0;width:var(--toque);--bs-btn-color:var(--c-apagado);--bs-btn-hover-color:var(--c-titulo);--bs-btn-hover-bg:var(--c-cartao-2);--bs-btn-active-bg:var(--c-cartao-2);--bs-btn-border-color:transparent;--bs-btn-hover-border-color:var(--c-borda);font-size:1.15rem}

/* --- formularios --- */
.form-label{font-weight:600;color:var(--c-titulo);margin-bottom:.35rem;font-size:.9375rem}
/* Litera usa 1.1rem nos campos: maior que o rotulo e o botao ao lado */
.form-control,.form-select{min-height:var(--toque);font-size:1rem;border-color:var(--c-borda);background-color:var(--c-cartao);color:var(--c-titulo);font-family:var(--fonte)}
.form-check-label{font-size:.9375rem}
.form-control::placeholder{color:var(--c-apagado);opacity:.8}
.form-control:focus,.form-select:focus{border-color:var(--c-link);background-color:var(--c-cartao);color:var(--c-titulo);box-shadow:0 0 0 .2rem var(--bs-focus-ring-color)}
.form-check-input{border-color:var(--c-borda-forte);background-color:var(--c-cartao)}
.form-check-input:checked{background-color:var(--c-primario);border-color:var(--c-primario)}
.form-text{color:var(--c-apagado)}

/* --- cartao, alerta, selo --- */
.card{--bs-card-bg:var(--c-cartao);--bs-card-border-color:var(--c-borda);border-radius:var(--raio);box-shadow:0 1px 2px rgba(14,26,28,.04)}
.badge{font-weight:600;letter-spacing:.01em}
.alert{color:var(--c-corpo);background:var(--c-cartao);border:1px solid var(--c-borda);border-left-width:4px}
.alert a:not(.btn){color:var(--c-link);font-weight:700}
/* Litera pinta de branco e sublinha TODO link de alerta — inclusive os que sao botao */
.alert a.btn{color:var(--bs-btn-color);text-decoration:none;font-weight:var(--bs-btn-font-weight)}
.alert a.btn:hover{color:var(--bs-btn-hover-color)}
.alert-success{border-left-color:#0a8054}
.alert-danger{border-left-color:#d03b3b}
.alert-warning{border-left-color:#d98b0a}
.alert-info{border-left-color:var(--c-link)}
.dropdown-menu{--bs-dropdown-bg:var(--c-cartao);--bs-dropdown-border-color:var(--c-borda);--bs-dropdown-link-color:var(--c-corpo);--bs-dropdown-link-hover-bg:var(--c-cartao-2);--bs-dropdown-link-hover-color:var(--c-titulo);--bs-dropdown-link-active-bg:var(--c-ativo-fundo);--bs-dropdown-link-active-color:var(--c-ativo-texto);font-size:.9375rem;border-radius:12px;box-shadow:var(--c-sombra)}
.dropdown-item{border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.6rem}
.dropdown-menu{padding:.4rem}

.icone-quadro{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:var(--c-icone-fundo);color:var(--c-icone);font-size:20px}
.icone-quadro.folha{background:var(--c-ativo-fundo);color:var(--c-ativo-texto)}

/* ------------------------------------------------------------------ */
/* Marca: simbolo num selo claro + nome em texto                       */
/* A arte do Gradiva tem cores fixas e some sobre petroleo; o selo     */
/* branco deixa o simbolo legivel nos dois temas.                      */
/* ------------------------------------------------------------------ */
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.marca-selo{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;border:1px solid var(--c-borda);box-shadow:0 4px 14px -8px rgba(8,57,61,.5)}
.marca-selo img{width:26px;height:26px}
.marca-nome{display:flex;flex-direction:column;line-height:1.05}
.marca-nome small{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ativo-texto)}
.marca-nome strong{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--c-titulo)}

/* ------------------------------------------------------------------ */
/* Topo                                                                */
/* ------------------------------------------------------------------ */
.barra-topo{position:sticky;top:0;z-index:1030;height:var(--topo);background:var(--c-topo);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--c-borda)}
.barra-topo-in{height:100%;padding:0 24px;display:flex;align-items:center;gap:14px}
.barra-topo .acoes{margin-left:auto;display:flex;align-items:center;gap:8px}
.busca-topo{position:relative;display:flex;align-items:center;width:clamp(260px,30vw,520px)}
.busca-topo .bi-search{position:absolute;left:14px;color:var(--c-apagado);pointer-events:none}
.busca-topo input{width:100%;height:42px;padding:0 70px 0 40px;border-radius:12px;border:1px solid var(--c-borda);background:var(--c-cartao-2);color:var(--c-titulo);font:inherit;font-size:.9375rem;transition:border-color .2s,box-shadow .2s,background .2s}
.busca-topo input::placeholder{color:var(--c-apagado)}
.busca-topo input:focus{outline:none;border-color:var(--c-link);background:var(--c-cartao);box-shadow:0 0 0 .2rem var(--bs-focus-ring-color)}
.busca-topo kbd{position:absolute;right:10px;pointer-events:none}
[data-bs-theme=dark] .icone-tema-claro,[data-bs-theme=light] .icone-tema-escuro{display:none}

/* ------------------------------------------------------------------ */
/* Casca: menu lateral + conteudo                                      */
/* ------------------------------------------------------------------ */
.casca{padding:24px 24px 0;display:grid;grid-template-columns:var(--lateral) minmax(0,1fr);gap:28px;align-items:start}
.conteudo{min-width:0}

/* O menu e um offcanvas do Bootstrap: gaveta abaixo de lg, coluna fixa
   acima. A cor fica no .lateral-painel porque, acima de lg, o Bootstrap
   forca fundo transparente (com !important) no .offcanvas-lg. */
.lateral{--bs-offcanvas-width:300px;--bs-offcanvas-bg:var(--c-lateral);--bs-offcanvas-border-color:var(--c-borda)}
.lateral .offcanvas-body{display:block}
.lateral-painel{background:var(--c-lateral);border:1px solid var(--c-borda);border-radius:18px;padding:14px 12px 18px}
@media (min-width:992px){
  .lateral{position:sticky;top:calc(var(--topo) + 20px);max-height:calc(100vh - var(--topo) - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-borda-forte) transparent}
}
@media (max-width:991.98px){
  .lateral-painel{border:0;border-radius:0;padding:4px 4px 24px;background:transparent}
}
.lateral-espaco .btn{width:100%;justify-content:space-between;--bs-btn-bg:var(--c-cartao);--bs-btn-border-color:var(--c-borda);--bs-btn-color:var(--c-titulo);--bs-btn-hover-bg:var(--c-cartao);--bs-btn-hover-border-color:var(--c-link);--bs-btn-hover-color:var(--c-titulo);--bs-btn-active-bg:var(--c-cartao);--bs-btn-active-color:var(--c-titulo);--bs-btn-active-border-color:var(--c-link)}
.lateral-espaco .btn::after{display:none}
.lateral-espaco .dropdown-menu{width:100%}
.lateral-secao{margin:22px 12px 6px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c-titulo)}
.lateral-lista{list-style:none;margin:0;padding:0}
.lateral-item{display:flex;align-items:center}
.lateral-link{flex:1;min-width:0;display:flex;align-items:center;gap:11px;min-height:40px;padding:8px 12px;border-radius:10px;color:var(--c-corpo);font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.lateral-link .bi{font-size:17px;color:var(--c-apagado);flex:0 0 auto;transition:color .15s}
.lateral-link:hover{background:var(--c-cartao-2);color:var(--c-titulo)}
[data-bs-theme=light] .lateral-link:hover{background:#e6efef}
.lateral-link.ativo{background:var(--c-ativo-fundo);color:var(--c-ativo-texto);font-weight:700}
.lateral-link.ativo .bi{color:var(--c-ativo-texto)}
.lateral-abrir{flex:0 0 auto;width:36px;height:36px;margin-left:2px;border:0;border-radius:8px;background:none;color:var(--c-apagado);display:grid;place-items:center}
.lateral-abrir:hover{background:var(--c-cartao-2);color:var(--c-titulo)}
.lateral-abrir .bi{transition:transform .2s}
.lateral-abrir[aria-expanded="true"] .bi{transform:rotate(90deg)}
.lateral-sub{list-style:none;margin:2px 0 6px 21px;padding:0 0 0 12px;border-left:1.5px solid var(--c-borda)}
.lateral-sub a{display:block;padding:6px 10px;border-radius:8px;font-size:14px;color:var(--c-apagado);text-decoration:none}
.lateral-sub a:hover{color:var(--c-titulo);background:var(--c-cartao-2)}
.lateral-sub a.ativo{color:var(--c-ativo-texto);font-weight:700}
.lateral-conta{display:flex;flex-direction:column;gap:10px;margin-top:22px;padding:0 6px}

/* ------------------------------------------------------------------ */
/* Banner do topo da pagina — a "grupo" em aneis                        */
/* ------------------------------------------------------------------ */
.banner{position:relative;overflow:hidden;border-radius:20px;min-height:clamp(180px,13vw,250px);display:grid;place-items:center;padding:40px 24px;background:radial-gradient(120% 140% at 85% 20%,rgba(217,146,79,.28),transparent 45%),linear-gradient(120deg,#062a2d 0%,var(--petroleo-fundo) 35%,var(--petroleo) 75%,var(--petroleo-claro) 100%);color:#fff;isolation:isolate}
.banner::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(90% 90% at 20% 50%,#000,transparent 75%);mask-image:radial-gradient(90% 90% at 20% 50%,#000,transparent 75%)}
/* Os aneis ficam nas bordas: os pontos nao podem cair em cima do titulo */
.banner-roda{position:absolute;z-index:-1;width:520px;height:520px;left:-300px;top:50%;transform:translateY(-50%);opacity:.55}
.banner-roda.dir{left:auto;right:-260px;width:460px;height:460px;opacity:.4}
.banner-titulo{margin:0;text-align:center;font-size:clamp(20px,3.2vw,38px);line-height:1.2;letter-spacing:0;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px rgba(4,30,33,.45)}
.banner-titulo .leve{font-weight:400;letter-spacing:.42em;margin-right:.3em}
.banner-titulo .forte{display:inline-block;font-weight:800;letter-spacing:.24em}
.banner-titulo .forte::first-letter{color:var(--folha)}
.banner.compacto{min-height:132px;padding:28px 24px}
.banner.compacto .banner-titulo{font-size:clamp(18px,2.4vw,28px)}

/* ------------------------------------------------------------------ */
/* Pagina: artigo + "Nesta pagina"                                     */
/* ------------------------------------------------------------------ */
.pagina{display:grid;grid-template-columns:minmax(0,1fr) var(--indice);gap:var(--vao);padding:36px 12px 0}
.pagina.sem-indice{grid-template-columns:minmax(0,1fr)}
/* As grades respondem a largura do ARTIGO, nao da janela: com menu e
   indice abertos, a mesma janela deixa bem menos espaco para o conteudo. */
.artigo{min-width:0;container-type:inline-size}
.artigo>p,.subtitulo{max-width:var(--leitura)}
.trilha{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;margin-bottom:14px}
.trilha a{color:var(--c-link);text-decoration:none}
.trilha a:hover{text-decoration:underline}
.trilha .bi{font-size:10px;color:var(--c-apagado)}
.trilha span{color:var(--c-apagado)}
.titulo-pagina{display:flex;align-items:center;gap:14px;margin:0}
.titulo-pagina h1{margin:0;font-size:clamp(28px,3.2vw,38px);font-weight:800;letter-spacing:-.02em}
.titulo-pagina .icone-quadro{width:48px;height:48px;border-radius:50%;font-size:22px}
.subtitulo{margin:12px 0 0;font-size:19px;line-height:1.5;color:var(--c-apagado)}
.artigo>p,.artigo .texto p{font-size:16.5px;line-height:1.75;color:var(--c-corpo)}
.artigo>p{margin:22px 0 0}
.artigo h2{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;margin:52px 0 0;scroll-margin-top:calc(var(--topo) + 24px)}
.artigo h2::before{content:"";width:20px;height:20px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 35%,var(--folha-hover),var(--folha) 45%,#b86f2f)}
.artigo h2+p{margin-top:12px}
.artigo h2+.bloco{margin-top:20px}
.bloco{margin-top:22px}

.indice{position:sticky;top:calc(var(--topo) + 28px);align-self:start;font-size:14px}
.indice[hidden]{display:none}
.indice-titulo{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c-titulo);margin:0 0 10px}
.indice ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.indice a{display:flex;gap:9px;align-items:flex-start;padding:7px 10px;border-radius:9px;color:var(--c-apagado);text-decoration:none;line-height:1.35}
.indice a::before{content:"";width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:var(--c-borda-forte);transition:background .2s}
.indice a:hover{color:var(--c-titulo)}
.indice a.ativo{background:var(--c-ativo-fundo);color:var(--c-ativo-texto);font-weight:700}
.indice a.ativo::before{background:var(--folha)}

/* --- blocos de conteudo --- */
.cartao{background:var(--c-cartao);border:1px solid var(--c-borda);border-radius:var(--raio);padding:24px}
.cartao-busca .row{--bs-gutter-y:14px}
.cartao-busca .nota{margin:14px 0 0;font-size:13px;color:var(--c-apagado);display:flex;gap:8px}

.grade-2,.grade-3{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@container (min-width:560px){.grade-2,.grade-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:980px){.grade-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Grade que preenche: a ultima linha estica e ocupa a largura toda, sem buraco no fim (atalhos do inicio) */
.grade-fluida{display:flex;flex-wrap:wrap;gap:16px}
.grade-fluida>*{flex:1 1 240px;min-width:0}
.cartao-link{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.cartao-link:hover{border-color:var(--c-link);transform:translateY(-2px);box-shadow:var(--c-sombra);color:inherit}
.cartao-link h3{font-size:17px;margin:0;display:flex;align-items:center;gap:8px}
.cartao-link h3 .bi{font-size:13px;color:var(--c-apagado);transition:transform .2s,color .2s}
.cartao-link:hover h3 .bi{transform:translateX(3px);color:var(--c-link)}
.cartao-link p{margin:6px 0 0;font-size:14.5px;line-height:1.55;color:var(--c-apagado)}

.lado{padding:24px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.lado h3{font-size:19px;margin:14px 0 0}
.lado>p{font-size:15px;color:var(--c-apagado);margin:6px 0 0;line-height:1.6}
.lista-ok{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.lista-ok li{display:flex;gap:10px;font-size:15px;line-height:1.5;color:var(--c-corpo)}
.lista-ok li::before{content:"\F272";font-family:bootstrap-icons;font-size:15px;line-height:1.4;color:var(--c-link);flex:0 0 auto}

.combinado{display:flex;gap:14px;padding:20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.combinado h3{font-size:16.5px;margin:0}
.combinado p{font-size:14.5px;line-height:1.55;color:var(--c-apagado);margin:5px 0 0}

.destaque{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px;border:1px solid var(--c-borda);border-radius:20px;background:var(--c-destaque)}
.destaque h3{font-size:21px;margin:0}
.destaque p{margin:8px 0 0;font-size:15.5px;line-height:1.6;color:var(--c-corpo)}
.destaque .acoes{display:flex;flex-direction:column;gap:10px}

.em-breve{text-align:center;padding:40px 28px;border:1.5px dashed var(--c-borda-forte);border-radius:var(--raio);background:var(--c-cartao-2)}
.em-breve .icone-quadro{margin:0 auto 14px}
.em-breve h2{display:block;font-size:21px;margin:0}
.em-breve h2::before{display:none}
.em-breve p{color:var(--c-apagado);font-size:15.5px;line-height:1.6;margin:8px auto 20px;max-width:440px}

.avisos{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}

/* ------------------------------------------------------------------ */
/* Conta: avatar e menu do topo                                        */
/* ------------------------------------------------------------------ */
.avatar{border-radius:50%;object-fit:cover;flex:0 0 auto;display:inline-grid;place-items:center}
.avatar-iniciais{background:linear-gradient(135deg,var(--petroleo-claro),var(--petroleo) 60%,var(--folha));color:#fff;font-weight:800;letter-spacing:.02em;line-height:1}
.btn-conta{--bs-btn-padding-x:.35rem;--bs-btn-padding-y:.25rem;--bs-btn-color:var(--c-titulo);--bs-btn-hover-color:var(--c-titulo);--bs-btn-hover-bg:var(--c-cartao-2);--bs-btn-active-bg:var(--c-cartao-2);--bs-btn-border-color:transparent;--bs-btn-hover-border-color:var(--c-borda);border-radius:999px}
/* Nome e setinha so aparecem no xl; abaixo disso o botao e so o avatar */
@media (min-width:1200px){.btn-conta{padding-right:.75rem}}
.btn-conta .bi{font-size:12px;color:var(--c-apagado)}
.menu-conta{min-width:280px}
.menu-conta-quem{display:flex;gap:12px;align-items:center;padding:.6rem .75rem}
.menu-conta-quem strong{display:block;color:var(--c-titulo);line-height:1.25}
.menu-conta-quem small{display:block;color:var(--c-apagado);font-size:13px;word-break:break-all}
.selo-tipo{display:inline-block;margin-top:6px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--c-ativo-fundo);color:var(--c-ativo-texto)}

/* ------------------------------------------------------------------ */
/* Meu perfil profissional (perfil/editar)                             */
/* ------------------------------------------------------------------ */
.situacao{padding:20px 22px;border:1px solid var(--c-borda);border-left:4px solid var(--folha);border-radius:var(--raio);background:var(--c-cartao)}
.situacao.visivel{border-left-color:#0a8054}
.situacao-cabeca{display:flex;gap:14px;align-items:center}
.situacao-cabeca strong{display:block;font-size:17px;color:var(--c-titulo)}
.situacao-cabeca p{margin:4px 0 0;font-size:14.5px;color:var(--c-apagado)}
.selo-status{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--c-ativo-fundo);color:var(--c-ativo-texto)}
.selo-verificado{background:rgba(10,128,84,.14);color:#0a8054}
[data-bs-theme=dark] .selo-verificado{color:#5fd3a5}
.selo-recusado{background:rgba(208,59,59,.14);color:#c03030}
[data-bs-theme=dark] .selo-recusado{color:#f08a8a}
.requisitos{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px 20px}
.requisitos li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;color:var(--c-apagado)}
.requisitos li .bi{margin-top:2px;color:var(--c-borda-forte)}
.requisitos li.ok{color:var(--c-corpo)}
.requisitos li.ok .bi{color:#0a8054}
[data-bs-theme=dark] .requisitos li.ok .bi{color:#5fd3a5}

.foto-perfil{display:flex;gap:20px;align-items:flex-start}
.foto-perfil-previa{flex:0 0 auto}
.foto-perfil-previa img,.foto-perfil-previa .avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid var(--c-cartao);box-shadow:0 0 0 1px var(--c-borda)}

.opcoes{display:flex;flex-wrap:wrap;gap:10px}
.opcao{display:inline-flex;align-items:center;gap:9px;min-height:var(--toque);padding:8px 14px;border:1.5px solid var(--c-borda);border-radius:12px;background:var(--c-cartao);cursor:pointer;font-size:15px;color:var(--c-corpo);transition:border-color .15s,background .15s}
.opcao .form-check-input{margin:0;flex:0 0 auto}
.opcao .bi{color:var(--c-icone)}
.opcao:hover{border-color:var(--c-borda-forte)}
.opcao:has(input:checked){border-color:var(--folha);background:var(--c-ativo-fundo);color:var(--c-titulo)}
.opcao:has(input:checked) .bi{color:var(--c-ativo-texto)}
.opcao:has(input:focus-visible){outline:2px solid var(--c-link);outline-offset:2px}

/* Etiquetas (abordagens) e cidades: chips com input escondido + campo de texto */
.etiquetas-lista{list-style:none;margin-bottom:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.etiquetas-lista:not(:empty){margin-bottom:10px}
.etiqueta{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--c-ativo-fundo);color:var(--c-ativo-texto);font-size:14px;font-weight:600}
.etiqueta-tirar{width:28px;height:28px;border:0;border-radius:50%;background:none;color:inherit;display:grid;place-items:center;font-size:16px}
.etiqueta-tirar:hover{background:rgba(217,146,79,.25)}
.combo{position:relative}
.combo-lista{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;list-style:none;margin:0;padding:6px;max-height:280px;overflow-y:auto;background:var(--c-cartao);border:1px solid var(--c-borda);border-radius:12px;box-shadow:var(--c-sombra)}
.combo-lista li{padding:9px 12px;border-radius:8px;cursor:pointer;color:var(--c-corpo)}
.combo-lista li[aria-selected="true"],.combo-lista li[role=option]:hover{background:var(--c-ativo-fundo);color:var(--c-ativo-texto)}
.combo-lista .combo-vazio{cursor:default;color:var(--c-apagado)}
.contador{float:right;font-size:12.5px;color:var(--c-apagado);font-variant-numeric:tabular-nums}

.barra-salvar{position:sticky;bottom:0;z-index:15;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:32px -12px 0;padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px));background:var(--c-topo);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--c-borda);font-size:14px;color:var(--c-apagado)}
@media (max-width:575.98px){.foto-perfil{flex-direction:column;align-items:center;text-align:center}.barra-salvar .btn{width:100%}}

/* ------------------------------------------------------------------ */
/* Catalogo publico (catalogo/index e catalogo/mostrar)                */
/* ------------------------------------------------------------------ */
/* Filtros: a grade responde a largura do artigo (com menu e sem menu muda muito) */
/* Celular: Cidade e UF lado a lado, o resto em linha propria */
.filtros-grade{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 96px}
.filtros-grade .f-esp,.filtros-grade .f-publico,.filtros-grade .f-texto{grid-column:1/-1}
@container (min-width:560px){
  .filtros-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 104px}
  .filtros-grade .f-esp,.filtros-grade .f-publico{grid-column:auto}
  .filtros-grade .f-texto{grid-column:2/-1}
}
@container (min-width:1040px){
  .filtros-grade{grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) 104px minmax(0,1.2fr) minmax(0,1.4fr)}
  .filtros-grade .f-texto{grid-column:auto}
}
.filtros-rodape{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.resultado-resumo{margin:26px 0 0;font-size:15.5px;color:var(--c-apagado)}
.resultado-resumo strong{color:var(--c-titulo)}
.resultado-resumo+.grade-3{margin-top:14px}

.cartao-profissional{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.cartao-profissional:hover{border-color:var(--c-link);transform:translateY(-2px);box-shadow:var(--c-sombra);color:inherit}
.cp-topo{display:flex;gap:14px;align-items:center}
.cp-quem{display:flex;flex-direction:column;gap:2px;min-width:0}
.cp-quem strong{font-size:17px;color:var(--c-titulo);line-height:1.25}
.cp-quem>span{font-size:14px;color:var(--c-apagado)}
.cp-registro{display:inline-flex;align-items:center;gap:5px;font-size:12.5px!important;font-weight:600}
.cp-registro .bi{color:#0a8054}
[data-bs-theme=dark] .cp-registro .bi{color:#5fd3a5}
.cp-chamada{font-size:15px;line-height:1.5;color:var(--c-corpo);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-info{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:10px;border-top:1px solid var(--c-borda);font-size:13.5px;color:var(--c-apagado)}
.cp-info>span{display:flex;gap:7px;align-items:flex-start}
.cp-info .bi{color:var(--c-icone);margin-top:1px}

.como-funciona{display:flex;gap:14px;padding:18px 20px;border-radius:var(--raio);background:var(--c-cartao-2);border:1px solid var(--c-borda);margin-top:48px}
.como-funciona>.bi{font-size:20px;color:var(--c-icone)}
.como-funciona strong{color:var(--c-titulo)}
.como-funciona p{margin:4px 0 0;font-size:14.5px;line-height:1.6;color:var(--c-apagado)}

.perfil-publico{display:flex;gap:28px;align-items:flex-start;margin-top:8px}
.perfil-publico>.avatar{width:128px;height:128px;border:4px solid var(--c-cartao);box-shadow:0 0 0 1px var(--c-borda),var(--c-sombra)}
.perfil-publico-texto{min-width:0}
.perfil-publico h1{margin:0;font-size:clamp(28px,3.2vw,38px);font-weight:800;letter-spacing:-.02em}
.perfil-publico-area{margin:4px 0 0;font-size:18px;color:var(--c-corpo)}
.perfil-publico-registro{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:14.5px;font-weight:600;color:var(--c-titulo)}
.perfil-publico-registro .bi{color:#0a8054}
[data-bs-theme=dark] .perfil-publico-registro .bi{color:#5fd3a5}
.perfil-publico-registro span{font-weight:400;color:var(--c-apagado)}
.perfil-publico-chamada{margin:14px 0 0;font-size:18px;line-height:1.5;color:var(--c-corpo)}
.perfil-publico-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.perfil-publico-bio{white-space:pre-line}
.etiqueta-fixa{padding:6px 14px}
.contatos{list-style:none;margin-bottom:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:16px}
.contatos li{display:flex;align-items:center;gap:12px}
.contatos .bi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--c-icone-fundo);color:var(--c-icone)}
.situacao-link{margin:12px 0 0;font-size:14.5px}
.situacao-link a{display:inline-flex;align-items:center;gap:7px;font-weight:600}
@media (max-width:575.98px){
  .perfil-publico{flex-direction:column;align-items:center;text-align:center}
  .perfil-publico-registro,.perfil-publico-acoes{justify-content:center}
  .perfil-publico-acoes .btn{width:100%}
}

/* ------------------------------------------------------------------ */
/* Texto vindo do Markdown (artigos e Central Gradiva)                 */
/* ------------------------------------------------------------------ */
.texto-rico{font-size:var(--texto);line-height:1.75;color:var(--c-corpo)}
.texto-rico>*{max-width:var(--leitura)}
.texto-rico p,.texto-rico ul,.texto-rico ol,.texto-rico blockquote,.texto-rico table,.texto-rico pre{margin:18px 0 0}
.texto-rico>:first-child{margin-top:28px}
.texto-rico h3{font-size:19px;margin:32px 0 0}
.texto-rico ul,.texto-rico ol{padding-left:1.4em}
.texto-rico li+li{margin-top:8px}
.texto-rico li::marker{color:var(--folha)}
.texto-rico ol>li::marker{font-weight:800;color:var(--c-ativo-texto)}
.texto-rico strong{color:var(--c-titulo)}
.texto-rico a{font-weight:600}
/* Litera poe italico em todo blockquote; a Atkinson nao tem italico e o navegador inclinaria na marra */
blockquote{font-style:normal}
.texto-rico blockquote{padding:14px 18px;border-left:4px solid var(--folha);border-radius:0 12px 12px 0;background:var(--c-ativo-fundo);color:var(--c-titulo)}
.texto-rico blockquote>:first-child{margin-top:0}
.texto-rico code{padding:2px 6px;border-radius:6px;background:var(--c-cartao-2);color:var(--c-titulo);font-size:.9em}
.texto-rico pre{padding:14px 16px;border-radius:12px;background:var(--c-cartao-2);overflow-x:auto}
.texto-rico img{max-width:100%;height:auto;border-radius:12px}
.texto-rico table{width:100%;border-collapse:collapse;font-size:15px}
.texto-rico th,.texto-rico td{padding:8px 10px;border:1px solid var(--c-borda);text-align:left;vertical-align:top}
@container (max-width:520px){.texto-rico table{font-size:13.5px;line-height:1.5}.texto-rico th,.texto-rico td{padding:6px 7px}}
.texto-rico th{background:var(--c-cartao-2);color:var(--c-titulo)}
.texto-rico hr{margin:32px 0;border-color:var(--c-borda);opacity:1}

/* ------------------------------------------------------------------ */
/* Artigos e Central Gradiva (paginas publicas)                        */
/* ------------------------------------------------------------------ */
.cartao-artigo{display:flex;flex-direction:column;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.cartao-artigo:hover{border-color:var(--c-link);transform:translateY(-2px);box-shadow:var(--c-sombra);color:inherit}
.ca-capa{position:relative;display:block;aspect-ratio:1200/630;overflow:hidden;background:linear-gradient(120deg,#062a2d 0%,var(--petroleo-fundo) 40%,var(--petroleo) 80%,var(--petroleo-claro) 100%)}
.ca-capa img{width:100%;height:100%;object-fit:cover;display:block}
.ca-roda{position:absolute;width:70%;right:-14%;top:50%;transform:translateY(-50%);opacity:.5}
.ca-publico{position:absolute;left:12px;bottom:12px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.92);color:#0c4a4f}
.ca-corpo{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.ca-corpo strong{font-size:17.5px;line-height:1.3;color:var(--c-titulo)}
.ca-resumo{font-size:14.5px;line-height:1.55;color:var(--c-apagado);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ca-meta{margin-top:auto;padding-top:8px;font-size:13px;color:var(--c-apagado)}
.artigo-capa{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:20px}
.artigo-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;font-size:14px;color:var(--c-apagado)}
.artigo-meta span{display:inline-flex;align-items:center;gap:6px}

.busca-central{position:relative;display:flex;gap:10px;align-items:center}
.busca-central>.bi{position:absolute;left:16px;color:var(--c-apagado);pointer-events:none}
.busca-central .form-control{padding-left:44px}
.manual-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:48px}
.manual-nav a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--c-borda);border-radius:var(--raio);text-decoration:none;color:inherit;background:var(--c-cartao)}
.manual-nav a:hover{border-color:var(--c-link)}
.manual-nav small{font-size:13px;color:var(--c-apagado)}
.manual-nav strong{color:var(--c-titulo)}
.manual-proximo{grid-column:2;text-align:right}
@media (max-width:575.98px){.manual-nav{grid-template-columns:minmax(0,1fr)}.manual-proximo{grid-column:1}}

/* ------------------------------------------------------------------ */
/* Conversas                                                           */
/* ------------------------------------------------------------------ */
.temas-chips{display:flex;flex-wrap:wrap;gap:8px}
.tema-chip{display:inline-flex;align-items:center;min-height:32px;padding:3px 12px;border:1px solid var(--c-borda);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--c-corpo);background:var(--c-cartao);text-decoration:none}
.tema-chip:hover{border-color:var(--c-link);color:var(--c-link)}
.tema-chip.ativo{background:var(--c-ativo-fundo);border-color:var(--folha);color:var(--c-ativo-texto)}
.lista-conversas{list-style:none;margin-bottom:0;padding:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);overflow:hidden}
.conversa-linha{display:flex;align-items:center;gap:14px;padding:14px 18px}
.conversa-linha+.conversa-linha{border-top:1px solid var(--c-borda)}
.conversa-linha.fixada{background:var(--c-cartao-2)}
.conversa-linha-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.conversa-linha-titulo{font-size:16.5px;font-weight:700;line-height:1.35;color:var(--c-titulo);text-decoration:none}
.conversa-linha-titulo:hover{color:var(--c-link)}
.conversa-linha-titulo .bi{font-size:13px;color:var(--c-ativo-texto);margin-right:4px}
.conversa-linha-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--c-apagado)}
.conversa-linha-meta .tema-chip{min-height:24px;padding:1px 9px;font-size:12px}
.conversa-so-membros{display:inline-flex;align-items:center;gap:4px}
.conversa-linha-numeros{display:flex;gap:14px;font-size:14px;color:var(--c-apagado);flex:0 0 auto}
.conversa-linha-numeros>span{display:inline-flex;align-items:center;gap:5px}
@media (max-width:575.98px){.conversa-linha{align-items:flex-start}.conversa-linha-numeros{flex-direction:column;gap:4px}}

.conversa-cabeca h1{margin:4px 0 0;font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em}
.conversa-autor{display:flex;gap:10px;align-items:center;margin-top:14px}
.conversa-autor strong{color:var(--c-titulo);margin-right:6px}
.conversa-autor small{display:block;margin-top:2px;font-size:13px;color:var(--c-apagado)}
.conversa-autor small a{color:inherit;text-decoration:none}
.selo-autor{background:var(--c-icone-fundo);color:var(--c-icone)}
.conversa-corpo>:first-child{margin-top:20px}
.acoes-post{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}
.btn-util{--bs-btn-color:var(--c-apagado);--bs-btn-border-color:var(--c-borda);--bs-btn-hover-color:var(--c-link);--bs-btn-hover-border-color:var(--c-link);--bs-btn-bg:var(--c-cartao);--bs-btn-hover-bg:var(--c-cartao);border-radius:999px}
.btn-util.marcado{--bs-btn-color:var(--c-ativo-texto);--bs-btn-bg:var(--c-ativo-fundo);--bs-btn-border-color:var(--folha);--bs-btn-hover-color:var(--c-ativo-texto);--bs-btn-hover-bg:var(--c-ativo-fundo);--bs-btn-hover-border-color:var(--folha)}
.util-total{display:inline-flex;align-items:center;gap:5px;padding:0 8px;font-size:14px;color:var(--c-apagado)}
.btn-link-sutil{--bs-btn-color:var(--c-apagado);--bs-btn-hover-color:var(--c-titulo);--bs-btn-border-color:transparent;--bs-btn-hover-bg:var(--c-cartao-2);--bs-btn-font-weight:600}
.texto-perigo-item{color:#c03030}
[data-bs-theme=dark] .texto-perigo-item{color:#f08a8a}
.artigo h2.titulo-respostas{font-size:19px;margin-top:44px}
.resposta{margin-top:16px;padding:16px 18px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);scroll-margin-top:calc(var(--topo) + 24px)}
.resposta:target{border-color:var(--folha);box-shadow:0 0 0 3px var(--c-ativo-fundo)}
.resposta .conversa-autor{margin-top:0}
.resposta-corpo>:first-child{margin-top:12px}
.resposta-corpo{font-size:16px}
.resposta-removida{margin:0;color:var(--c-apagado);font-style:italic}
.sem-respostas{margin-top:12px;color:var(--c-apagado)}
.responder{margin-top:8px}
.editor-curto{min-height:180px}
.sigilo-lembrete{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:13.5px;color:var(--c-apagado)}
.sigilo-lembrete .bi{color:var(--c-icone);margin-top:2px}
.sigilo-alerta{margin-top:12px}

/* Sininho */
.sininho{position:relative}
.sininho-contagem{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:800;line-height:18px;background:var(--folha);color:#0e1a1c}
.menu-notificacoes{width:min(360px,calc(100vw - 24px));max-height:70vh;overflow-y:auto}
.menu-notificacoes-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.5rem .75rem}
.menu-notificacoes-topo strong{color:var(--c-titulo)}
.notificacao{flex-direction:column;align-items:flex-start;gap:2px;white-space:normal}
.notificacao small{color:var(--c-apagado);font-size:12.5px}
.notificacao.nao-lida{background:var(--c-ativo-fundo)}
.notificacao.nao-lida span{font-weight:700;color:var(--c-titulo)}
.menu-notificacoes-vazio{margin:0;padding:.5rem .75rem 1rem;font-size:14px;color:var(--c-apagado)}

/* Denuncias (equipe) */
.lista-denuncias{list-style:none;margin-bottom:0;padding:0;display:flex;flex-direction:column;gap:12px}
.denuncia{padding:16px 18px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.denuncia.urgente{border-left:4px solid #d03b3b}
.denuncia-topo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.denuncia-topo small{color:var(--c-apagado)}
.denuncia-detalhe{margin:10px 0 0;color:var(--c-corpo)}
.denuncia-trecho{margin:12px 0;padding:10px 14px;border-left:3px solid var(--c-borda-forte);background:var(--c-cartao-2);border-radius:0 10px 10px 0;font-size:14.5px;color:var(--c-corpo)}
.denuncia-onde{display:block;margin-bottom:4px;font-size:13.5px;color:var(--c-apagado)}
.denuncia-onde strong{color:var(--c-titulo)}

/* ------------------------------------------------------------------ */
/* Grupos                                                               */
/* ------------------------------------------------------------------ */
.grupo-cartao,.sala-cartao{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.grupo-cartao:hover,.sala-cartao:hover{border-color:var(--c-link);transform:translateY(-2px);box-shadow:var(--c-sombra);color:inherit}
.grupo-cartao.arquivado,.sala-cartao.arquivado{background:var(--c-cartao-2)}
.grupo-cartao h3,.sala-cartao h3{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:17px}
.grupo-cartao h3 .bi,.sala-cartao h3 .bi{font-size:13px;color:var(--c-apagado);transition:transform .2s,color .2s}
.grupo-cartao:hover h3 .bi,.sala-cartao:hover h3 .bi{transform:translateX(3px);color:var(--c-link)}
.grupo-cartao p,.sala-cartao p{margin:0;font-size:14.5px;line-height:1.55;color:var(--c-apagado)}
.grupo-cartao small,.sala-cartao small{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:13px;color:var(--c-apagado)}
.grupo-cartao-selos,.sala-cartao-selos{display:flex;flex-wrap:wrap;gap:6px}
.selo-grupo{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--c-cartao-2);color:var(--c-apagado);border:1px solid var(--c-borda)}
.selo-papel{background:var(--c-ativo-fundo);color:var(--c-ativo-texto);border-color:transparent}
.grupo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:14.5px;color:var(--c-apagado)}
.artigo>p.grupo-meta{margin-top:14px;font-size:14.5px;color:var(--c-apagado)}
.grupo-meta>span{display:inline-flex;align-items:center;gap:6px}
.grupo-meta .selo-tipo{margin-top:0}
.grupo-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.grupo-entrar{width:min(100%,560px)}
.nota-liberacao{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border:1px solid var(--c-borda);border-radius:12px;background:var(--c-cartao-2)}
.artigo>p.nota-liberacao{font-size:14.5px;line-height:1.55;max-width:none}
.nota-liberacao .bi{color:var(--c-icone);margin-top:3px}
/* .escolha (2 colunas) vem depois no arquivo: a dupla classe vence sem depender da ordem */
.escolha.escolha-3{grid-template-columns:minmax(0,1fr)}
@container (min-width:640px){.escolha.escolha-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.passos{margin:0 0 18px;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--c-corpo)}
.campo-codigo{font-family:var(--mono);font-size:13px;word-break:break-all}
.cartao .nota,.cartao-busca .nota{margin:14px 0 0;font-size:13px;color:var(--c-apagado);display:flex;gap:8px}
.campo-copiar{display:flex;gap:8px}
.campo-copiar .form-control{font-family:var(--mono);font-size:13.5px}
/* Sem overflow:hidden: o menu "..." do ultimo participante abriria recortado */
.lista-participantes{list-style:none;margin-bottom:0;padding:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.participante{display:flex;align-items:center;gap:14px;padding:12px 18px}
.participante+.participante{border-top:1px solid var(--c-borda)}
.participante-quem{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.participante-quem strong{color:var(--c-titulo)}
.participante-quem small{font-size:13px;color:var(--c-apagado)}
.participante-mensagem{margin:6px 0 0;font-size:14.5px;color:var(--c-corpo)}
.participante-acoes{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:575.98px){.participante{flex-wrap:wrap}.participante-acoes{width:100%;padding-left:54px}}
.convite{padding:28px;border:1px solid var(--c-borda);border-radius:20px;background:var(--c-destaque)}
.artigo .convite h2{display:block;margin:12px 0 0;font-size:24px}
.artigo .convite h2::before{display:none}
.convite p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--c-corpo)}
.convite small{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13.5px;color:var(--c-apagado)}
.convite-acao{margin-top:20px;padding-top:18px;border-top:1px solid var(--c-borda);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.convite-acao>p{width:100%;margin:0 0 4px}

/* ------------------------------------------------------------------ */
/* Biblioteca                                                          */
/* ------------------------------------------------------------------ */
.material-cartao{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.material-cartao:hover{border-color:var(--c-link);transform:translateY(-2px);box-shadow:var(--c-sombra);color:inherit}
.material-icone{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:var(--c-icone-fundo);color:var(--c-icone);font-size:22px}
.material-icone.grande{width:64px;height:64px;border-radius:16px;font-size:32px}
.material-texto{display:flex;flex-direction:column;gap:4px;min-width:0}
.material-texto strong{font-size:16px;line-height:1.35;color:var(--c-titulo)}
.material-meta{font-size:13px;color:var(--c-apagado)}
.material-cabeca{display:flex;gap:18px;align-items:flex-start}
.material-cabeca h1{margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.02em}
.material-baixar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:14.5px;color:var(--c-apagado)}
.material-licenca{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border:1px solid var(--c-borda);border-left:4px solid var(--folha);border-radius:0 12px 12px 0;background:var(--c-cartao-2);font-size:14.5px;color:var(--c-corpo)}
.material-licenca strong{color:var(--c-titulo)}
.declaracao{padding:16px 18px}
.escolha.escolha-4{grid-template-columns:minmax(0,1fr)}
@container (min-width:520px){.escolha.escolha-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:900px){.escolha.escolha-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:575.98px){.material-cabeca .material-icone.grande{display:none}}

/* ------------------------------------------------------------------ */
/* Eventos                                                             */
/* ------------------------------------------------------------------ */
/* margem de cima vem do .bloco (por isso so a de baixo aqui) */
.lista-eventos{list-style:none;padding:0;margin-bottom:0;display:flex;flex-direction:column;gap:10px}
.evento-mes{margin:28px 0 10px;font-size:15px;font-weight:800;letter-spacing:.01em;color:var(--c-apagado)}
.evento-cartao{display:flex;gap:16px;align-items:flex-start;padding:14px 18px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.evento-cartao:hover{border-color:var(--c-link);transform:translateY(-2px);box-shadow:var(--c-sombra);color:inherit}
.evento-cartao.cancelado{opacity:.72}
.evento-data{width:54px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;border-radius:12px;background:var(--c-ativo-fundo);color:var(--c-ativo-texto);line-height:1}
.evento-data strong{font-size:22px;font-weight:800}
.evento-data span{margin-top:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.evento-data.grande{width:72px;padding:12px 0;border-radius:16px}
.evento-data.grande strong{font-size:30px}
.evento-texto{display:flex;flex-direction:column;gap:4px;min-width:0}
.evento-texto strong{font-size:16px;line-height:1.35;color:var(--c-titulo)}
.evento-meta{font-size:13px;color:var(--c-apagado)}
.evento-selos{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.filtros-eventos{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.filtros-eventos .filtro-busca{flex:1 1 240px}
.filtros-eventos .form-select{min-width:170px}

.evento-cabeca{display:flex;gap:18px;align-items:flex-start}
.evento-cabeca h1{margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.02em}
.evento-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;font-size:14px;color:var(--c-apagado)}
.evento-info{margin-bottom:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);overflow:hidden}
.evento-info>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px 18px}
.evento-info>div+div{border-top:1px solid var(--c-borda)}
.evento-info dt{font-size:14px;font-weight:700;color:var(--c-titulo)}
.evento-info dt .bi{margin-right:4px;color:var(--c-icone)}
.evento-info dd{margin:0;font-size:15px;line-height:1.55;color:var(--c-corpo)}
.evento-info small{font-size:13px;color:var(--c-apagado)}
.evento-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.evento-confirmado{display:inline-flex;align-items:center;gap:8px;min-height:var(--toque);padding:0 14px;border-radius:12px;font-size:15px;font-weight:700;background:var(--c-icone-fundo);color:var(--c-icone)}

/* Salas (3.4): a pagina da sala reaproveita o evento (evento-info, evento-acoes) e o cartao do grupo */
.sala-cabeca h1{margin:0;font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.02em}
.sala-cabeca .lead{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--c-corpo)}
.sala-pedido{width:100%}
.sala-entrada{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-destaque);color:inherit;text-decoration:none;transition:border-color .2s}
.sala-entrada:hover{border-color:var(--c-link);color:inherit}
.sala-entrada>.bi:first-child{font-size:24px;color:var(--c-icone)}
.sala-entrada>.bi:last-child{margin-left:auto;color:var(--c-apagado)}
.sala-entrada span{display:flex;flex-direction:column;gap:2px}
.sala-entrada strong{color:var(--c-titulo)}
.sala-entrada small{font-size:14px;color:var(--c-apagado)}
.programa{margin:0;padding:0 0 0 22px}
.programa>li{margin:0 0 12px;color:var(--c-titulo)}
.programa ul{margin:6px 0 0;padding-left:18px;color:var(--c-corpo)}
.programa small{color:var(--c-apagado)}
.campo-data .form-control{max-width:220px}
.dica-video{margin-top:6px}
.dica-video summary{cursor:pointer;color:var(--c-link)}
.dica-video ul{margin-top:6px;padding-left:18px}

/* As aulas da sala: modulos, aulas e o progresso */
.progresso{padding:16px 20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.progresso-texto{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:15px;color:var(--c-corpo)}
.progresso-texto strong{color:var(--c-titulo)}
.progresso-barra{height:10px;border-radius:999px;background:var(--c-cartao-2);overflow:hidden}
.progresso-barra span{display:block;height:100%;border-radius:999px;background:var(--c-icone);transition:width .3s}
.sala-modulo{padding:18px 20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.sala-modulo-topo{display:flex;align-items:center;justify-content:space-between;gap:10px}
.artigo .sala-modulo h2{margin:0;font-size:20px}
.sala-renomear{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sala-renomear .form-control{flex:1 1 220px}
.sala-aulas{list-style:none;margin:12px 0 0;padding:0}
.sala-aula{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--c-borda)}
.sala-aula-marca{flex:0 0 auto;width:22px;padding-top:2px;font-size:18px;color:var(--c-apagado)}
.sala-aula.vista .sala-aula-marca{color:var(--c-icone)}
.sala-aula-quem{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sala-aula-quem a,.sala-aula-quem>span{font-weight:700;color:var(--c-titulo);text-decoration:none}
.sala-aula-quem a:hover{color:var(--c-link)}
.sala-aula.fechada .sala-aula-quem>span{color:var(--c-apagado)}
.sala-aula-quem small{font-size:13px;color:var(--c-apagado)}
.sala-aula-acoes{display:flex;gap:2px;flex:0 0 auto}
.sala-novo-modulo .form-control{flex:1 1 240px}

/* A aula: video que so carrega no clique, arquivos e o caminho entre as aulas */
.aula-cabeca h1{margin:4px 0 0;font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.02em}
.aula-numero{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-apagado)}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--raio);overflow:hidden;background:var(--c-cartao-2);border:1px solid var(--c-borda)}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-play{position:absolute;inset:0;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:0;background:transparent;color:var(--c-titulo);text-align:center;cursor:pointer}
.video-play .bi{font-size:56px;color:var(--c-icone);transition:transform .2s}
.video-play:hover .bi{transform:scale(1.06)}
.video-play small{max-width:420px;font-size:13px;color:var(--c-apagado)}
.video noscript a{position:absolute;bottom:12px;left:0;right:0;text-align:center}
.video-fora{aspect-ratio:auto;min-height:170px}
.video-fora .video-play{text-decoration:none}
.video-fora .video-play .bi{font-size:40px}
.video-fora-link{margin:-10px 0 24px;font-size:14px}
.video-fora-link small{color:var(--c-apagado)}
.aula-arquivos{list-style:none;margin:0;padding:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.aula-arquivos li{display:flex;align-items:center;gap:8px;padding:0 10px 0 0}
.aula-arquivos li+li{border-top:1px solid var(--c-borda)}
.aula-arquivos a{display:flex;align-items:center;gap:10px;flex:1;min-height:var(--toque);padding:10px 16px;color:var(--c-titulo);text-decoration:none;min-width:0}
.aula-arquivos a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aula-arquivos a small{margin-left:auto;flex:0 0 auto;font-size:13px;color:var(--c-apagado)}
.aula-arquivos .bi{color:var(--c-icone)}
.aula-rodape{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* Duvidas nas aulas e avisos da sala (3.4.3) */
.duvida{padding:16px 18px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.duvida-topo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.duvida-topo strong{color:var(--c-titulo)}
.duvida-topo small{font-size:13px;color:var(--c-apagado)}
.duvida .texto-rico>:last-child{margin-bottom:0}
.duvida .texto-rico>:first-child,.lista-avisos .texto-rico>:first-child{margin-top:0}
.duvida-resposta{margin-top:12px;padding:12px 14px;border-left:3px solid var(--c-borda-forte);border-radius:0 12px 12px 0;background:var(--c-cartao-2)}
.duvida-resposta.de-quem-conduz{border-left-color:var(--c-icone)}
.duvida-acoes{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:10px}
.duvida-responder{flex:1 1 280px}
.duvida-responder summary{cursor:pointer;min-height:var(--toque);display:inline-flex;align-items:center;font-weight:700;color:var(--c-link)}
.lista-avisos,.lista-pendentes,.lista-encontros{list-style:none;margin:0;padding:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.lista-avisos li{padding:14px 18px}
.lista-avisos li+li,.lista-pendentes li+li,.lista-encontros li+li{border-top:1px solid var(--c-borda)}
.lista-avisos .texto-rico>:last-child{margin-bottom:4px}
.lista-avisos small{font-size:13px;color:var(--c-apagado)}
.lista-avisos form{display:inline}
.lista-pendentes a{display:flex;flex-direction:column;gap:2px;padding:12px 18px;color:var(--c-titulo);text-decoration:none}
.lista-pendentes a:hover{background:var(--c-cartao-2)}
.lista-pendentes small{font-size:13px;color:var(--c-apagado)}
.lista-encontros li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 18px}
.encontro-quando{display:flex;flex-direction:column;gap:2px;min-width:0}
.encontro-quando strong{color:var(--c-titulo)}
.encontro-quando span{font-size:15px;color:var(--c-corpo)}
.encontro-quando small{font-size:13px;color:var(--c-apagado)}
.encontro-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:6px}

/* Certificado (3.4.5): a conclusao na sala e a pagina que confere */
.conclusao{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-destaque)}
.conclusao>.bi{font-size:30px;color:var(--c-icone)}
.conclusao>div{display:flex;flex-direction:column;gap:2px;flex:1 1 260px}
.conclusao strong{color:var(--c-titulo)}
.conclusao span{font-size:14px;color:var(--c-apagado)}
.certificado-ok{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid var(--c-borda);border-left:4px solid var(--c-icone);border-radius:var(--raio);background:var(--c-cartao)}
.artigo .certificado-ok h2{margin:0 0 6px;font-size:20px}
.artigo .certificado-ok h2::before{display:none}
.certificado-ok p{margin:0 0 6px;color:var(--c-corpo)}
.certificado-ok small{color:var(--c-apagado);letter-spacing:.08em}
.conferir-certificado .form-control{flex:1 1 220px;max-width:340px;text-transform:uppercase}
.aula-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.aula-nav-item{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);color:var(--c-titulo);text-decoration:none}
.aula-nav-item:hover{border-color:var(--c-link);color:var(--c-titulo)}
.aula-nav-item small{font-size:13px;color:var(--c-apagado)}
.aula-nav-item.proxima{text-align:right}
@media (max-width:575.98px){.aula-nav{grid-template-columns:1fr}.aula-nav-item.proxima{text-align:left}}
.evento-acesso{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border:1px solid var(--c-borda);border-left:4px solid var(--c-icone);border-radius:0 12px 12px 0;background:var(--c-cartao-2);font-size:14.5px;color:var(--c-corpo)}
.evento-acesso>.bi{font-size:20px;color:var(--c-icone)}
.evento-acesso strong{color:var(--c-titulo)}
.evento-acesso a{word-break:break-all}
.evento-acesso small{display:block;margin-top:4px;font-size:13px;color:var(--c-apagado)}
.assinatura{display:flex;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.assinatura>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.assinatura small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-apagado)}
.assinatura strong{color:var(--c-titulo)}
.assinatura a{font-size:14px}
.assinatura-registro{font-size:13.5px;color:var(--c-corpo)}
.assinatura-registro .bi{color:var(--c-icone)}
.lista-quem-vai{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.lista-quem-vai li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--c-borda);border-radius:12px;background:var(--c-cartao)}
.lista-quem-vai .selo-tipo{margin-top:0}
.lista-quem-vai small{margin-left:auto;font-size:13px;color:var(--c-apagado)}
/* ------------------------------------------------------------------ */
/* Imagens anexadas (conversa e resposta)                              */
/* ------------------------------------------------------------------ */
.anexos{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.anexo{position:relative;width:132px;height:132px;border-radius:12px;overflow:hidden;border:1px solid var(--c-borda);background:var(--c-cartao-2)}
.anexo a{display:block;width:100%;height:100%}
.anexo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.anexo a:hover img{transform:scale(1.04)}
.anexo-remover{position:absolute;top:6px;right:6px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:rgba(14,26,28,.72);color:#fff}
.anexo-tirar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;font-size:13px;font-weight:700;background:var(--c-cartao);border-top:1px solid var(--c-borda);color:var(--c-titulo);cursor:pointer}
.anexo-tirar .form-check-input{margin:0}
.anexos-previa{margin-top:10px}
.anexos-edicao{margin:4px 0 12px}
.campo-imagens{margin-top:12px}
.campo-imagens-botao{display:inline-flex;align-items:center;gap:8px}
.visualizador{position:relative;background:transparent;border:0;align-items:center}
.visualizador img{max-width:100%;max-height:85vh;border-radius:12px;object-fit:contain}
.visualizador-fechar{position:absolute;top:-36px;right:0;opacity:1}
@media (max-width:575.98px){.anexo{width:calc(50% - 5px);height:auto;aspect-ratio:1}}

/* ------------------------------------------------------------------ */
/* Artigos de membros: meus artigos e a revisao da equipe              */
/* ------------------------------------------------------------------ */
.revisao-recado{display:block;margin-top:6px;padding:8px 12px;border-left:3px solid var(--folha);border-radius:0 8px 8px 0;background:var(--c-cartao-2);font-size:14px;line-height:1.5;color:var(--c-corpo);white-space:normal}
.diferenca{max-height:520px;overflow:auto;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);font-family:var(--bs-font-monospace);font-size:13px;line-height:1.55}
.diferenca>div{display:flex;gap:10px;min-height:1.55em;padding:2px 14px;color:var(--c-corpo)}
.diferenca-marca{flex:0 0 1ch;font-weight:700}
/* so o texto da linha guarda os espacos: os do template (entre os spans) nao aparecem */
.diferenca-texto{min-width:0;white-space:pre-wrap;word-break:break-word}
.diferenca-entrou{background:var(--c-entrou-fundo);color:var(--c-entrou-texto)!important}
.diferenca-saiu{background:var(--c-saiu-fundo);color:var(--c-saiu-texto)!important}
.diferenca-saiu .diferenca-texto{text-decoration:line-through;text-decoration-color:var(--c-saiu-texto)}
.diferenca-pulo{color:var(--c-apagado)!important;font-style:italic;background:var(--c-cartao-2)}
.revisao-previa{padding:22px 24px;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.revisao-capa{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:12px;margin-bottom:16px}
.revisao-publico{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-apagado)}
.revisao-titulo{margin:6px 0 0;font-size:26px;font-weight:800;letter-spacing:-.02em}
.revisao-resumo{margin:8px 0 18px;font-size:17px;line-height:1.5;color:var(--c-apagado)}
.revisao-decisao{padding:18px 20px}

@media (max-width:575.98px){
  .evento-info>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .evento-data.grande{width:60px;padding:10px 0}
  .evento-data.grande strong{font-size:24px}
}

/* ------------------------------------------------------------------ */
/* Busca geral (/buscar)                                               */
/* ------------------------------------------------------------------ */
.busca-geral{display:flex;gap:10px}
.busca-geral .form-control{flex:1;min-width:0}
@media (max-width:575.98px){.busca-geral .btn{padding-left:.9rem;padding-right:.9rem}}
.artigo>p.busca-resumo{margin-top:18px;font-size:15px;color:var(--c-apagado)}
.artigo h2 .aba-contagem{font-size:13px;font-weight:700}
.lista-busca{list-style:none;margin-bottom:0;padding:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao)}
.busca-item{display:flex;flex-direction:column;gap:4px;padding:14px 18px}
.busca-item+.busca-item{border-top:1px solid var(--c-borda)}
.busca-item-titulo{font-size:16.5px;font-weight:700;line-height:1.35;color:var(--c-titulo);text-decoration:none}
.busca-item-titulo:hover{color:var(--c-link);text-decoration:underline}
.busca-item-meta{font-size:13px;color:var(--c-apagado)}
.busca-item-trecho{margin:2px 0 0;font-size:14.5px;line-height:1.55;color:var(--c-corpo)}
/* a palavra encontrada (ts_headline acha "cadernos" quando a busca foi "caderno") */
.busca-item-trecho mark{padding:0 2px;border-radius:3px;background:var(--c-ativo-fundo);color:var(--c-titulo)}
.busca-todos{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;text-decoration:none}
.artigo>p.busca-todos{font-size:14px;font-weight:400}

/* ------------------------------------------------------------------ */
/* Equipe: editor de Markdown e listas                                 */
/* ------------------------------------------------------------------ */
.editor-grade{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
@container (max-width:900px){.editor-grade{grid-template-columns:minmax(0,1fr)}}
.editor-lateral{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--topo) + 20px)}
.editor-lateral .cartao{padding:18px}
.editor-md .form-label{display:block}
.editor-barra{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:6px;border:1px solid var(--c-borda);border-bottom:0;border-radius:12px 12px 0 0;background:var(--c-cartao-2)}
.editor-abas{display:flex;gap:4px}
.editor-abas button,.editor-botoes button{min-height:36px;padding:4px 12px;border:0;border-radius:8px;background:none;color:var(--c-apagado);font:inherit;font-size:14px;font-weight:600}
.editor-abas button[aria-selected="true"]{background:var(--c-cartao);color:var(--c-titulo);box-shadow:0 1px 3px rgba(14,26,28,.08)}
.editor-botoes{display:flex;flex-wrap:wrap;gap:2px}
.editor-botoes button{width:36px;padding:0;font-size:17px}
.editor-botoes button:hover,.editor-abas button:hover{color:var(--c-titulo);background:var(--c-cartao)}
.editor-botoes button:disabled{opacity:.35;pointer-events:none}
.editor-texto{border-radius:0 0 12px 12px;font-family:var(--mono);font-size:14.5px;line-height:1.65;min-height:420px;resize:vertical}
.editor-previa{min-height:420px;padding:4px 20px 24px;border:1px solid var(--c-borda);border-radius:0 0 12px 12px;background:var(--c-cartao)}
.capa-previa{aspect-ratio:1200/630;border-radius:10px;overflow:hidden;background:var(--c-cartao-2);border:1px dashed var(--c-borda-forte);display:grid;place-items:center}
.capa-previa img{width:100%;height:100%;object-fit:cover}
.capa-previa span{display:flex;gap:8px;align-items:center;color:var(--c-apagado);font-size:14px}
.texto-perigo{--bs-btn-color:#c03030;--bs-btn-hover-color:#c03030;--bs-btn-hover-border-color:#c03030}
[data-bs-theme=dark] .texto-perigo{--bs-btn-color:#f08a8a;--bs-btn-hover-color:#f08a8a;--bs-btn-hover-border-color:#f08a8a}

.lista-admin{list-style:none;margin-bottom:0;padding:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);overflow:hidden}
.lista-admin li+li{border-top:1px solid var(--c-borda)}
.lista-admin-item{display:flex;align-items:center;gap:16px;padding:14px 18px;color:inherit;text-decoration:none}
.lista-admin-item:hover{background:var(--c-cartao-2);color:inherit}
.lista-admin-item>.bi{color:var(--c-apagado)}
.lista-admin-ordem{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--c-cartao-2);color:var(--c-apagado);flex:0 0 auto}
.lista-admin-titulo{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.lista-admin-titulo strong{color:var(--c-titulo)}
.lista-admin-titulo small{font-size:13px;color:var(--c-apagado);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista-admin-estado{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}
.lista-admin-estado small{font-size:12.5px;color:var(--c-apagado)}
.selo-situacao{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700}
.selo-publicado{background:rgba(10,128,84,.14);color:#0a8054}
[data-bs-theme=dark] .selo-publicado{color:#5fd3a5}
.selo-agendado{background:var(--c-icone-fundo);color:var(--c-icone)}
.selo-rascunho{background:var(--c-ativo-fundo);color:var(--c-ativo-texto)}

/* ------------------------------------------------------------------ */
/* Equipe: conferir registros (admin/registros)                        */
/* ------------------------------------------------------------------ */
.lateral-contagem{margin-left:auto;min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--folha);color:#0e1a1c}
.barra-filtros{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.abas{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border:1px solid var(--c-borda);border-radius:14px;background:var(--c-cartao-2)}
.aba{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--c-apagado);text-decoration:none}
.aba:hover{color:var(--c-titulo)}
.aba.ativa{background:var(--c-cartao);color:var(--c-titulo);box-shadow:0 1px 3px rgba(14,26,28,.08)}
.aba-contagem{padding:1px 8px;border-radius:999px;font-size:12px;background:var(--c-borda);color:var(--c-titulo)}
.aba.ativa .aba-contagem{background:var(--c-ativo-fundo);color:var(--c-ativo-texto)}
.busca-lista{display:flex;gap:8px;width:min(100%,360px)}
/* Busca + botao do lado direito da barra; a busca encolhe antes de o botao cair de linha */
.barra-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:1 1 320px}
.barra-acoes .busca-lista{flex:1 1 200px;width:auto;max-width:360px}
.lista-registros{list-style:none;margin-bottom:0;padding:0;border:1px solid var(--c-borda);border-radius:var(--raio);background:var(--c-cartao);overflow:hidden}
.lista-registros li+li{border-top:1px solid var(--c-borda)}
.registro-linha{display:grid;grid-template-columns:44px minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr) 16px;align-items:center;gap:16px;padding:14px 18px;color:inherit;text-decoration:none;transition:background .15s}
.registro-linha:hover{background:var(--c-cartao-2);color:inherit}
.registro-linha>.bi{color:var(--c-apagado)}
.registro-quem,.registro-numero,.registro-quando{display:flex;flex-direction:column;gap:3px;min-width:0}
.registro-quem strong,.registro-numero strong{color:var(--c-titulo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.registro-quem small,.registro-numero small,.registro-quando small{font-size:13px;color:var(--c-apagado);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.registro-quando{align-items:flex-start}
@media (max-width:767.98px){
  .registro-linha{grid-template-columns:44px minmax(0,1fr) 16px;row-gap:8px}
  .registro-numero,.registro-quando{grid-column:2}
  .registro-linha>.bi{grid-column:3;grid-row:1}
}

.conferencia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
@container (max-width:860px){.conferencia{grid-template-columns:minmax(0,1fr)}}
.artigo h2.titulo-cartao{display:block;margin:0 0 16px;font-size:17px}
.artigo h2.titulo-cartao::before{display:none}
.registro-dados{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 18px;margin-bottom:0;font-size:15px}
.registro-dados dt{font-weight:600;color:var(--c-apagado)}
.registro-dados dd{margin:0;color:var(--c-titulo);overflow-wrap:anywhere}
.registro-numero-grande{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.registro-numero-grande>span{font-size:20px;font-weight:800;letter-spacing:.01em}
.consultas-titulo{margin:22px 0 10px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-apagado)}
.consultas{display:flex;flex-direction:column;gap:8px}
.consultas .btn{justify-content:flex-start}
.escolha-coluna .escolha-item{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;align-items:center}
.escolha-coluna .escolha-item .bi{grid-row:span 2}

.previa-perfil-topo{display:flex;gap:16px;align-items:center}
.previa-perfil-topo strong{display:block;font-size:18px;color:var(--c-titulo)}
.previa-perfil-topo div>span{display:block;font-size:14px;color:var(--c-apagado)}
.previa-perfil-topo div>em{display:block;margin-top:4px;font-style:normal;color:var(--c-corpo)}
.previa-bio{margin:16px 0 0;white-space:pre-line;font-size:15.5px;line-height:1.65;color:var(--c-corpo)}
.previa-vazio{margin:16px 0 0;color:var(--c-apagado);font-style:italic}

.historico{list-style:none;margin-bottom:0;padding:0 0 0 18px;border-left:2px solid var(--c-borda);display:flex;flex-direction:column;gap:18px}
.historico li{position:relative}
.historico li::before{content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--c-cartao);border:2px solid var(--folha)}
.historico-quem{margin-left:8px;font-size:14px;color:var(--c-apagado)}
.historico small{display:block;margin-top:4px;color:var(--c-apagado)}
.historico p{margin:6px 0 0;font-size:15px;color:var(--c-corpo)}

/* ------------------------------------------------------------------ */
/* Telas de acesso (layouts/acesso)                                    */
/* ------------------------------------------------------------------ */
.acesso{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(380px,42%) minmax(0,1fr)}
.acesso-arte{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:40px clamp(32px,4vw,64px);color:#fff;background:radial-gradient(90% 70% at 90% 10%,rgba(217,146,79,.3),transparent 55%),linear-gradient(150deg,#062a2d 0%,var(--petroleo-fundo) 40%,var(--petroleo) 80%,var(--petroleo-claro) 100%)}
.acesso-roda{position:absolute;z-index:-1;width:min(780px,120%);right:-52%;bottom:-44%;opacity:.5;pointer-events:none}
.acesso-arte-texto{max-width:30rem}
.acesso-sobrelinha{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--folha);margin:0 0 14px}
.acesso-arte h2{color:#fff;font-size:clamp(30px,2.8vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:0}
.acesso-arte ul{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:14px}
.acesso-arte li{display:flex;gap:12px;align-items:center;font-size:16px;color:rgba(255,255,255,.88)}
.acesso-arte li .bi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:var(--folha);font-size:17px;flex:0 0 auto}
.acesso-arte-pe{margin:0;font-size:14px;color:rgba(255,255,255,.7)}
.marca-clara .marca-nome strong{color:#fff}
.marca-clara .marca-nome small{color:var(--folha)}
.marca-clara .marca-selo{border-color:transparent}

.acesso-lado{display:flex;flex-direction:column;padding:20px clamp(16px,4vw,48px) 40px;background:var(--c-fundo)}
.acesso-topo{display:flex;justify-content:space-between;align-items:center}
.acesso-voltar{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--c-apagado);text-decoration:none;min-height:var(--toque)}
.acesso-voltar:hover{color:var(--c-link)}
.acesso-caixa{width:100%;max-width:460px;margin:auto;padding:28px 0}
.acesso-titulo{font-size:clamp(28px,3vw,34px);font-weight:800;letter-spacing:-.02em;margin:0}
.acesso-sub{margin:8px 0 26px;font-size:16px;line-height:1.6;color:var(--c-apagado)}
.acesso-pe{margin:26px 0 0;text-align:center;font-size:15px;color:var(--c-apagado)}
.acesso-pe a{font-weight:700}
.acesso-caixa .icone-quadro{width:52px;height:52px;font-size:24px}
.acesso-caixa .form-check+a{font-size:.9375rem;font-weight:600}

.btn-google{gap:12px;font-weight:700}
.divisor-ou{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--c-apagado);font-size:13.5px}
.divisor-ou::before,.divisor-ou::after{content:"";flex:1;height:1px;background:var(--c-borda)}
.botao-senha{min-width:var(--toque);--bs-btn-padding-x:.75rem;color:var(--c-apagado)}

/* Profissional / estudante: radio escondido, cartao clicavel */
.escolha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.escolha-item{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1.5px solid var(--c-borda);border-radius:14px;background:var(--c-cartao);cursor:pointer;transition:border-color .15s,background .15s}
.escolha-item:hover{border-color:var(--c-borda-forte)}
.escolha-item .bi{font-size:20px;color:var(--c-icone)}
.escolha-item strong{font-size:15px;color:var(--c-titulo)}
.escolha-item small{font-size:13px;line-height:1.45;color:var(--c-apagado)}
.escolha-item:has(input:checked){border-color:var(--folha);background:var(--c-ativo-fundo)}
.escolha-item:has(input:checked) .bi{color:var(--c-ativo-texto)}
.escolha-item:has(input:checked)::after{content:"\F26A";font-family:bootstrap-icons;position:absolute;top:10px;right:12px;color:var(--folha);font-size:17px}
.escolha-item:has(input:focus-visible){outline:2px solid var(--c-link);outline-offset:2px}
.escolha.is-invalid .escolha-item{border-color:#d03b3b}
.conta-google{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:20px;border:1px solid var(--c-borda);border-radius:14px;background:var(--c-cartao-2)}
.conta-google strong{display:block;color:var(--c-titulo)}
.conta-google small{color:var(--c-apagado)}

@media (max-width:991.98px){
  .acesso{grid-template-columns:minmax(0,1fr)}
  .acesso-arte{display:none}
}
@media (max-width:420px){.escolha{grid-template-columns:minmax(0,1fr)}}

/* ------------------------------------------------------------------ */
/* Rodape                                                              */
/* ------------------------------------------------------------------ */
.rodape{margin:72px 12px 0;padding:24px 0 calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--c-borda);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;font-size:13.5px}
.rodape-marca{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.rodape-powered{display:flex;flex-direction:column;gap:3px;border-left:1px solid var(--c-borda);padding-left:18px}
.rodape-powered span{font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--c-apagado);font-family:var(--mono)}
.rodape-powered img{height:20px;width:auto;filter:brightness(0);opacity:.55;transition:opacity .2s}
[data-bs-theme=dark] .rodape-powered img{filter:brightness(0) invert(1);opacity:.6}
.rodape-powered a:hover img{opacity:.85}
.rodape-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.rodape-links a{color:var(--c-apagado);text-decoration:none}
.rodape-links a:hover{color:var(--c-link)}
.rodape-copia{flex-basis:100%;font-size:12px;color:var(--c-apagado);font-family:var(--mono)}

/* ------------------------------------------------------------------ */
/* Responsivo                                                          */
/* ------------------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (min-width:1600px){
  :root{--lateral:288px;--indice:240px}
  .casca{padding:28px 32px 0;gap:32px}
  .barra-topo-in{padding:0 32px}
}
@media (max-width:1279.98px){
  .pagina{grid-template-columns:minmax(0,1fr)}
  .indice{display:none!important}
}
@media (max-width:991.98px){
  .casca{grid-template-columns:minmax(0,1fr);padding:16px 16px 0}
  .barra-topo-in{padding:0 12px 0 6px;gap:8px}
}
@media (max-width:767.98px){
  .busca-topo{display:none}
  .destaque{grid-template-columns:minmax(0,1fr)}
  .pagina{padding:26px 2px 0}
  .banner{min-height:150px;padding:32px 16px;border-radius:16px}
  .banner-roda{width:340px;height:340px;left:-230px;opacity:.45}
  .banner-roda.dir{display:none}
  .subtitulo{font-size:17px}
  .rodape{margin-left:2px;margin-right:2px}
}
@media (max-width:420px){
  .marca-nome strong{font-size:16px}
  /* Logado sao 4 botoes de 44px a direita (busca, tema, sininho, conta): o respiro sai do espaco entre eles */
  .barra-topo-in,.barra-topo .acoes{gap:2px}
}
@media (max-width:374.98px){
  .barra-topo-in{padding:0 4px}
  .marca-nome strong{font-size:15px}
  .banner-titulo .leve{letter-spacing:.28em}
  .banner-titulo .forte{letter-spacing:.16em}
}

/* ------------------------------------------------------------------ */
/* Sem conexao (PWA): a pagina que o service worker guarda             */
/* ------------------------------------------------------------------ */
.sem-conexao{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 16px;text-align:center;background:var(--c-fundo)}
.sem-conexao .marca-selo{width:64px;height:64px;border-radius:18px}
.sem-conexao .marca-selo img{width:44px;height:44px}
.sem-conexao h1{margin:6px 0 0;font-size:28px;font-weight:800;color:var(--c-titulo)}
.sem-conexao p{max-width:420px;margin:0;color:var(--c-apagado);font-size:17px;line-height:1.6}