/* ============================================================
   Complemento para as páginas recriadas do site antigo (build-legacy.mjs)
   e para o bloco "Outros procedimentos" do hub. Usa só os tokens de styles.css.
   ============================================================ */

/* Hero sem imagem: uma coluna */
.proc-hero--solo { grid-template-columns: 1fr; padding-bottom: clamp(2.5rem, 6vh, 4rem); }
.proc-hero--solo .proc-hero__title { max-width: 20ch; }
.proc-hero--solo .proc-hero__lead { max-width: 60ch; }

/* Texto original: subtítulos de 3º nível e palavras longas */
.prose--legacy { min-width: 0; overflow-wrap: anywhere; }
.prose--legacy h3 { font-family: var(--serif); font-size: clamp(1.2rem, 2vw, 1.4rem); color: var(--espresso); margin-top: 1.8rem; }
.prose--legacy h2 + h3 { margin-top: 1.1rem; }
.prose--legacy a { color: var(--wine); text-decoration: underline; text-underline-offset: 3px; }

/* Card só de texto (sem imagem) */
.card--text { min-height: 100%; }
.card--text h3 { font-size: 1.3rem; margin-top: 0; }

/* Hub: bloco "Outros procedimentos" */
.legacy-hub { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter) var(--section); }
.legacy-hub__head { margin-bottom: clamp(1.8rem, 4vw, 3rem); }
.legacy-group + .legacy-group { margin-top: clamp(2rem, 4vw, 3rem); }
.legacy-group__title { font-family: var(--serif); font-size: clamp(1.3rem, 2.4vw, 1.7rem); margin-bottom: 1rem; color: var(--espresso); }
.legacy-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 1.1rem; }