/* Home: complementos de layout que reaproveitam componentes existentes. Só tokens do design system. */

/* Campos de seleção do formulário de contato, no mesmo estilo dos campos de texto */
.field[data-astro-cid-vvb5wlht] select[data-astro-cid-vvb5wlht] {
  border: 0;
  border-bottom: 1px solid var(--ink-300);
  border-radius: 0;
  background: transparent;
  padding: 12px 28px 10px 0;
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 1.4;
  color: var(--ink-900);
  outline: none;
  width: 100%;
  cursor: pointer;
  transition: border-color .22s;
  -webkit-appearance: none;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ink-500) 50%),
    linear-gradient(135deg, var(--ink-500) 50%, transparent 50%);
  background-position: calc(100% - 10px) 55%, calc(100% - 5px) 55%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
}
.field[data-astro-cid-vvb5wlht] select[data-astro-cid-vvb5wlht]:focus { border-bottom-color: var(--oxblood-500); }
.field[data-astro-cid-vvb5wlht] select[data-astro-cid-vvb5wlht]:invalid { color: var(--ink-400); font-style: italic; }
.field[data-astro-cid-vvb5wlht] select[data-astro-cid-vvb5wlht] option { color: var(--ink-900); font-style: normal; }

/* "Como começamos": grade dos pilares com três colunas */
.pillars.pillars--3[data-astro-cid-xm5aev4z] { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 767px) {
  .pillars.pillars--3[data-astro-cid-xm5aev4z] { grid-template-columns: 1fr; }
}

/* "Para quem": subtítulo de cada grupo e grade de dois cards do grupo indústria */
.pq-group-hd[data-astro-cid-ms3wgj73] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  padding: 48px 80px 20px;
  border-bottom: 1px solid var(--ink-100);
}
.pq-group-hd[data-astro-cid-ms3wgj73] .sect-eyebrow { margin: 0; font-weight: inherit; }
.pq-group-count[data-astro-cid-ms3wgj73] {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--ink-500);
  white-space: nowrap;
}
.disc-grid.disc-grid--2[data-astro-cid-ms3wgj73] { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1024px) {
  .pq-group-hd[data-astro-cid-ms3wgj73] { padding: 40px 40px 16px; }
}
@media (max-width: 767px) {
  .pq-group-hd[data-astro-cid-ms3wgj73] { padding: 32px 24px 14px; flex-direction: column; gap: 6px; }
  .disc-grid.disc-grid--2[data-astro-cid-ms3wgj73] { grid-template-columns: 1fr; }
}

/* "Trabalhos recentes": três cases em destaque, com o palco da página /casos/ (casos.css) */
.hw-grid[data-astro-cid-pcc2hlgl] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--ink-100); }
.hw-card[data-astro-cid-pcc2hlgl] { display: flex; flex-direction: column; border-right: 1px solid var(--ink-100); background: var(--bone-50); }
.hw-card[data-astro-cid-pcc2hlgl]:last-child { border-right: 0; }
.hw-card[data-astro-cid-pcc2hlgl] .cs-stage { min-height: 460px; padding: 64px 40px; }
.hw-card[data-astro-cid-pcc2hlgl] .cs-stage img { width: min(300px, 72%); max-height: 150px; object-fit: contain; }
.hw-info[data-astro-cid-pcc2hlgl] { display: flex; flex-direction: column; align-items: flex-start; flex: 1; padding: 36px 40px 44px; }
.hw-info[data-astro-cid-pcc2hlgl] .cs-title { font-size: clamp(22px, 2vw, 30px); max-width: 20ch; }
.hw-info[data-astro-cid-pcc2hlgl] .cs-destaque { font-size: 17px; margin: 0 0 28px; }
.hw-info[data-astro-cid-pcc2hlgl] .work-foot-link { margin-top: auto; }
@media (max-width: 1024px) {
  .hw-grid[data-astro-cid-pcc2hlgl] { grid-template-columns: minmax(0, 1fr); }
  .hw-card[data-astro-cid-pcc2hlgl] { border-right: 0; border-bottom: 1px solid var(--ink-100); }
  .hw-card[data-astro-cid-pcc2hlgl]:last-child { border-bottom: 0; }
  .hw-card[data-astro-cid-pcc2hlgl] .cs-stage { min-height: 360px; padding: 56px 40px; }
  .hw-info[data-astro-cid-pcc2hlgl] { padding: 32px 40px 48px; }
}
@media (max-width: 767px) {
  .hw-card[data-astro-cid-pcc2hlgl] .cs-stage { min-height: 280px; padding: 48px 16px; }
  .hw-info[data-astro-cid-pcc2hlgl] { padding: 28px 24px 40px; }
}