/* ==========================================================================
   /lojas · /corporativo · /sobre · /trabalhe-conosco
   ========================================================================== */

/* -- Unidades -------------------------------------------------------------- */

.ipe-unidades {
  display: grid;
  gap: var(--e-12);
  margin-block-start: var(--e-16);
}

.ipe-unidade {
  background: var(--cor-superficie);
  border-radius: var(--raio-card);
  overflow: hidden;
}

.ipe-unidade__foto img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ipe-unidade__corpo {
  padding: var(--e-6);
}

.ipe-unidade__nome {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--e-3);
  font-size: var(--step-2);
}

.ipe-unidade__papel {
  font-family: var(--fonte-corpo);
  font-stretch: var(--largura-corpo);
  letter-spacing: 0;
  font-size: 0.875rem;
  font-weight: var(--peso-forte);
  color: var(--cor-texto-2);
}

.ipe-unidade__dados {
  display: grid;
  gap: var(--e-4);
  margin-block-start: var(--e-6);
}

.ipe-unidade__dados dt {
  font-size: 0.8125rem;
  color: var(--cor-texto-2);
}

.ipe-unidade__dados dd {
  margin: 0;
  font-weight: var(--peso-forte);
}

.ipe-unidade__mapa {
  margin-block-start: var(--e-6);
}

.ipe-unidade__mapa img {
  width: 100%;
  height: auto;
  border-radius: var(--raio-input);
  border: 1px solid var(--cor-borda);
}

.ipe-unidade__acao {
  margin-block-start: var(--e-6);
}

@media (min-width: 900px) {
  .ipe-unidades {
    grid-template-columns: 1fr 1fr;
    gap: var(--gutter);
  }
}

/* -- Dados cadastrais -----------------------------------------------------
   Bloco denso e sóbrio: é o primeiro lugar onde o comprador corporativo
   olha, antes de ler qualquer texto (cap. 10.5).
   ------------------------------------------------------------------------ */

.ipe-corp-dados {
  margin-block-start: var(--e-16);
  padding: var(--e-6);
  background: var(--cor-superficie);
  border-radius: var(--raio-card);
}

.ipe-corp-dados dl,
.ipe-corp-dados__lista {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
  gap: var(--e-6) var(--gutter);
  margin: 0;
}

.ipe-corp-dados dt,
.ipe-corp-dados__lista dt {
  font-size: 0.8125rem;
  color: var(--cor-texto-2);
}

.ipe-corp-dados dd,
.ipe-corp-dados__lista dd {
  margin: 0;
  margin-block-start: var(--e-1);
  font-weight: var(--peso-forte);
}

/* -- Contato nominal de vendas -------------------------------------------- */

.ipe-corp-vendas {
  margin-block-start: var(--e-8);
  background: var(--cor-superficie);
  border-radius: var(--raio-card);
  overflow: hidden;
}

.ipe-corp-vendas__corpo {
  padding: var(--e-6);
}

.ipe-corp-vendas__rotulo {
  font-size: 0.8125rem;
  font-weight: var(--peso-forte);
  color: var(--cor-texto-2);
}

.ipe-corp-vendas__nome {
  margin-block-start: var(--e-2);
  font-family: var(--fonte-display);
  font-stretch: var(--largura-display);
  font-weight: var(--peso-forte);
  letter-spacing: var(--tracking-display);
  font-size: var(--step-2);
  line-height: var(--lh-display);
}

.ipe-corp-vendas__contatos {
  display: flex;
  flex-wrap: wrap;
  gap: var(--e-3) var(--e-8);
  margin-block-start: var(--e-4);
  padding: 0;
  list-style: none;
}

.ipe-corp-vendas__contatos a {
  display: inline-flex;
  align-items: center;
  min-height: var(--toque-min);
  font-weight: var(--peso-forte);
}

.ipe-corp-vendas__corpo .ipe-secundario {
  margin-block-start: var(--e-3);
  font-size: 0.875rem;
}

/* -- Marcos da história ---------------------------------------------------- */

.ipe-marcos {
  display: grid;
  gap: var(--e-8);
  margin-block-start: var(--e-12);
  padding: 0;
  list-style: none;
}

.ipe-marco {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--e-6);
  align-items: start;
  padding-block-start: var(--e-4);
  border-block-start: 1px solid var(--cor-borda);
}

.ipe-marco__ano {
  font-family: var(--fonte-display);
  font-stretch: var(--largura-display);
  font-weight: var(--peso-forte);
  letter-spacing: var(--tracking-display);
  font-size: var(--step-2);
  line-height: 1;
  min-width: 5ch;
}

.ipe-marco__texto {
  margin: 0;
}

/* -- Formulário curto (vaga e proposta) ------------------------------------ */

.ipe-form-simples__campos {
  display: grid;
  gap: var(--e-6);
}

.ipe-form-simples__cidade {
  margin-block-start: var(--e-8);
}

.ipe-form-simples__cidade .ipe-opcoes {
  margin-block-start: var(--e-3);
}

.ipe-form-simples .ipe-campo:has(textarea),
.ipe-form-simples > .ipe-campo {
  margin-block-start: var(--e-8);
}

.ipe-form-simples__acao {
  margin-block-start: var(--e-8);
}

@media (max-width: 479px) {
  .ipe-form-simples__acao .ipe-botao {
    width: 100%;
  }
}

@media (min-width: 640px) {
  .ipe-form-simples__campos {
    grid-template-columns: 1fr 1fr;
  }
}