/* Gurizada — páginas de texto legal */

@layer componentes {
  .documento { padding-block: calc(var(--altura-topo) + 3rem) 4rem; }

  .documento__cabeca {
    display: grid;
    gap: .5rem;
    padding-bottom: var(--e-6);
    margin-bottom: var(--e-6);
    border-bottom: 1px solid var(--borda);
  }
  .documento__cabeca h1 { font-size: var(--t-2xl); }

  .documento__corpo { display: grid; gap: var(--e-4); max-width: var(--largura-texto); }
  .documento__corpo h2 {
    margin-top: var(--e-5);
    font-size: var(--t-lg);
    color: var(--gz-azul);
  }
  .documento__corpo p, .documento__corpo li { color: var(--texto-suave); }
  .documento__corpo ul { display: grid; gap: .5rem; padding-left: 1.4rem; list-style: disc; }
  .documento__corpo a { color: var(--gz-azul); text-decoration: underline; }

  .documento__destaque {
    padding: var(--e-4) var(--e-5);
    background: var(--gz-verde-suave);
    border-left: 4px solid var(--gz-verde);
    border-radius: var(--r-md);
    color: var(--texto) !important;
    font-weight: 600;
  }

  .documento__rodape {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
    margin-top: var(--e-7);
    padding-top: var(--e-5);
    border-top: 1px solid var(--borda);
  }
}