/* Resoluções "passo a passo" das fichas de trabalho.
   Modelo: files/Doc11N/TRIG_Funções_1.html e TRIG_Funcoes_2.html.
   Caixas: Passo (azul) = o raciocínio pela ordem certa;
           Dica / Repara / Atenção! (amarelo) = truques e erros frequentes;
           Resposta (verde) = o resultado final.
   As resoluções são geradas por scripts/resolucoes-passo-a-passo.py. */

.resolucao.passos{
  background:#fff;border:1px solid #d5dee8;border-radius:8px;
  padding:.8rem .95rem .4rem;font-size:.97rem;line-height:1.6;
}
.resolucao.passos p{margin:.3rem 0}

/* cabeçalho de cada alínea */
.res-alinea{
  margin:1.15rem 0 .3rem;padding-bottom:.15rem;font-size:1rem;font-weight:700;
  color:#1f4e79;border-bottom:1px solid #a9bccf;
}
.resolucao.passos > .res-alinea:first-child{margin-top:.2rem}
.res-pergunta{margin:.25rem 0 .6rem .9rem!important;font-style:italic;color:#5b6b7b}

/* caixas */
.passo,.dica,.resposta{margin:.55rem 0;padding:.55rem .85rem;overflow-wrap:anywhere}
.passo{background:#dfe8f3;border-left:4px solid #2c5a86;border-radius:0 6px 6px 0}
.dica{background:#fdf2cf;border-left:4px solid #b8860b;border-radius:0 6px 6px 0}
.resposta{background:#e4f0dc;border:1px solid #5b8c46;border-radius:6px;margin-bottom:1rem}
.passo-titulo{font-weight:700;color:#1f4e79;margin-bottom:.15rem}
.dica-titulo{font-weight:700;color:#7c5e00;margin-bottom:.15rem}
.resposta-titulo{font-weight:700;color:#3c6e2a;margin-right:.25rem}
.passo ul,.dica ul{margin:.3rem 0 .35rem;padding-left:1.25rem}
.passo li,.dica li{margin:.12rem 0}
/* uma fórmula comprida dentro do texto não pode ser cortada: o parágrafo desliza na horizontal */
.passo > p,.dica > p,.passo ul,.dica ul,.resposta{overflow-x:auto;overflow-y:hidden;padding-bottom:1px}

/* contas */
.calc{text-align:center;margin:.45rem 0;overflow-x:auto;overflow-y:hidden;padding:.1rem 0}
.cadeia{margin:.4rem 0 .45rem .6rem;overflow-x:auto;overflow-y:hidden;padding:.1rem 0}
.cadeia > div{margin:.2rem 0;padding-left:1.6em;text-indent:-1.6em}
.cadeia .pz,.calc .pz{display:inline-block;text-indent:0;white-space:nowrap;vertical-align:baseline}
.resolucao.passos .nw{white-space:nowrap}
.passo .figura,.passo svg.grafico,.passo .tabela-wrap{margin:.6rem auto}
.passo table.sinais{background:#fff}

/* legenda "Como ler as resoluções" */
.res-legenda{
  background:#fff;border:1px solid #d5dee8;border-radius:10px;padding:.8rem 1rem;
  margin:0 0 1.5rem;font-size:.95rem;line-height:1.55;
}
.res-legenda p{margin:0 0 .55rem}
.res-legenda .caixas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.res-legenda .caixas div{padding:.4rem .6rem;font-size:.88rem}
.res-legenda .caixas strong{display:block}
.res-legenda .c-passo{background:#dfe8f3;border-left:4px solid #2c5a86;color:#1f4e79}
.res-legenda .c-dica{background:#fdf2cf;border-left:4px solid #b8860b;color:#7c5e00}
.res-legenda .c-resp{background:#e4f0dc;border-left:4px solid #5b8c46;color:#3c6e2a}
.res-legenda .caixas span{color:#33414f}

/* soluções em resumo */
.solucoes-resumo{
  background:#fff;border:1px solid #d5dee8;border-radius:10px;padding:.7rem 1rem;margin:1.5rem 0;
}
.solucoes-resumo summary{cursor:pointer;font-weight:700;color:#1f4e79;font-size:1.05rem}
.solucoes-resumo .tabela-wrap{overflow-x:auto;margin:.7rem 0 .3rem}
.solucoes-resumo table{border-collapse:collapse;width:100%;font-size:.93rem;background:#fff}
.solucoes-resumo th,.solucoes-resumo td{border:1px solid #b9c7d6;padding:.35rem .6rem;text-align:center;vertical-align:middle}
.solucoes-resumo th{background:#1f4e79;color:#fff}
.solucoes-resumo td:first-child{font-weight:700;white-space:nowrap;background:#f1f5fa}

@media (max-width:700px){
  .resolucao.passos{padding:.6rem .55rem .3rem}
  .passo,.dica,.resposta{padding:.5rem .6rem}
  .cadeia{margin-left:.1rem}
  .cadeia,.calc{font-size:.92em}
  .res-legenda .caixas{grid-template-columns:1fr}
}
@media print{
  .res-legenda,.solucoes-resumo{display:none!important}
}