/* onLUME · páginas internas no sistema da v21 (/pgr/, /protocolo-armadura/).
   Carregado depois de onlume-v21.css: usa só as variáveis (tokens) de lá, nos
   dois temas. Nenhuma cor literal neste arquivo; tons intermediários saem de
   color-mix sobre os tokens. */

/* Abertura interna: mesmo cromo escuro da abertura da v21, sem a engrenagem */
.abertura-interna{padding:calc(72px + var(--s8)) 0 var(--s10)}
.abertura-interna .abertura-texto{max-width:52rem}
.abertura-interna h1{max-width:20ch;font-size:clamp(2.5rem,4.8vw,4.25rem)}
.abertura-interna .lead{max-width:56ch}
.migalhas ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s1);font-size:.8125rem;color:var(--cromo-nota)}
.migalhas li{display:inline-flex;align-items:center;gap:var(--s1)}
.migalhas li+li::before{content:"/";color:var(--cromo-nota)}
.migalhas a{display:inline-flex;align-items:center;min-height:44px;color:var(--cromo-tx-2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cromo-botao-borda)}
@media (hover:hover) and (pointer:fine){.migalhas a:hover{color:var(--cromo-tx-forte)}}
.migalhas [aria-current="page"]{color:var(--cromo-tx)}
.chapeu{display:block;margin-top:var(--s3);margin-bottom:var(--s2);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-claro)}
.abertura-nota a{color:var(--cromo-tx);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cromo-botao-borda)}
@media (hover:hover) and (pointer:fine){.abertura-nota a:hover{color:var(--cromo-tx-forte);text-decoration-color:var(--ouro-claro)}}
.abertura-interna .abertura-nota{max-width:60ch;font-size:.875rem;line-height:1.6}

/* Texto corrido das seções */
.texto{max-width:64ch;color:var(--tinta-2)}
.texto p+p{margin-top:var(--s2)}
.texto strong{color:var(--tinta);font-weight:600}
.secao-escura .texto{color:var(--escura-tx-2)}

/* Duas colunas de conteúdo */
.duas{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:start}
.duas h3{font-size:1.75rem;line-height:1.15;padding-bottom:var(--s2);border-bottom:1px solid var(--linha)}
.duas h3+*{margin-top:var(--s2)}

/* Decomposição do risco: causa, evento, consequência */
.decomposicao{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:var(--s5) 0 0}
.decomposicao>div{padding:var(--s3);background:var(--superficie);border:1px solid var(--linha);border-top:3px solid var(--linha-forte);border-radius:var(--raio)}
.secao-papel .decomposicao>div{background:var(--fundo)}
.decomposicao dt{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--acento)}
.decomposicao dd{margin:var(--s1) 0 0;color:var(--tinta-2);font-size:.9375rem}
.exemplo{margin-top:var(--s3);font-size:.9375rem;color:var(--tinta-2);max-width:72ch}
.exemplo strong{color:var(--tinta);font-weight:600}

/* Contraste problema × risco */
.contraste{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s4)}
.contraste>div{padding:var(--s3);border:1px solid var(--linha);border-radius:var(--raio);background:var(--fundo)}
.contraste dt{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.contraste dd{margin:var(--s1) 0 0;font-family:var(--serif);font-size:1.375rem;line-height:1.3;color:var(--tinta)}

/* Ciclo em cinco: movimentos do PGR, etapas do Protocolo */
.ciclo{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s3)}
.ciclo li{padding-top:var(--s3);border-top:2px solid var(--linha-forte)}
.ciclo .passo-n{display:block;font-family:var(--serif);font-size:1.25rem;color:var(--numero)}
.ciclo h3{margin-top:var(--s1);font-size:1.625rem;line-height:1.1}
.ciclo p{margin-top:var(--s1);color:var(--tinta-2);font-size:.9375rem}
.ciclo .pergunta{font-family:var(--serif);font-style:italic;font-size:1.3125rem;line-height:1.3;color:var(--acento)}

/* Etiquetas (áreas do mapa) */
.etiquetas{display:flex;flex-wrap:wrap;gap:var(--s1)}
.etiquetas li{display:inline-flex;align-items:center;min-height:40px;padding:var(--s1) var(--s2);border:1px solid var(--linha);border-radius:999px;background:var(--fundo);font-size:.875rem;font-weight:500;color:var(--tinta)}
.nota-curta{margin-top:var(--s2);font-size:.875rem;color:var(--tinta-2)}

/* Lista com marcador */
.lista li{position:relative;padding:var(--s2) 0 var(--s2) var(--s3);border-bottom:1px solid var(--linha);color:var(--tinta-2)}
.lista li::before{content:"";position:absolute;left:0;top:calc(var(--s2) + .8em);width:8px;height:8px;border-radius:50%;background:var(--acento);transform:translateY(-50%)}
.lista li strong{color:var(--tinta);font-weight:600}
.lista a{color:var(--acento);font-weight:600;text-underline-offset:4px}

