/* ═══════════════════════════════════════════════════════════════
   GUIA DE PREPARO — DESIGN SYSTEM
   Escrito a partir do modelo marrom. Seis degraus de tipografia,
   uma escala de espaço, dois raios de canto. Nada mais.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* cor */
  --papel:#FDFBF8;      /* fundo geral */
  --superficie:#F5F2ED; /* faixas e ferramentas */
  --areia:#E9E1D9;      /* convites */
  --greige:#DDD4CD;     /* bordas de campo */
  --linha:#E4DCD5;      /* fios */
  --tinta:#5C4A46;      /* títulos */
  --texto:#4A3F3C;      /* corpo */
  --suave:#6B5E59;      /* secundário */
  --marrom:#5C4A46;     /* acento — botões, rodapé */
  --sobre-marrom:#FDFBF8;
  --rotulo:#856118;     /* rótulos pequenos, legível */
  --fio:#C9A06B;        /* dourado dos filetes */
  --dourado-claro:#E0C7A6;
  --vinho:#4B2245;      /* citações */
  --liberado:#4F6357;   /* verde: significado, não marca */
  --evitar:#8C5A3C;

  /* tipografia — seis degraus */
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --num:'Work Sans',-apple-system,'Segoe UI',Roboto,sans-serif;  /* cartão e números */
  --t-rotulo:10.5px;   /* rótulos em caixa alta */
  --t-apoio:14px;      /* legendas */
  --t-corpo:15.5px;    /* leitura */
  --t-linha:21px;      /* títulos de linha */
  --t-secao:30px;      /* títulos de seção */
  --t-topo:41px;       /* título da página */

  /* espaço — uma escala só */
  --e1:6px; --e2:12px; --e3:20px; --e4:32px; --e5:52px; --e6:76px;

  /* forma */
  --raio:14px;
  --coluna:720px;   /* coluna de leitura */
  --largura:1100px; /* faixas largas */
  --topo:60px;      /* altura do cabeçalho */
  --topo2:100px;    /* cabeçalho + navegação rápida */
  color-scheme:light;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--papel);color:var(--texto);font-family:var(--sans);font-weight:300;
  font-size:var(--t-corpo);line-height:1.7;-webkit-font-smoothing:antialiased;
  transition:background-color .6s ease}
/* ao escolher o exame, o papel esquenta um grau — a página inteira
   muda de temperatura sem que nada se mexa de lugar */
html[data-exame="us"]{           /* ultrassonografia — areia, mais quente */
  --papel:#FDFAF4; --superficie:#F6F0E5; --areia:#EEE5D5; --linha:#EBE1D0; --greige:#E1D7C5}
html[data-exame="rm"]{           /* ressonância — malva, mais fria */
  --papel:#FAF6F6; --superficie:#EFE7E7; --areia:#E4D9D8; --linha:#E2D5D4; --greige:#D8C9C8}
.secao,.rapida,.cabecalho,.campo,.chip,.convite{transition:background-color .6s ease,border-color .6s ease}
h1,h2,h3,h4{font-family:var(--serif);color:var(--tinta);font-weight:500;line-height:1.18;
  text-wrap:balance;letter-spacing:.005em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
[hidden]{display:none!important}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- estruturas de largura ---------- */
.coluna{max-width:var(--coluna);margin:0 auto;padding:0 22px}
.larga{max-width:var(--largura);margin:0 auto;padding:0 22px}

/* ---------- rótulos e fios ---------- */
.rotulo{font-family:var(--sans);font-weight:500;font-size:var(--t-rotulo);letter-spacing:.24em;
  text-transform:uppercase;color:var(--rotulo)}
.fio{width:44px;height:1px;background:var(--fio);border:0;margin:var(--e2) 0 var(--e3)}
.apoio{font-size:var(--t-apoio);color:var(--suave)}

/* ---------- ritmo das seções ---------- */
.secao{padding:var(--e6) 0}
.secao.creme{background:var(--superficie);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.secao + .secao:not(.creme){border-top:1px solid var(--linha)}
.cabeca{margin-bottom:var(--e4)}
.cabeca h2{font-size:var(--t-secao);margin-top:var(--e1)}
.cabeca .qual{font-size:var(--t-apoio);color:var(--suave);font-style:italic;margin-top:var(--e2)}
section[id]{scroll-margin-top:calc(var(--topo2) + 16px)}

/* ---------- botões ---------- */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 26px;border-radius:999px;border:1px solid var(--marrom);
  background:var(--marrom);color:var(--sobre-marrom);
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;
  transition:opacity .2s}
.bt:hover{opacity:.86}
.bt.vazio{background:transparent;color:var(--marrom)}
.bt.vazio:hover{background:var(--superficie);opacity:1}
.bt svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}

/* ---------- cabeçalho ---------- */
.cabecalho{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--papel) 94%,transparent);
  backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.cab-in{max-width:var(--largura);margin:0 auto;padding:9px 22px;display:flex;align-items:center;gap:14px}
.cab-marca{display:flex;align-items:center;gap:11px}
.cab-marca img{height:40px;width:auto;flex:none}
.cab-nome{font-family:var(--serif);font-size:16px;color:var(--tinta);line-height:1.15}
.cab-nome span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--suave);font-weight:400}
@media(max-width:520px){ .cab-nome{display:none} }

/* ---------- navegação rápida ---------- */
.rapida{position:sticky;top:var(--topo);z-index:70;background:var(--papel);
  border-bottom:1px solid var(--linha)}
.rapida-in{display:flex;overflow-x:auto;max-width:var(--largura);margin:0 auto;padding:0 12px;
  scrollbar-width:none}
.rapida-in::-webkit-scrollbar{display:none}
.rapida a{flex:none;padding:12px 16px;font-size:var(--t-rotulo);letter-spacing:.16em;
  text-transform:uppercase;color:var(--suave);white-space:nowrap;font-weight:500;
  border-bottom:1.5px solid transparent;transition:color .2s}
