/* ==========================================================================
   medida.css
   Só o que é específico da página /como-funciona-a-medida-protetiva-de-urgencia/.
   A capa escura, a trilha, as seções alternadas, os divisores, o .aviso, o
   acordeão, o efeito de entrada e os formatos de seção (repertório) vivem
   em base.css. Criado em 2026-10-18.

   Ritmo de fundos e formatos, de cima para baixo:
     capa              noite                 resumo, aviso e assinatura
     etapas            areia escura          cards numerados
     quem pede         branco                comparação + linha com ícone
     prazo             areia                 destaque numérico + ampulheta
     medidas agressor  branco                lista de tópicos
     medidas mulher    areia                 cards com ícone
     afastamento       branco                ilustração + texto (porta)
     descumprimento    areia escura          lista com marcador de ano
     FAQ               areia clara           acordeão
   ========================================================================== */

/* aviso de emergência na capa: o .aviso de base.css, com a borda no
   vermelho do botão Emergência. A prosa da capa é clara; dentro da caixa
   branca o texto volta às cores de fundo claro. */
.capa .aviso.urgente{margin:28px 0 0;border-left-color:var(--emergencia)}
.capa .aviso.urgente p{color:#57525F;line-height:1.7}
.capa .aviso.urgente a{color:var(--violeta);font-weight:600;text-decoration:underline;
 text-underline-offset:3px;text-decoration-color:rgba(209,176,78,.7)}

/* o fecho com o botão para os cursos foi para base.css em 2026-10-20,
   quando /aprendizado/ passou a usar o mesmo */