/* GERADO por scripts/sync-assets.mjs a partir de assets/human-ui/editorial.css: edite as partes. */
/* O ESTILO EDITORIAL, opcional: o site o liga com `appDaPagina({ estilo: "editorial" })`, o `Documento` marca o
   `<html>` com `data-mm-estilo="editorial"` e o `FolhasDaCasa` carrega esta folha depois do `human-ui.css`. Só os
   sites da lista EDITORIAL de `scripts/assets-mapa.mjs` a recebem. Dono, 05/10/2026, sobre o blog.can.ac: "amei esse
   design pro meu wendelmaques.com"; e, sobre um estilo opcional da SDK com a barra incluída: "ok, faz isso ta, faz
   como vc ta sugerindo". Letra Archivo grossa e apertada, tinta sobre papel, um vermelho de destaque e filetes no
   lugar de cartões arredondados. A folha troca tokens (Bootstrap, `--mm-*` e a paleta da barra) e a composição das
   seções; os componentes da galeria e a barra continuam os mesmos. O `check-contraste-ui` mede esta paleta nos dois
   temas. Os `!important` daqui vencem utilitários do Bootstrap, que já são `!important` (`my-4`, `p-3`, `border`). */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/vendor/archivo-5.3.0/archivo-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("/vendor/jetbrains-mono-5.3.0/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* A PALETA. O vermelho de destaque passa 4,5:1 em toda superfície clara (4,51 no `secondary-bg`); o do link sob o
   ponteiro e o apertado do botão escurecem para passar também nos fundos de sinal. */
:root[data-mm-estilo="editorial"] {
  --mme-tinta: #0d0d0d;
  --mme-papel: #fff;
  --mme-vermelho: #d7001a;
  --mme-vermelho-rgb: 215, 0, 26;
  --mme-vermelho-forte: #b8000f;
  --mme-sobre-vermelho: #fff;
  --mme-pagina: 80rem;
  --mme-coluna: 58ch;
  --mme-corpo: 1.125rem;
  --mme-entrelinha: 1.65;
  --bs-font-sans-serif: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-font-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --bs-body-color: #0d0d0d; --bs-body-color-rgb: 13, 13, 13;
  --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #0d0d0d; --bs-emphasis-color-rgb: 13, 13, 13;
  --bs-secondary-color: #5c5c5c; --bs-secondary-color-rgb: 92, 92, 92;
  --bs-tertiary-color: #5c5c5c; --bs-tertiary-color-rgb: 92, 92, 92;
  --bs-secondary-bg: #ebebeb; --bs-secondary-bg-rgb: 235, 235, 235;
  --bs-tertiary-bg: #f5f5f5; --bs-tertiary-bg-rgb: 245, 245, 245;
  --bs-primary: #0d0d0d; --bs-primary-rgb: 13, 13, 13;
  --bs-primary-text-emphasis: #0d0d0d;
  --bs-primary-bg-subtle: #f5f5f5;
  --bs-primary-border-subtle: #0d0d0d;
  --bs-border-color: #0d0d0d;
  --bs-border-color-translucent: #0d0d0d;
  --bs-border-radius: 0; --bs-border-radius-sm: 0; --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0; --bs-border-radius-xxl: 0; --bs-border-radius-pill: 0;
  --bs-box-shadow: none; --bs-box-shadow-sm: none; --bs-box-shadow-lg: none;
  --bs-focus-ring-color: rgba(215, 0, 26, .4);
  --mm-link: #0d0d0d; --mm-link-rgb: 13, 13, 13;
  --mm-link-hover: #b8000f; --mm-link-hover-rgb: 184, 0, 15;
  --mm-acao-primary: #0d0d0d; --mm-acao-primary-rgb: 13, 13, 13;
  --mm-acao-secondary: #4a4a4a; --mm-acao-secondary-rgb: 74, 74, 74;
  --mm-acao-sobre: #fff;
  --mm-accent-hover: #d7001a;
}
:root[data-mm-estilo="editorial"][data-bs-theme="dark"] {
  --mme-tinta: #f2f2f2;
  --mme-papel: #0d0d0d;
  --mme-vermelho: #ff5c5c;
  --mme-vermelho-rgb: 255, 92, 92;
  --mme-vermelho-forte: #ff8585;
  --mme-sobre-vermelho: #0d0d0d;
  --bs-body-color: #f2f2f2; --bs-body-color-rgb: 242, 242, 242;
  --bs-body-bg: #0d0d0d; --bs-body-bg-rgb: 13, 13, 13;
  --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #a8a8a8; --bs-secondary-color-rgb: 168, 168, 168;
  --bs-tertiary-color: #a8a8a8; --bs-tertiary-color-rgb: 168, 168, 168;
  --bs-secondary-bg: #222; --bs-secondary-bg-rgb: 34, 34, 34;
  --bs-tertiary-bg: #171717; --bs-tertiary-bg-rgb: 23, 23, 23;
  --bs-primary: #f2f2f2; --bs-primary-rgb: 242, 242, 242;
  --bs-primary-text-emphasis: #f2f2f2;
  --bs-primary-bg-subtle: #171717;
  --bs-primary-border-subtle: #f2f2f2;
  --bs-border-color: #767676;
  --bs-border-color-translucent: #767676;
  --bs-focus-ring-color: rgba(255, 92, 92, .45);
  --mm-link: #f2f2f2; --mm-link-rgb: 242, 242, 242;
  --mm-link-hover: #ff8585; --mm-link-hover-rgb: 255, 133, 133;
  --mm-acao-primary: #f2f2f2; --mm-acao-primary-rgb: 242, 242, 242;
  --mm-acao-secondary: #bdbdbd; --mm-acao-secondary-rgb: 189, 189, 189;
  --mm-acao-sobre: #0d0d0d;
  --mm-accent-hover: #ff5c5c;
  --mm-on-accent: #0d0d0d;
  --mm-danger-fill: #ff8585;
  --mm-danger-hover: #ffa3a3;
}

/* A BARRA: o mesmo componente, com a paleta do estilo, sem a arte e com a faixa preta no alto. A borda da barra é
   também o fundo do apertado: o cinza separa (3:1) e deixa o texto legível em cima dele (4,5:1). */
:root[data-mm-estilo="editorial"] .mm-chrome, :root[data-mm-estilo="editorial"] .mm-footer,
:root[data-mm-estilo="editorial"] .mm-pular {
  --mmc-fundo: #fff; --mmc-fundo-2: #f5f5f5; --mmc-borda: #8f8f8f;
  --mmc-texto: #0d0d0d; --mmc-suave: #5c5c5c; --mmc-link: #0d0d0d;
  --mmc-acento: #d7001a; --mmc-foco: #d7001a; --mmc-cracha: #d7001a; --mmc-cracha-texto: #fff;
  --mmc-sombra-barra: none; --mmc-raio: 0;
  --mmc-arte-cabecalho: none; --mmc-arte-rodape: none;
}
:root[data-mm-estilo="editorial"][data-bs-theme="dark"] .mm-chrome,
:root[data-mm-estilo="editorial"][data-bs-theme="dark"] .mm-footer,
:root[data-mm-estilo="editorial"][data-bs-theme="dark"] .mm-pular {
  --mmc-fundo: #0d0d0d; --mmc-fundo-2: #171717; --mmc-borda: #6a6a6a;
  --mmc-texto: #f2f2f2; --mmc-suave: #a8a8a8; --mmc-link: #f2f2f2;
  --mmc-acento: #ff5c5c; --mmc-foco: #ff5c5c; --mmc-cracha: #ff5c5c; --mmc-cracha-texto: #0d0d0d;
}
:root[data-mm-estilo="editorial"] .mm-chrome { border-top: .375rem solid var(--mme-tinta); border-bottom-color: var(--mme-tinta); }
:root[data-mm-estilo="editorial"] .mm-menubar { border-top-color: transparent; }
:root[data-mm-estilo="editorial"] .mm-chrome .mm-brand { font-weight: 800; letter-spacing: -.03em; }
:root[data-mm-estilo="editorial"] .mm-brand > img { border-radius: 0; }
:root[data-mm-estilo="editorial"] .mm-chrome .mm-menu-item { font-size: .75rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
:root[data-mm-estilo="editorial"] .mm-chrome .mm-menu-item.mm-oferta { color: var(--mmc-acento); max-inline-size: 100%; white-space: normal; }
:root[data-mm-estilo="editorial"] .mm-chrome .mm-menu-item:hover { background: none; border-bottom-color: currentColor; }
:root[data-mm-estilo="editorial"] .mm-chrome .mm-menu-item:active { background: var(--mmc-fundo-2); border-bottom-color: currentColor; }
:root[data-mm-estilo="editorial"] .mm-footer { border-top: 2px solid var(--mme-tinta); background-color: var(--mmc-fundo); }

/* A LETRA: títulos grossos e apertados, rótulos em versalete espaçado, o kicker no vermelho. */
:root[data-mm-estilo="editorial"] :is(h1, .h1, h2, .h2, h3, .h3) { font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }
:root[data-mm-estilo="editorial"] :is(h4, .h4, h5, .h5, h6, .h6) { font-weight: 700; letter-spacing: -.015em; }
:root[data-mm-estilo="editorial"] .mm-kicker { color: var(--mme-vermelho); font-size: .75rem; font-weight: 600; letter-spacing: .13em; }
:root[data-mm-estilo="editorial"] .mm-kicker::before { display: none; }
:root[data-mm-estilo="editorial"] .card .font-monospace { color: var(--mme-vermelho); letter-spacing: .04em; }
:root[data-mm-estilo="editorial"] main a:not(.btn) { text-decoration-color: var(--mme-vermelho); text-underline-offset: .2em; }
:root[data-mm-estilo="editorial"] main h1 { font-size: clamp(2rem, 1.5rem + 1.5vw, 2.75rem); }

/* A composição distingue a página comercial da coluna de prosa. `ch` é ponto de partida; a linha real é medida. */
:root[data-mm-estilo="editorial"] main.mm-workspace { max-inline-size: var(--mme-pagina); }
:root[data-mm-estilo="editorial"] .mm-leitura {
  max-inline-size: var(--mme-coluna);
  margin-inline: auto;
  font-size: var(--mme-corpo);
  line-height: var(--mme-entrelinha);
  overflow-wrap: break-word;
}
:root[data-mm-estilo="editorial"] .mm-leitura-cabeca {
  padding-block: 1.5rem 2.5rem;
  border-bottom: 2px solid var(--mme-tinta);
}
:root[data-mm-estilo="editorial"] .mm-leitura-cabeca h1 { margin-block: 1.5rem; line-height: 1.15; }
:root[data-mm-estilo="editorial"] .mm-leitura-abertura { margin-bottom: 1.5rem; }
:root[data-mm-estilo="editorial"] .mm-leitura-secao { margin-block-start: 2.5rem; }
:root[data-mm-estilo="editorial"] .mm-leitura-secao h2 { margin-bottom: 1rem; line-height: 1.2; }
:root[data-mm-estilo="editorial"] .mm-leitura-secao p { margin-bottom: 1rem; }
:root[data-mm-estilo="editorial"] .mm-leitura-secao > :last-child { margin-bottom: 0; }
:root[data-mm-estilo="editorial"] .mm-leitura :is(.mm-leitura-secao, .mm-bloco) li + li { margin-block-start: .5rem; }
:root[data-mm-estilo="editorial"] .mm-leitura-relacionados {
  margin-block: 2.5rem;
  padding-block-start: 1.5rem;
  border-top: 1px solid var(--bs-border-color);
}
:root[data-mm-estilo="editorial"] .mm-leitura-relacionados h2,
:root[data-mm-estilo="editorial"] .mm-servicos-chamada h2 { line-height: 1.2; }
:root[data-mm-estilo="editorial"] .mm-leitura-relacionados li + li { margin-block-start: .75rem; }
:root[data-mm-estilo="editorial"] .mm-leitura-relacionados ul { margin-bottom: 0; }
:root[data-mm-estilo="editorial"] .mm-leitura > .mm-servicos { margin-block: 2.5rem 1.5rem; }
:root[data-mm-estilo="editorial"] .mm-leitura .mm-bloco h2 { margin-top: 2.5rem !important; margin-bottom: 1rem; line-height: 1.2; }
:root[data-mm-estilo="editorial"] .mm-leitura .mm-bloco ul { font-size: inherit; }
:root[data-mm-estilo="editorial"] .mm-capa-texto,
:root[data-mm-estilo="editorial"] main > header > p,
:root[data-mm-estilo="editorial"] main > section > .card-header > p,
:root[data-mm-estilo="editorial"] main > section > .card-body > p,
:root[data-mm-estilo="editorial"] main > section.mm-servicos > p { max-inline-size: var(--mme-coluna); }
:root[data-mm-estilo="editorial"] main > header > p { font-size: var(--mme-corpo); line-height: var(--mme-entrelinha); }
:root[data-mm-estilo="editorial"] main > section.mm-servicos-chamada { max-inline-size: var(--mme-coluna); font-size: var(--mme-corpo); line-height: var(--mme-entrelinha); }
:root[data-mm-estilo="editorial"] .mm-catalogo-lista { line-height: 1.6; }
:root[data-mm-estilo="editorial"] .mm-catalogo-lista :is(h3, h4) { line-height: 1.25; }
:root[data-mm-estilo="editorial"] .mm-catalogo-cartoes { padding-inline: 0 !important; }

/* Uma grade de revista reúne destaque e apoios; cada módulo mantém uma ordem de leitura contínua. */
:root[data-mm-estilo="editorial"] .mm-catalogo-revista { padding: 0 !important; }
:root[data-mm-estilo="editorial"] .mm-catalogo-revista-item {
  min-inline-size: 0;
  padding: 1.5rem !important;
  line-height: 1.6;
  overflow-wrap: break-word;
}
:root[data-mm-estilo="editorial"] .mm-catalogo-revista-item :is(h3, h4) { line-height: 1.15; }
:root[data-mm-estilo="editorial"] .mm-catalogo-revista-destaque :is(h3, h4) { font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem); }
:root[data-mm-estilo="editorial"] .mm-catalogo-revista-sinal {
  padding-block: .75rem;
  border-block: 1px solid var(--bs-border-color);
  font-size: 1.25rem;
}
:root[data-mm-estilo="editorial"] .mm-catalogo-revista-destaque { border: 0 !important; padding: 0 !important; }
:root[data-mm-estilo="editorial"] .mm-catalogo-revista-destaque > p { max-inline-size: var(--mme-coluna); font-size: var(--mme-corpo); }
:root[data-mm-estilo="editorial"] .mm-catalogo-revista .mm-prancha {
  margin-block: 1.5rem;
  border: 1px solid var(--bs-border-color);
  aspect-ratio: 2 / 1;
}
:root[data-mm-estilo="editorial"] .mm-catalogo-revista-destaque > .mm-figura { margin-block: 1.5rem; }
@media (min-width: 992px) {
  :root[data-mm-estilo="editorial"] .mm-catalogo-revista .row { --bs-gutter-x: 3rem; }
}

/* A CAPA: sem moldura nem véu, da altura do conteúdo. Uma figura informativa pode acompanhar a promessa. */
:root[data-mm-estilo="editorial"] .mm-capa { min-height: 0; margin-block: 0; border: 0; border-radius: 0; background: transparent; }
:root[data-mm-estilo="editorial"] .mm-capa:not(:has(.mm-capa-foto))::before { display: none; }
:root[data-mm-estilo="editorial"] .mm-capa-corpo { padding: clamp(2.5rem, 6vw, 5rem) 0 clamp(2rem, 4vw, 3rem); }
:root[data-mm-estilo="editorial"] .mm-capa-corpo:not(:has(.mm-capa-lado)) { grid-template-columns: minmax(0, 1fr); }
:root[data-mm-estilo="editorial"] .mm-capa-nome { font-size: clamp(3.25rem, 1rem + 10.5vw, 10rem); font-weight: 800; letter-spacing: -.045em; line-height: .92; }
:root[data-mm-estilo="editorial"] .mm-capa-ponto { color: var(--mme-vermelho); }
:root[data-mm-estilo="editorial"] .mm-capa:has(.mm-capa-figura) .mm-capa-nome { font-size: clamp(3.25rem, 1.5rem + 5.5vw, 6.25rem); }
:root[data-mm-estilo="editorial"] .mm-capa-figura > .mm-kicker { color: var(--bs-secondary-color); }
:root[data-mm-estilo="editorial"] .mm-capa-figura figcaption { border-top-color: var(--mme-tinta); }
@media (min-width: 992px) {
  :root[data-mm-estilo="editorial"] .mm-capa:has(.mm-capa-figura) .mm-capa-corpo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; }
}
:root[data-mm-estilo="editorial"] .mm-capa-nome + .mm-capa-titulo { font-size: clamp(1.375rem, 1rem + 1.4vw, 2rem); font-weight: 700; letter-spacing: -.025em; }
:root[data-mm-estilo="editorial"] .mm-capa-texto { color: var(--bs-secondary-color); }
:root[data-mm-estilo="editorial"] .mm-capa-sinais { border-top: 1px solid var(--mme-tinta); border-bottom: 1px solid var(--mme-tinta); background: transparent; }
:root[data-mm-estilo="editorial"] .mm-capa-sinais > div { padding-inline: 0; border-color: var(--mme-tinta); }
@media (min-width: 576px) {
  :root[data-mm-estilo="editorial"] .mm-capa-sinais > div:not(:last-child) { padding-inline-end: 1.5rem; }
  :root[data-mm-estilo="editorial"] .mm-capa-sinais > div + div { padding-inline-start: 1.5rem; }
}
:root[data-mm-estilo="editorial"] .mm-capa-sinais dt { font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; }
:root[data-mm-estilo="editorial"] .mm-capa-sinais dd { color: var(--bs-secondary-color); }