.rapida a:hover{color:var(--tinta);border-bottom-color:var(--fio)}
.rapida .pdf-topo{display:inline-flex;align-items:center;gap:7px;color:var(--rotulo);
  border-bottom-color:transparent}
.rapida .pdf-topo svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.7}
.rapida .pdf-topo:hover{color:var(--tinta);border-bottom-color:var(--fio)}
@media(min-width:900px){ .rapida .pdf-topo{margin-left:auto} }

/* ---------- faixa do exame escolhido ----------
   O aviso em palavras, não em cor: acompanha a rolagem até o fim
   e não depende de a paciente reparar em nuance nenhuma. */
.faixa-exame{position:sticky;top:var(--topo2);z-index:65;background:var(--marrom);
  color:var(--sobre-marrom)}
.faixa-exame-in{max-width:var(--largura);margin:0 auto;padding:9px 22px;
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;text-align:center}
.faixa-exame b{font-weight:500;letter-spacing:.16em}
.faixa-exame .trocar{border-bottom:1px solid rgba(253,251,248,.45);opacity:.8;
  letter-spacing:.12em;cursor:pointer}
.faixa-exame .trocar:hover{opacity:1}
html:not([data-exame]) .faixa-exame{display:none}
@media(max-width:560px){ .faixa-exame-in{font-size:10px;letter-spacing:.1em;padding:8px 16px} }

/* com a faixa, as âncoras precisam descer mais um degrau */
html[data-exame] section[id]{scroll-margin-top:calc(var(--topo2) + 52px)}

/* ---------- topo da página ---------- */
.topo-pag{padding:var(--e6) 0 var(--e5);text-align:center}
.topo-pag .marca{width:118px;height:auto;margin:0 auto var(--e4);opacity:.95}
.topo-pag h1{font-size:var(--t-topo);margin:var(--e2) 0 var(--e1)}
.topo-pag .sub{font-family:var(--serif);font-size:20px;font-style:italic;color:var(--suave);
  margin-bottom:var(--e2)}
.topo-pag .apoio{max-width:44ch;margin:0 auto}
@media(max-width:640px){ .topo-pag h1{font-size:31px} .topo-pag .sub{font-size:17px} }

.escolha{margin-top:var(--e5)}
.escolha .pg{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--suave);margin-bottom:var(--e2)}
.opcoes{display:inline-flex;gap:5px;padding:5px;background:var(--superficie);
  border:1px solid var(--greige);border-radius:999px}
.opcoes button{padding:13px 26px;border-radius:999px;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--suave);white-space:nowrap;transition:.22s}
.opcoes button[aria-pressed="true"]{background:var(--marrom);color:var(--sobre-marrom)}
.acoes{display:flex;gap:var(--e2);justify-content:center;flex-wrap:wrap;margin-top:var(--e4)}
@media(max-width:560px){
  .opcoes{display:flex;width:100%}
  .opcoes button{flex:1;padding:13px 6px;font-size:11px}
  .acoes{flex-direction:column}
}

/* ---------- ferramenta de dúvidas ---------- */
.ferramenta h2{font-size:var(--t-secao);margin:var(--e1) 0 var(--e2);line-height:1.16}
.ferramenta .apoio{max-width:52ch;margin:0 0 var(--e4)}
.campo{display:flex;align-items:center;gap:12px;background:var(--papel);
  border:1px solid var(--greige);border-radius:999px;padding:4px 22px}
.q-ajuda{font-size:var(--t-apoio);color:var(--suave);margin-top:var(--e2)}
.q-freq{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--suave);margin:var(--e4) 0 var(--e2)}
.campo svg{flex:none;width:19px;height:19px;stroke:var(--suave);fill:none;stroke-width:1.6}
.campo input{flex:1;border:0;background:none;font:300 16px/1 var(--sans);color:var(--texto);
  padding:17px 0;min-width:0}
.campo input::placeholder{color:#A99E98}
.campo input:focus{outline:none}
.campo:focus-within{border-color:var(--fio);box-shadow:0 0 0 3px rgba(92,74,70,.10)}
.atalhos{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--greige);
  background:var(--papel);border-radius:999px;padding:9px 17px;font-size:13.5px;
  color:var(--texto);transition:.2s}
.chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--fio);flex:none}
.chip:hover{border-color:var(--fio);color:var(--tinta)}

/* ---------- linha do tempo ---------- */
.trilha{list-style:none;display:grid;gap:var(--e3);margin-top:var(--e4)}
.trilha li{position:relative;padding-left:26px;border-left:1px solid var(--linha)}
.trilha li::before{content:"";position:absolute;left:-4px;top:8px;width:7px;height:7px;
  border-radius:50%;background:var(--fio)}
.t-q{display:block;font-size:var(--t-rotulo);letter-spacing:.16em;text-transform:uppercase;
  color:var(--rotulo);font-weight:500;margin-bottom:var(--e1)}
.t-t{display:block;line-height:1.62}
.t-ver{display:inline-block;margin-top:var(--e1);font-size:13.5px;color:var(--marrom);
  border-bottom:1px solid var(--dourado-claro)}
@media(min-width:860px){
  .trilha{grid-auto-flow:column;grid-auto-columns:1fr;gap:0}
  .trilha li{padding:24px 18px 0;border-left:1px solid var(--linha)}
  .trilha li:first-child{padding-left:0}
  .trilha li::before{left:18px;top:0}
  .trilha li:first-child::before{left:0}
  .t-t{font-size:14px}
}

/* ---------- resumo em uma imagem (rodapé da linha do tempo) ---------- */
.resumo{display:flex;align-items:center;gap:var(--e4);flex-wrap:wrap;
  margin-top:var(--e5);padding-top:var(--e4);border-top:1px solid var(--linha)}