/* Matriz probabilidade × impacto (ilustração) */
.matriz{margin:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--s1) var(--s2);align-items:center;max-width:420px}
.matriz-eixo-y{grid-row:1;grid-column:1;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.matriz-grade{grid-row:1;grid-column:2;display:grid;grid-template-columns:auto repeat(3,1fr);gap:6px;align-items:center}
.matriz-grade span{font-size:.75rem;color:var(--tinta-2)}
.matriz-grade .rotulo-y{text-align:right;padding-right:var(--s1)}
.matriz-grade .rotulo-x{text-align:center;padding-top:var(--s1)}
.matriz-grade i{display:block;aspect-ratio:1;border-radius:4px;border:1px solid var(--linha)}
.matriz-grade i.n1{background:color-mix(in srgb,var(--ouro) 10%,var(--superficie))}
.matriz-grade i.n2{background:color-mix(in srgb,var(--ouro) 32%,var(--superficie))}
.matriz-grade i.n3{background:color-mix(in srgb,var(--ouro) 60%,var(--superficie))}
.matriz-grade i.n4{background:color-mix(in srgb,var(--ouro) 92%,var(--superficie))}
.matriz-eixo-x{grid-row:2;grid-column:2;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.matriz-legenda{grid-column:1/-1;margin-top:var(--s2);font-size:.8125rem;color:var(--tinta-2)}
.criterios{display:grid;gap:var(--s3)}
.criterios h3{font-size:1.5rem}
.criterios p{margin-top:var(--s1);color:var(--tinta-2)}

/* Registro do plano de ação (folha com cinco campos) */
.folha dl.cinco{grid-template-columns:repeat(5,1fr)}
.folha .exemplo-folha{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--folha-linha);font-size:.875rem;color:var(--folha-tx-2)}
.folha .exemplo-folha strong{color:var(--folha-tx);font-weight:600}

/* Frase de princípio em destaque */
.frase{font-family:var(--serif);font-style:italic;font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.2;color:var(--tinta);max-width:28ch}
.frase-apoio{margin-top:var(--s4);max-width:60ch;color:var(--tinta-2)}

/* Duas coisas com nomes parecidos */
.comparar{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.comparar article{display:flex;flex-direction:column;padding:var(--s4) var(--s3) var(--s3);background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--cartao-sombra)}
.comparar article.atual{border-top:3px solid var(--ouro)}
.comparar small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
.comparar h3{margin-top:var(--s1);font-size:1.75rem;line-height:1.15}
.comparar p{margin-top:var(--s2);color:var(--tinta-2);font-size:.9375rem}
.comparar .links{margin-top:auto;padding-top:var(--s2)}
.comparar-fecho{margin-top:var(--s4);font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--acento)}

/* Limite de responsabilidade */
.limite{margin-top:var(--s5);padding:var(--s3);border:1px solid var(--linha);border-left:4px solid var(--linha-forte);border-radius:var(--raio);background:var(--superficie-2);font-size:.875rem;line-height:1.6;color:var(--tinta-2);max-width:72ch}

/* Chamada final */
.chamada{display:grid;grid-template-columns:1fr auto;gap:var(--s3) var(--s6);align-items:center;padding:var(--s5) var(--s4);background:var(--superficie);border:1px solid var(--linha);border-top:3px solid var(--ouro);border-radius:var(--raio);box-shadow:var(--cartao-sombra)}
.chamada h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1}
.chamada p{margin-top:var(--s2);color:var(--tinta-2);max-width:56ch}
.chamada-acoes{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1)}

/* Responsivo */
@media(max-width:1120px){
  .ciclo{grid-template-columns:repeat(3,1fr);row-gap:var(--s5)}
  .folha dl.cinco{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .abertura-interna{padding:calc(72px + var(--s4)) 0 var(--s8)}
  .duas,.comparar,.chamada{grid-template-columns:1fr;gap:var(--s4)}
  .decomposicao{grid-template-columns:1fr;gap:var(--s2)}
  .ciclo{grid-template-columns:1fr 1fr}
  .folha dl.cinco{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .ciclo,.contraste,.folha dl.cinco{grid-template-columns:1fr}
  .ciclo{row-gap:var(--s3)}
  .chamada{padding:var(--s4) var(--s3)}
  .chamada-acoes,.chamada-acoes .btn{width:100%}
  .comparar article{padding:var(--s3) var(--s2) var(--s2)}
}
.texto-espaco{margin-top:var(--s6)}

/* Acessibilidade e toque (19/10/2026): o retorno ao toque e as áreas de 44 px das
   migalhas ficam em onlume-v21.css, junto dos botões. */

/* Ficha da abertura (19/10/2026, revisão anti-IA, item 3): o lado direito da abertura no
   computador mostra um resumo factual da própria página (o que o documento registra e quem
   decide), com links para as seções. No celular o mesmo conteúdo vem logo abaixo, nas seções. */
.abertura-interna-grade{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.abertura-ficha{position:relative;z-index:2;padding:var(--s3) var(--s3) var(--s2);border:1px solid var(--cromo-linha);border-top:2px solid var(--ouro-claro);border-radius:var(--raio-lg,var(--raio));background:color-mix(in srgb,var(--hero-bg) 88%,var(--cromo-titulo))}
.abertura-ficha-cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--cromo-linha)}
.abertura-ficha-cabeca strong{font-size:1.0625rem;font-weight:600;color:var(--cromo-titulo)}
.abertura-ficha-cabeca span{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--cromo-nota)}
.abertura-ficha dl>div{display:grid;grid-template-columns:8.5rem 1fr;gap:var(--s2);padding:12px 0;border-bottom:1px solid var(--cromo-linha)}
.abertura-ficha dl>div:last-child{border-bottom:0}
.abertura-ficha dt{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;line-height:1.6;color:var(--ouro-claro)}
.abertura-ficha dd{margin:0;font-size:.9375rem;line-height:1.5;color:var(--cromo-tx-2)}
.abertura-ficha dd a{color:var(--cromo-tx);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cromo-botao-borda)}
@media (hover:hover) and (pointer:fine){.abertura-ficha dd a:hover{color:var(--cromo-tx-forte);text-decoration-color:var(--ouro-claro)}}
@media(max-width:980px){
  .abertura-interna-grade{grid-template-columns:1fr;gap:var(--s5)}
  .abertura-ficha{display:none}
}