/* Páginas de aplicação (/aplicacoes). Carregado via $meta['css'] em handlers/aplicacoes.php. */
.ap-hero__grid { display: grid; gap: var(--s-6); align-items: center; }
.ap-hero__grid > * { min-width: 0; }
.ap-hero__icone { display: none; }
@media (min-width: 900px) {
  .ap-hero__grid { grid-template-columns: 1fr auto; }
  .ap-hero__icone { display: grid; place-items: center; width: 220px; height: 220px; border-radius: 50%;
    background: rgba(255,255,255,.06); border: 3px solid var(--hd-amarelo); color: var(--hd-amarelo); }
  .ap-hero__icone .icone { width: 110px; height: 110px; }
}
.ap-hero .lead { max-width: 62ch; }

.ap-tarefa { display: flex; flex-direction: column; padding: var(--s-5); border-top: 4px solid var(--hd-amarelo); min-width: 0; }
.ap-tarefa__icone { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--raio);
  background: var(--hd-azul-100); color: var(--hd-azul); margin-bottom: var(--s-4); }
.ap-tarefa__icone .icone { width: 26px; height: 26px; }
.ap-tarefa__titulo { font-size: var(--fs-lg); font-weight: 900; text-transform: uppercase; line-height: 1.15; margin: 0 0 var(--s-2); }
.ap-tarefa__texto { color: var(--cinza-600); font-size: var(--fs-sm); margin: 0 0 var(--s-4); }
.ap-tarefa__links { list-style: none; margin: auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2); }
.ap-tarefa__links a { display: inline-flex; align-items: center; gap: .35em; padding: .35em .75em; border-radius: var(--raio-sm);
  background: var(--cinza-100); color: var(--hd-azul); font-weight: 700; font-size: var(--fs-sm); text-decoration: none; overflow-wrap: anywhere; }
.ap-tarefa__links a .icone { width: 14px; height: 14px; flex: none; }
.ap-tarefa__links a:hover, .ap-tarefa__links a:focus-visible { background: var(--hd-amarelo); color: var(--preto); }

.ap-orcamento { border-block: 1px solid var(--cinza-200); }
.ap-orcamento__grid { display: grid; gap: var(--s-5); align-items: center; }
.ap-orcamento__grid h2 { margin-bottom: var(--s-2); }
.ap-orcamento__acoes { flex-wrap: wrap; gap: var(--s-3); }
@media (min-width: 900px) { .ap-orcamento__grid { grid-template-columns: 1fr auto; } }

/* Faixa "Soluções por aplicação" da home */
.ap-faixa__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-3);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.ap-faixa__lista li { display: flex; }
.ap-faixa__lista a { display: flex; flex: 1; align-items: center; gap: var(--s-3); padding: var(--s-4); min-height: 76px; border-radius: var(--raio);
  background: rgba(255,255,255,.06); color: var(--branco); font-weight: 800; text-transform: uppercase; font-size: var(--fs-sm);
  text-decoration: none; border: 1px solid rgba(255,255,255,.12); transition: background var(--t), color var(--t); min-width: 0; }
.ap-faixa__lista a .icone { width: 26px; height: 26px; color: var(--hd-amarelo); flex: none; }
.ap-faixa__lista a:hover, .ap-faixa__lista a:focus-visible { background: var(--hd-amarelo); color: var(--preto); }
.ap-faixa__lista a:hover .icone, .ap-faixa__lista a:focus-visible .icone { color: var(--preto); }