.resumo-mini{flex:none;width:120px;border-radius:10px;overflow:hidden;
  /* o cartão é uma peça impressa: fica sobre branco neutro e não
     acompanha o tom do exame, senão a borda briga com a arte */
  background:#FFFFFF;border:1px solid #E2DAD2;
  box-shadow:0 1px 2px rgba(92,74,70,.06),0 10px 24px rgba(92,74,70,.09);
  transition:box-shadow .2s,border-color .2s}
.resumo-mini:hover{border-color:#D6C8B8;box-shadow:0 1px 2px rgba(92,74,70,.08),0 14px 30px rgba(92,74,70,.13)}
.resumo-mini img{width:100%;height:auto}
.resumo-tx{flex:1;min-width:260px}
.resumo-tx h3{font-size:23px;margin:var(--e1) 0 var(--e1)}
.resumo-tx p{font-size:var(--t-apoio);color:var(--suave);max-width:52ch}
.resumo-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--e3)}
@media(max-width:640px){
  .resumo{flex-direction:column;align-items:stretch}
  .resumo-mini{width:150px;margin:0 auto}
  .resumo-tx{text-align:center}
  .resumo-tx p{margin:0 auto}
  .resumo-acoes{justify-content:center}
}

/* ---------- cartão do exame: tipografia própria ----------
   A Jost é geométrica e trai nos algarismos (1 sem pé, 4 fechado,
   7 sem corte). O cartão inteiro usa a Work Sans, com algarismos
   de largura fixa para as colunas de data e horário não dançarem. */
#cartao, #cartao input, #cartao select, #cartao button, #cartao label{
  font-family:var(--num);font-variant-numeric:tabular-nums lining-nums}
#cartao h3{font-family:var(--serif)}

/* ---------- convite do cartão ---------- */
.convite{background:var(--areia);border-radius:var(--raio);padding:var(--e4) var(--e4);
  display:flex;gap:var(--e4);align-items:center;justify-content:space-between;flex-wrap:wrap}
.convite h3{font-size:24px;margin:var(--e1) 0}
.convite p{font-size:var(--t-apoio);color:var(--suave);max-width:46ch}
@media(max-width:640px){
  .convite{flex-direction:column;align-items:stretch;text-align:center;padding:var(--e4) var(--e3)}
}

/* ---------- linhas do "entender melhor" ---------- */
.linhas{list-style:none;border-top:1px solid var(--linha);margin-top:var(--e4)}
.linhas a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;
  gap:2px 20px;padding:19px 4px;border-bottom:1px solid var(--linha);transition:background .2s}
.linhas a:hover{background:color-mix(in srgb,var(--papel) 60%,transparent)}
.linhas .n{font-family:var(--serif);font-size:16px;font-variant-numeric:oldstyle-nums;
  letter-spacing:.06em;color:var(--fio)}
.linhas .tt{font-family:var(--serif);font-size:var(--t-linha);color:var(--tinta);line-height:1.25}
.linhas .ds{grid-column:2;font-size:13.5px;color:var(--suave);line-height:1.5}
.linhas .seta{grid-row:1/-1;grid-column:3;color:var(--suave);font-size:15px}
@media(min-width:800px){
  .linhas a{grid-template-columns:38px minmax(210px,.9fr) 1.3fr auto;gap:20px}
  .linhas .ds{grid-column:3;font-size:var(--t-apoio)}
  .linhas .seta{grid-column:4;grid-row:1}
}

/* ---------- carta ---------- */
.carta-cx{max-width:640px;margin:0 auto}
.carta-cx .retrato{max-width:200px;border-radius:var(--raio);margin:0 auto var(--e4)}
.carta-cx p{margin-bottom:var(--e3);line-height:1.75}
.carta-cx .frase{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--vinho);
  line-height:1.5;margin:var(--e4) 0}
.carta-cx .assinatura{height:46px;width:auto;margin:var(--e4) auto var(--e2)}
.carta-cx .assina-nome{font-family:var(--serif);font-size:19px;color:var(--tinta);text-align:center}
.carta-cx .assina-cargo{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--suave);text-align:center;margin-top:4px}
.carta-cx .creditos{border-top:1px solid var(--linha);margin-top:var(--e5);padding-top:var(--e3);
  font-size:13.5px;color:var(--suave);text-align:center}
.carta-cx .creditos a{border-bottom:1px solid var(--dourado-claro)}

/* ---------- fecho: a carta em uma frase ---------- */
.fecho{text-align:center}
.fecho .rotulo{display:inline-block;transition:color .2s}
.fecho a:hover .rotulo,.fecho .rotulo:hover{color:var(--tinta)}
.fecho .citacao{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--vinho);
  line-height:1.55;max-width:56ch;margin:var(--e3) auto 0}
.fecho .assinatura{height:52px;width:auto;margin:var(--e4) auto 0;opacity:.9;transition:opacity .2s}
.fecho a:hover .assinatura{opacity:1}
.fecho .ler{display:inline-block;margin-top:var(--e3);font-size:13.5px;color:var(--suave);
  border-bottom:1px solid var(--dourado-claro)}
@media(max-width:640px){ .fecho .citacao{font-size:19px} }

/* ---------- rodapé ---------- */
.rodape{background:var(--marrom);color:var(--sobre-marrom);padding:18px 22px;text-align:center}
.rodape .nome{font-size:10px;letter-spacing:.26em;text-transform:uppercase;opacity:.9;line-height:1.6}
.rodape .legal{font-size:10px;line-height:1.7;opacity:.5;margin-top:6px}

/* ---------- antes de escolher, a página para no topo ----------
   Sem exame selecionado a paciente veria as duas versões do preparo
   misturadas. Nada abaixo do topo aparece até ela escolher. */
html:not([data-exame]) body.indice main > section:not(.topo-pag){display:none}
html:not([data-exame]) body.indice .rapida,
html:not([data-exame]) body.indice .rodape{display:none}
.opcoes{transition:background-color .3s,border-color .3s}
html:not([data-exame]) .opcoes{background:transparent;border-color:var(--marrom)}
html:not([data-exame]) .opcoes button{border:1px solid var(--greige);background:var(--papel);
  color:var(--tinta)}