/* AS SEÇÕES DA PÁGINA: o filete grosso no alto delimita a seção (AGENTS-UI regra 20), o título vira manchete e o
   conteúdo alinha com a margem da página; os cartões de dentro são as pranchas, com borda de 1 px. */
:root[data-mm-estilo="editorial"] main > :is(section.card, section.mm-servicos) {
  margin-block: clamp(2.5rem, 6vw, 4.5rem) 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 2px solid var(--mme-tinta) !important;
  background: transparent !important;
  --bs-card-cap-padding-x: 0;
  --bs-card-spacer-x: 0;
}
:root[data-mm-estilo="editorial"] main > section.card > :is(.card-header, .card-footer) { padding-block: 1.25rem; border: 0; background: transparent !important; }
:root[data-mm-estilo="editorial"] main > section.card > .card-header > h2,
:root[data-mm-estilo="editorial"] main > section.mm-servicos > h2 {
  margin-top: 0;
  font-size: clamp(1.75rem, 1.25rem + 1.8vw, 2.5rem);
  font-weight: 800 !important;
  letter-spacing: -.04em;
  line-height: 1;
}
:root[data-mm-estilo="editorial"] main > section.mm-servicos > h2 { padding-top: 1.25rem; }
:root[data-mm-estilo="editorial"] main > section.card > .card-header > p,
:root[data-mm-estilo="editorial"] main > section.mm-servicos > p { margin-top: .75rem !important; color: var(--bs-secondary-color) !important; font-size: 1.0625rem; font-weight: 400; }
:root[data-mm-estilo="editorial"] .card { --bs-card-border-color: var(--bs-border-color); --bs-card-cap-bg: var(--bs-tertiary-bg); }
:root[data-mm-estilo="editorial"] .card-img-top { filter: grayscale(1) contrast(1.1); }
:root[data-mm-estilo="editorial"] .btn { --bs-btn-font-weight: 600; }
:root[data-mm-estilo="editorial"] :is(.btn-outline-primary, .btn-outline-secondary) { --bs-btn-focus-shadow-rgb: var(--mme-vermelho-rgb); }
/* O foco dos campos: o Bootstrap o pinta de azul com valor fixo, fora do token. */
:root[data-mm-estilo="editorial"] :is(.form-control, .form-select, .form-check-input):focus { border-color: var(--mme-tinta); box-shadow: 0 0 0 .25rem rgba(var(--mme-vermelho-rgb), .35); }
:root[data-mm-estilo="editorial"] .btn-primary {
  --bs-btn-color: var(--mme-papel); --bs-btn-bg: var(--mme-tinta); --bs-btn-border-color: var(--mme-tinta);
  --bs-btn-hover-color: var(--mme-sobre-vermelho); --bs-btn-hover-bg: var(--mme-vermelho); --bs-btn-hover-border-color: var(--mme-vermelho);
  --bs-btn-active-color: var(--mme-sobre-vermelho); --bs-btn-active-bg: var(--mme-vermelho-forte); --bs-btn-active-border-color: var(--mme-vermelho-forte);
  --bs-btn-disabled-color: var(--mme-papel); --bs-btn-disabled-bg: var(--mme-tinta); --bs-btn-disabled-border-color: var(--mme-tinta);
  --bs-btn-focus-shadow-rgb: var(--mme-vermelho-rgb);
}
:root[data-mm-estilo="editorial"] .mm-prancha { --mm-prancha-destaque: var(--mme-vermelho); --mm-prancha-sobre: var(--mme-sobre-vermelho); }
:root[data-mm-estilo="editorial"] .mm-steps > li::before { border-radius: 0; background: var(--mme-tinta); color: var(--mme-papel); }