/* Identidade v4 (decisões 62 e 63; manual em brand/identity-v4/). Carregado por último em todas as páginas.
   Cores-base vêm dos tokens de site.css; aqui ficam o logotipo, o fio de cobre, a faixa de azul sólido
   e o mínimo de 12 px para o texto da página (ilustrações de interface ficam com o tamanho próprio). */

/* Logotipo: o nome desenhado, numa cor só (herda --fg). */
.brand .logotipo {display:block;height:26px;width:auto;color:var(--fg)}
.site-footer .brand .logotipo {height:22px}
@media (max-width:620px) {.brand .logotipo {height:22px}}
@media (max-width:360px) {.is-landing .site-header .logotipo {height:19px}}

/* O fio de cobre: uma palavra de destaque no topo da home e o ponto de sinal. */
.home-hero h1 .text-accent {color:#ED9C55}

/* Faixa de Azul Tecela no fechamento das páginas: contraste por bloco. */
.closing-section {
  --bg:#2459DB;--bg-2:#2A61E6;--fg:#FFFFFF;--fg-2:#E3EBFD;--muted:#D3E0FB;--border:rgba(255,255,255,.24);
  --accent:#FFFFFF;--accent-fg:#2459DB;
  background:#2459DB;color:#FFFFFF;border-top:0;color-scheme:light;
}
.closing-section .eyebrow {color:#D3E0FB}
.closing-section .text-accent {color:#0A1424}
.closing-section .lead {color:#E3EBFD}
.closing-section .btn-primary:hover {filter:none;background:#F5F7FC}
.closing-section a:focus-visible {outline-color:#FFFFFF}

/* Categorias do blog em azul; o cobre fica para a caixa "Em palavras simples". */
.blog-card-category,.blog-featured-category,.blog-post-category {color:var(--accent)}

/* Nada abaixo de 12 px no texto da página. */
.eyebrow,.hero-copy .eyebrow,.selected-copy .eyebrow,.work-body .eyebrow,.case-section .eyebrow,.layer-panel .eyebrow,
.frame-heading,.frame-foot,.frame-foot a,.art-caption,.discipline-strip span,.case-spotlight-copy small,
.layer-number,.tech-tags li,.stack-list li,.process-grid article>span,.insight-grid span,
.site-footer p,.site-footer .legal,.badge,.work-concept p,.work-concept span,.work-concept ol li::before,
.case-stack li,.contact-note,.hero-note,.layer-tabs small,.case-caption,
.blog-card-category,.blog-featured-eyebrow,.blog-featured-category,
.ctt-next li::before,.ctt-steps li>span,.ctt-steps b,.ctt-step-label,
.lp-board-head,.lp-wk,.lp-tags em,.lp-track,.lp-n,.lp-proof-card .eyebrow,.lp-step-label,
.svcp-crumb,.svcp-visual-head,.svcp-card .svcp-k,.svcp-steps span,.svcp-badge,.svcp-shot-tag,.svcp-feature-body .svcp-k,
.svc-num,.weave-steps i,.v3-tech .stack-tab-index,
.v3-dados .v3-data-frame figcaption,
.landscape-label,.landscape-base p,.data-example .eyebrow,.landscape-sources>div>span {font-size:12px}
/* Onde o tamanho de computador já passava de 12 px, a regra vale só na largura em que ele caía. */
@media (max-width:720px) {.v3-dados .v3-data-diagram figcaption,.landscape-agents>div>span {font-size:12px}}
@media (max-width:380px) {.hero-copy .btn {font-size:12px}}
@media (max-width:360px) {.is-landing .nav>a.btn-primary {font-size:12px}}