html:not([data-exame]) .opcoes button:hover{border-color:var(--marrom);background:var(--superficie)}
.pedido{font-size:var(--t-apoio);color:var(--suave);font-style:italic;margin-top:var(--e3)}
html[data-exame] .pedido{display:none}

/* ---------- filtro por exame ---------- */
[data-exame="us"] [data-so="rm"]{display:none}
[data-exame="rm"] [data-so="us"]{display:none}
/* ═══════════ COMPONENTES DAS PÁGINAS INTERNAS ═══════════ */

/* volta para o guia */
.volta{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-rotulo);
  letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-bottom:var(--e4)}
.volta:hover{color:var(--tinta)}
.volta::before{content:"\2190"}

/* título da página interna */
.capa{padding:var(--e6) 0 var(--e5);border-bottom:1px solid var(--linha)}
.capa h1{font-size:36px;margin:var(--e1) 0 0}
.capa .fio{margin:var(--e3) 0 0}
@media(max-width:640px){ .capa h1{font-size:29px} }

/* texto corrido */
.texto h2{font-size:26px;margin:var(--e5) 0 var(--e3)}
.texto h3{font-size:21px;margin:var(--e4) 0 var(--e2)}
.texto p{margin-bottom:var(--e3)}
.texto p:last-child{margin-bottom:0}
.texto b{font-weight:500;color:var(--tinta)}

/* figura */
.texto figure{margin:var(--e4) 0}
.texto figure img{width:100%;height:auto;border-radius:var(--raio);border:1px solid var(--linha)}
.texto figcaption{font-size:13px;color:var(--suave);line-height:1.6;margin-top:var(--e2);
  padding-left:var(--e2);border-left:1px solid var(--fio)}

/* nota lateral — substitui as caixas com borda do guia antigo */
.nota{border-left:2px solid var(--fio);padding:var(--e1) 0 var(--e1) var(--e3);margin:var(--e4) 0}
.nota .r{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--rotulo);font-weight:500;margin-bottom:var(--e2)}
.nota p:last-child{margin-bottom:0}
.nota.forte{background:var(--superficie);border-left-color:var(--marrom);
  padding:var(--e3) var(--e3) var(--e3) var(--e3);border-radius:0 var(--raio) var(--raio) 0}

/* pilares */
.pilares{display:grid;gap:var(--e4);margin:var(--e4) 0}
@media(min-width:760px){ .pilares{grid-template-columns:repeat(3,1fr);gap:var(--e4)} }
.pilar{border-top:1px solid var(--fio);padding-top:var(--e3)}
.pilar h4{font-size:19px;margin-bottom:var(--e2);line-height:1.25}
.pilar p{font-size:var(--t-apoio);color:var(--suave);line-height:1.65}

/* rodapé de navegação entre seções */
.entre{display:grid;gap:1px;margin-top:var(--e6);background:var(--linha);
  border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
@media(min-width:640px){ .entre{grid-template-columns:1fr 1fr} }
.entre a{display:block;background:var(--papel);padding:22px 24px;transition:background .2s}
.entre a:hover{background:var(--superficie)}
.entre .rt{display:block;font-family:var(--sans);font-weight:500;font-size:var(--t-rotulo);
  letter-spacing:.2em;text-transform:uppercase;color:var(--rotulo);margin-bottom:var(--e1)}
.entre .tt{display:block;font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--tinta)}
.entre .prox{text-align:right}
@media(max-width:639px){ .entre .prox{text-align:left} }

/* ---------- página da carta ---------- */
.texto .retrato{max-width:210px;border-radius:var(--raio);margin:0 auto var(--e5)}
.texto .frase{font-family:var(--serif);font-size:23px;font-style:italic;color:var(--vinho);
  line-height:1.5;margin:var(--e5) 0;text-align:center}
.texto .assinatura{height:52px;width:auto;margin:var(--e5) auto var(--e2)}
.texto .assina-nome{font-family:var(--serif);font-size:20px;color:var(--tinta);text-align:center}
.texto .assina-cargo{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--suave);text-align:center;margin-top:4px}
.texto .creditos{border-top:1px solid var(--linha);margin-top:var(--e5);padding-top:var(--e3);
  font-size:13.5px;color:var(--suave);text-align:center;line-height:1.65}
.texto .creditos a{border-bottom:1px solid var(--dourado-claro)}

/* ═══════════ COMPONENTES DO GUIA ═══════════
   Tratamento editorial: fio fino no lugar de caixa, espaço em vez de
   moldura, e números grandes como marcação de página de revista.
   ═══════════════════════════════════════════ */

.cx{display:block}

/* ---------- par rótulo / valor ---------- */
.lin{display:grid;gap:2px 26px;padding:19px 0;border-bottom:1px solid var(--linha)}
.lin:first-of-type{border-top:1px solid var(--linha)}
.lin .k{font-size:var(--t-rotulo);letter-spacing:.18em;text-transform:uppercase;
  color:var(--rotulo);font-weight:500;padding-top:3px}
.lin .v{line-height:1.65}
.lin .v b{font-weight:500;color:var(--tinta)}
@media(min-width:720px){ .lin{grid-template-columns:200px 1fr} }
.linhas{margin:var(--e4) 0}

/* ---------- sanfona de grupos (alimentos) ---------- */
details.grupo{border-bottom:1px solid var(--linha)}
details.grupo:first-of-type{border-top:1px solid var(--linha)}
details.grupo > summary{list-style:none;cursor:pointer;padding:17px 34px 17px 0;position:relative;
  font-family:var(--serif);font-size:var(--t-linha);color:var(--tinta);line-height:1.3}
details.grupo > summary::-webkit-details-marker{display:none}
details.grupo > summary::after{content:"";position:absolute;right:6px;top:50%;
  width:11px;height:11px;margin-top:-6px;
  background:linear-gradient(var(--fio),var(--fio)) center/11px 1px no-repeat,
             linear-gradient(var(--fio),var(--fio)) center/1px 11px no-repeat;
  transition:transform .25s ease}
details.grupo[open] > summary::after{transform:rotate(45deg);opacity:.7}
details.grupo > summary:hover{color:var(--rotulo)}
details.grupo .conteudo{padding:0 0 20px;color:var(--texto);line-height:1.7;max-width:62ch}
details.grupo .conteudo strong{font-weight:500;color:var(--tinta)}
/* o grupo do "deixe de fora" ganha um fio de alerta à esquerda */
details.grupo.no > summary{padding-left:16px}
details.grupo.no{border-left:2px solid var(--evitar);padding-left:0}
details.grupo.no > summary,details.grupo.no .conteudo{padding-left:18px}

/* ---------- nota (era .caixa) ---------- */
.caixa{border-left:2px solid var(--fio);padding:2px 0 2px var(--e3);margin:var(--e5) 0}
.caixa .r{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--rotulo);font-weight:500;margin-bottom:var(--e2)}
.caixa p{margin-bottom:var(--e2);line-height:1.7}
.caixa p:last-child{margin-bottom:0}
.caixa.forte{background:var(--superficie);border-left-color:var(--marrom);
  padding:var(--e3) var(--e3) var(--e3) var(--e4);border-radius:0 var(--raio) var(--raio) 0}
.caixa.destaque{border-left-color:var(--evitar)}

/* ---------- comparação ultrassom × ressonância ---------- */
.comp-rolagem{overflow-x:auto;margin:var(--e4) 0;-webkit-overflow-scrolling:touch}
table.comp{width:100%;border-collapse:collapse;min-width:460px;
  font-variant-numeric:tabular-nums}
table.comp th{text-align:left;font-family:var(--sans);font-weight:500;
  font-size:var(--t-rotulo);letter-spacing:.18em;text-transform:uppercase;
  color:var(--rotulo);padding:0 20px 12px 0;border-bottom:1px solid var(--fio)}
table.comp td{padding:16px 20px 16px 0;border-bottom:1px solid var(--linha);
  vertical-align:top;line-height:1.6;font-size:14.5px}
table.comp td.r{font-family:var(--serif);font-size:18px;color:var(--tinta);width:34%}
table.comp td.dif{color:var(--tinta);font-weight:400}
table.comp tr:last-child td{border-bottom:none}
.comp-cards{display:none}
.comp-card{border-top:1px solid var(--linha);padding:18px 0}
.comp-card .r{font-family:var(--serif);font-size:19px;color:var(--tinta);margin-bottom:10px}
.comp-card .par{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:14.5px}
.comp-card .par span:first-child{font-size:var(--t-rotulo);letter-spacing:.14em;
  text-transform:uppercase;color:var(--suave);padding-top:3px}
.comp-card .par .dif{color:var(--tinta);text-align:right}
@media(max-width:619px){
  .comp-rolagem{display:none}
  .comp-cards{display:block;margin:var(--e4) 0}
}

/* ---------- perguntas frequentes ---------- */
details.faq{border-bottom:1px solid var(--linha)}
details.faq:first-of-type{border-top:1px solid var(--linha)}
details.faq > summary{list-style:none;cursor:pointer;position:relative;
  padding:20px 40px 20px 0;font-family:var(--serif);font-size:var(--t-linha);
  color:var(--tinta);line-height:1.32}
details.faq > summary::-webkit-details-marker{display:none}
details.faq > summary::after{content:"";position:absolute;right:8px;top:50%;
  width:12px;height:12px;margin-top:-6px;
  background:linear-gradient(var(--fio),var(--fio)) center/12px 1px no-repeat,
             linear-gradient(var(--fio),var(--fio)) center/1px 12px no-repeat;
  transition:transform .25s ease}
details.faq[open] > summary::after{transform:rotate(45deg);opacity:.7}
details.faq > summary:hover{color:var(--rotulo)}
details.faq p{padding:0 0 var(--e3);max-width:62ch;line-height:1.72}
details.faq p + p{padding-top:0;margin-top:calc(var(--e3) * -1 + 14px)}
details.faq b{font-weight:500;color:var(--tinta)}

/* ---------- refeições do cardápio ---------- */
.refeicao{display:grid;gap:4px;padding:20px 0;border-bottom:1px solid var(--linha)}
.refeicao:first-of-type{border-top:1px solid var(--linha)}
.refeicao .h{font-size:var(--t-rotulo);letter-spacing:.18em;text-transform:uppercase;
  color:var(--rotulo);font-weight:500}
.refeicao .p{font-family:var(--serif);font-size:var(--t-linha);color:var(--tinta);line-height:1.3}
.refeicao .x{font-size:var(--t-apoio);color:var(--suave);line-height:1.6}

/* ---------- caderno de receitas ---------- */
.caderno{padding:0}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:var(--e4) 0}
.receitas{display:grid;gap:0;margin:var(--e4) 0 0;border-top:1px solid var(--linha)}
@media(min-width:760px){ .receitas{grid-template-columns:1fr 1fr;column-gap:var(--e5)} }
button.rc{display:grid;grid-template-columns:64px 1fr 18px;align-items:center;gap:20px;
  width:100%;padding:16px 4px;border-bottom:1px solid var(--linha);text-align:left;
  transition:background .2s}
button.rc:hover{background:color-mix(in srgb,var(--superficie) 70%,transparent)}
button.rc img{width:64px;height:64px;object-fit:cover;border-radius:50%;
  border:1px solid var(--linha)}
button.rc .info{display:grid;gap:2px;min-width:0}
button.rc .n{font-family:var(--serif);font-size:13px;font-variant-numeric:oldstyle-nums;
  letter-spacing:.08em;color:var(--fio)}
button.rc .t{font-family:var(--serif);font-size:20px;color:var(--tinta);line-height:1.25}
button.rc .m{font-size:12.5px;color:var(--suave);letter-spacing:.02em}
button.rc .seta{justify-self:end;color:var(--suave);font-size:15px}
button.rc .seta::before{content:"\2192"}

/* ---------- ficha da receita ---------- */
dialog.receita{border:0;padding:0;max-width:640px;width:calc(100% - 32px);
  border-radius:var(--raio);background:var(--papel);color:var(--texto);
  box-shadow:0 2px 6px rgba(92,74,70,.08),0 30px 80px rgba(92,74,70,.22)}
dialog.receita::backdrop{background:rgba(74,54,42,.42);backdrop-filter:blur(3px)}
dialog.receita .capa img{width:100%;height:230px;object-fit:cover;
  border-radius:var(--raio) var(--raio) 0 0;display:block}
dialog.receita .corpo{padding:var(--e4) var(--e4) var(--e5)}
dialog.receita h3{font-size:29px;line-height:1.18;margin-bottom:6px}
dialog.receita .sub{font-family:var(--serif);font-style:italic;font-size:18px;
  color:var(--suave);margin-bottom:var(--e3)}
dialog.receita .meta{display:flex;gap:22px;flex-wrap:wrap;padding:14px 0;
  border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);
  font-size:var(--t-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
dialog.receita .cols{display:grid;gap:var(--e4);margin-top:var(--e4)}
@media(min-width:560px){ dialog.receita .cols{grid-template-columns:1fr 1.25fr} }
dialog.receita h4{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--rotulo);font-family:var(--sans);font-weight:500;margin-bottom:var(--e2)}
dialog.receita ul,dialog.receita ol{list-style:none;display:grid;gap:9px}
dialog.receita ul li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.6}
dialog.receita ul li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;
  border-radius:50%;background:var(--fio)}
dialog.receita ol{counter-reset:passo}
dialog.receita ol li{counter-increment:passo;position:relative;padding-left:30px;
  font-size:14.5px;line-height:1.65}
dialog.receita ol li::before{content:counter(passo,decimal-leading-zero);position:absolute;left:0;
  font-family:var(--serif);font-size:13px;color:var(--fio);letter-spacing:.06em;top:2px}
dialog.receita .porque{margin-top:var(--e4);padding-top:var(--e3);
  border-top:1px solid var(--linha);font-family:var(--serif);font-style:italic;
  font-size:17px;color:var(--suave);line-height:1.6}
dialog.receita .fechar{position:absolute;top:14px;right:16px;width:38px;height:38px;
  border-radius:50%;background:var(--papel);border:1px solid var(--linha);
  display:flex;align-items:center;justify-content:center;color:var(--tinta);font-size:18px;
  line-height:1;z-index:2}

/* ---------- selos da busca ---------- */
.ver{display:flex;gap:14px;align-items:flex-start;padding:17px 0;border-bottom:1px solid var(--linha)}
.ver:last-child{border-bottom:none}
.selo{flex:none;font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;padding:6px 11px;border-radius:999px;margin-top:3px;white-space:nowrap}
.selo.sim{background:rgba(79,99,87,.13);color:#4F6357;border:1px solid rgba(79,99,87,.38)}
.selo.nao{background:rgba(140,90,60,.11);color:var(--evitar);border:1px solid rgba(140,90,60,.42)}
.selo.cozido,.selo.corte,.selo.jeito,.selo.equipe{background:var(--superficie);
  color:var(--rotulo);border:1px solid var(--greige)}
.ver .corpo{flex:1}
.ver .nome{display:block;font-family:var(--serif);font-size:19px;color:var(--tinta)}
.ver .nota{font-size:14.5px;line-height:1.6;margin-top:3px}
.ver .extra{display:block;font-size:13.5px;color:var(--suave);margin-top:8px}

/* ---------- avulsos ---------- */
.corte{width:100%;height:auto;border-radius:var(--raio);border:1px solid var(--linha);
  margin:var(--e4) 0 var(--e2)}
.legenda{font-size:13px;color:var(--suave);line-height:1.6;padding-left:var(--e2);
  border-left:1px solid var(--fio);margin-bottom:var(--e4)}
.duplo{display:grid;gap:var(--e4)}
@media(min-width:680px){ .duplo{grid-template-columns:1fr 1fr;gap:var(--e5)} }
.aviso{font-size:var(--t-apoio);color:var(--suave);font-style:italic;margin-top:var(--e2)}


/* ---------- títulos dentro do conteúdo ---------- */
.texto h2{font-size:26px;margin:var(--e6) 0 var(--e3)}
.texto h2:first-child{margin-top:0}
.texto h3{font-size:var(--t-linha);margin:var(--e5) 0 var(--e2)}
.texto h4{font-size:18px;margin:var(--e4) 0 var(--e2)}

/* ═══════════ A CARTA, EM TRATAMENTO EDITORIAL ═══════════
   Retrato numa coluna estreita que acompanha a leitura, texto na
   coluna larga, capitular na abertura e a frase-chave como olho.
   ═══════════════════════════════════════════════════════ */
.carta-editorial{display:grid;gap:var(--e5)}
@media(min-width:900px){
  .carta-editorial{grid-template-columns:300px 1fr;gap:var(--e6);align-items:start}
  .carta-editorial .retrato-cx{position:sticky;top:calc(var(--topo2) + 40px)}
  .carta-editorial .entre{grid-column:1/-1}
}
.retrato-cx{margin:0}
.retrato-cx img{width:100%;height:auto;border-radius:2px;
  box-shadow:0 2px 6px rgba(92,74,70,.07),0 26px 60px rgba(92,74,70,.16)}
.retrato-cx figcaption{margin-top:var(--e3);padding-left:var(--e2);
  border-left:1px solid var(--fio);font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--suave);line-height:1.6}

.texto.corrido{max-width:64ch}
.texto.corrido p{font-size:17px;line-height:1.78;margin-bottom:var(--e3);
  text-wrap:pretty}
/* capitular */
.texto.corrido > p:first-of-type::first-letter{
  float:left;font-family:var(--serif);font-weight:500;color:var(--tinta);
  font-size:76px;line-height:.78;padding:6px 12px 0 0;margin-top:4px}
.texto.corrido > p:first-of-type::first-line{
  font-variant-caps:small-caps;letter-spacing:.04em}
/* a frase-chave vira olho de página */
.texto.corrido .frase{font-family:var(--serif);font-style:italic;font-size:27px;
  line-height:1.42;color:var(--vinho);margin:var(--e5) 0;padding:var(--e3) 0;
  border-top:1px solid var(--fio);border-bottom:1px solid var(--fio);text-align:center;
  text-wrap:balance}
@media(max-width:640px){ .texto.corrido .frase{font-size:22px} }
.texto.corrido .apoio{font-family:var(--serif);font-style:italic;font-size:19px;
  color:var(--suave);line-height:1.6}
.carta-editorial .assinatura{height:56px;width:auto;margin:var(--e5) 0 var(--e2)}
.carta-editorial .assina-nome{font-family:var(--serif);font-size:21px;color:var(--tinta);text-align:left}
.carta-editorial .assina-cargo{font-size:var(--t-rotulo);letter-spacing:.2em;
  text-transform:uppercase;color:var(--suave);text-align:left;margin-top:4px}
.carta-editorial .creditos{border-top:1px solid var(--linha);margin-top:var(--e5);
  padding-top:var(--e3);font-size:13.5px;color:var(--suave);text-align:left;line-height:1.7}
.carta-editorial .creditos a{border-bottom:1px solid var(--dourado-claro)}

/* ═══════════ RESULTADOS DA BUSCA ═══════════ */
.busca-res{margin-top:var(--e4);text-align:left}
.busca-tt{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--suave);margin:var(--e4) 0 var(--e2)}
.busca-sec{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:15px 2px;border-bottom:1px solid var(--linha)}
.busca-sec .t{font-family:var(--serif);font-size:19px;color:var(--tinta)}
.busca-sec .s{color:var(--suave)}
.busca-sec:hover .t{color:var(--rotulo)}
.busca-vazio{padding:var(--e3) 0}
.busca-vazio p{margin-bottom:var(--e2);line-height:1.7}
.busca-vazio .bt{margin-top:var(--e3)}

/* ---------- restos do guia antigo, no desenho novo ---------- */
hr.filete{width:44px;height:1px;background:var(--fio);border:0;margin:var(--e3) 0}
.filtros .chip{cursor:pointer}
.filtros .chip[aria-pressed="true"]{background:var(--marrom);color:var(--sobre-marrom);
  border-color:var(--marrom)}
.filtros .chip[aria-pressed="true"]::before{background:var(--sobre-marrom);opacity:.6}
.filtros .chip::before{content:none}
.abertura-cad{text-align:center}
.abertura-cad .filete{margin-left:auto;margin-right:auto}
.sobre-titulo{font-family:var(--sans);font-weight:500;font-size:var(--t-rotulo);
  letter-spacing:.24em;text-transform:uppercase;color:var(--rotulo)}
.texto .cx + .cx{margin-top:var(--e5)}

/* ═══════════ O CARTÃO DO EXAME ═══════════
   Fechado por padrão: só o convite. Os campos aparecem quando a
   paciente clica. Números em Work Sans, de largura fixa.
   ═════════════════════════════════════════ */
#cartao-form{margin-top:var(--e4)}
#cartao-form[hidden]{display:none}
.cartao-bloco{background:var(--superficie);border:1px solid var(--linha);
  border-radius:var(--raio);padding:var(--e4) var(--e4) var(--e3)}
@media(max-width:600px){ .cartao-bloco{padding:var(--e3) var(--e3) var(--e2)} }
.cartao-bloco h3{font-size:24px;margin:0 0 var(--e2)}
.cartao-bloco > p{font-size:var(--t-apoio);color:var(--suave);max-width:52ch;line-height:1.65}
.campos{display:grid;gap:var(--e3);margin:var(--e4) 0 0}
@media(min-width:620px){ .campos{grid-template-columns:1fr 1fr 1.3fr} }
.campos label,.campo-outra label{display:block}
.rot{display:block;font-size:var(--t-rotulo);letter-spacing:.18em;text-transform:uppercase;
  color:var(--rotulo);font-weight:500;margin-bottom:var(--e1)}
.rot .opc{font-style:normal;letter-spacing:.14em;color:var(--suave);font-weight:400}
.cartao-bloco input,.cartao-bloco select{width:100%;font-family:var(--num);font-weight:300;
  font-size:16px;font-variant-numeric:tabular-nums lining-nums;color:var(--texto);
  background:var(--papel);border:1px solid var(--greige);border-radius:10px;
  padding:13px 14px;transition:border-color .2s}
.cartao-bloco input:focus,.cartao-bloco select:focus{outline:none;border-color:var(--fio);
  box-shadow:0 0 0 3px rgba(92,74,70,.10)}
.campo-outra{margin-top:var(--e3)}
.campo-outra .mapa{display:inline-block;margin-top:var(--e2);font-size:13.5px;
  color:var(--marrom);border-bottom:1px solid var(--dourado-claro)}
.cartao-prev{margin:var(--e4) 0 0;display:flex;justify-content:center}
.cartao-prev canvas{width:100%;max-width:330px;height:auto;border-radius:10px;
  background:#FFF;border:1px solid var(--greige);
  box-shadow:0 1px 2px rgba(92,74,70,.06),0 12px 28px rgba(92,74,70,.10)}
.cartao-acoes{display:grid;gap:10px;margin-top:var(--e4)}
@media(min-width:560px){ .cartao-acoes{grid-template-columns:auto auto;justify-content:center} }
.bt.discreto{background:transparent;color:var(--suave);border-color:var(--greige)}
.bt.discreto:hover{background:var(--papel);opacity:1}
.dica{font-size:12.5px;color:var(--suave);line-height:1.6;margin-top:var(--e3);text-align:center}

/* ═══════════ RÓTULO EM NEGRITO + DESCRIÇÃO ═══════════
   Vários blocos do guia escrevem <b>Rótulo</b> seguido do texto, sem
   separador. Em vez de espaço, o rótulo vira linha própria — é o que
   dá ritmo de lista editorial e resolve os três componentes de uma vez.
   ═════════════════════════════════════════════════════ */
.item{padding:12px 0;border-bottom:1px solid var(--linha);line-height:1.65}
.item:last-child{border-bottom:none}
.item > b:first-child{display:block;font-weight:500;color:var(--tinta);
  margin-bottom:3px;letter-spacing:.005em}
/* quando o rótulo é um horário, ele vira etiqueta miúda */
.item > b:first-child:not(:has(*)){font-family:var(--num);font-variant-numeric:tabular-nums}

/* colunas "pode pedir" / "deixe para depois" */
.col-r{font-family:var(--sans);font-weight:500;font-size:var(--t-rotulo);
  letter-spacing:.2em;text-transform:uppercase;color:var(--rotulo);
  padding-bottom:var(--e2);border-bottom:1px solid var(--fio);margin-bottom:var(--e2)}
.col-r.nao{color:var(--evitar);border-bottom-color:var(--evitar)}

/* lista de conferência */
.check{list-style:none;display:grid;gap:0;margin:var(--e3) 0}
.check li{border-bottom:1px solid var(--linha)}
.check li:first-child{border-top:1px solid var(--linha)}
.check li label{display:flex;gap:14px;align-items:flex-start;padding:14px 2px;cursor:pointer}
.check li input[type="checkbox"]{flex:none;width:17px;height:17px;margin-top:4px;
  accent-color:var(--marrom)}
.check .tx{display:block;line-height:1.65}
.check .tx > b:first-child{display:block;font-weight:500;color:var(--tinta);margin-bottom:3px}
.check li:has(input:checked) .tx{color:var(--suave)}
.check li:has(input:checked) .tx > b:first-child{text-decoration:line-through;
  text-decoration-color:var(--fio);text-decoration-thickness:1px}

/* qualquer outro rótulo colado, por segurança */
.tx > b:first-child,.v > b:first-child{margin-right:.35em}

/* termo técnico ao lado da palavra que a paciente usa */
.tec{color:var(--suave);font-size:.92em}


/* ═══════════ REVISÃO FINAL ═══════════ */

/* --- atalho de teclado para o conteúdo --- */
.pular{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;left:0;top:0;z-index:200;background:var(--marrom);
  color:var(--sobre-marrom);padding:12px 20px;border-radius:0 0 var(--raio) 0;
  font-size:14px;text-decoration:none}
.pular:focus{width:auto;height:auto;overflow:visible;clip:auto}

/* --- seletor do exame: empilhado no celular, sem palavra cortada --- */
@media(max-width:560px){
  .opcoes{display:flex;flex-direction:column;width:100%;gap:6px;border-radius:var(--raio);padding:6px}
  .opcoes button{flex:none;width:100%;padding:15px 10px;font-size:11.5px;letter-spacing:.1em;
    white-space:normal;line-height:1.3}
}

/* --- barras fixas: menos altura no celular --- */
@media(max-width:640px){
  :root{--topo:48px;--topo2:88px}
  .cabecalho{height:48px}
  .cab-in{height:100%;padding:0 16px}
  .cab-marca img{height:32px}
  .rapida{height:40px}
  .rapida-in{height:100%;align-items:center;padding:0 6px}
  .rapida a{display:flex;align-items:center;height:100%;padding:0 12px}
  .faixa-exame-in{padding:8px 14px;flex-wrap:nowrap;gap:10px;font-size:10px;letter-spacing:.07em}
  .faixa-exame .trocar{white-space:nowrap;flex:none}
  .faixa-exame b{letter-spacing:.1em}
  .so-largo{display:none}
  html[data-exame] section[id]{scroll-margin-top:calc(var(--topo2) + 36px)}
}

@media(max-width:379px){ .faixa-exame-in{font-size:9.5px;letter-spacing:.04em;gap:8px} }


/* --- encaixe exato das barras fixas no desktop (havia 1px de folga e 3px de sobreposição) --- */
@media(min-width:641px){
  :root{--topo:60px;--topo2:104px}
  .cabecalho{height:60px}
  .cab-in{height:100%}
}

/* --- níveis de título corrigidos, aparência preservada --- */
.texto h2.n2{font-size:var(--t-linha);margin:var(--e5) 0 var(--e2)}
.texto h2.n2:first-child{margin-top:0}
.pilar h3{font-size:19px;margin-bottom:var(--e2);line-height:1.25}
dialog.receita h2{font-size:29px;line-height:1.18;margin-bottom:6px}
dialog.receita h3.rot{font-size:var(--t-rotulo);letter-spacing:.2em;text-transform:uppercase;
  color:var(--rotulo);font-weight:500;margin:var(--e3) 0 var(--e2)}

/* --- respeito a quem pediu menos movimento --- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* --- áreas de toque confortáveis --- */
.faixa-exame .trocar{display:inline-block;padding:12px 6px;margin:-12px 0}
.volta{display:inline-block;padding:10px 0}
@media(max-width:640px){
  .cab-marca{height:100%;padding-right:8px}
}

/* --- durante a busca, os atalhos somem para a resposta subir --- */
.ferramenta.buscando .q-ajuda,
.ferramenta.buscando .q-freq,
.ferramenta.buscando .atalhos{display:none}
.ferramenta.buscando .busca-res{margin-top:var(--e3)}