.atendimento-page{padding:48px 0 72px}
.atendimento-hero{padding-top:28px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.atendimento-hero .eyebrow{color:var(--muted);margin-bottom:18px}
.atendimento-hero h1{
  font-family:var(--display);
  font-weight:300;
  font-size:clamp(3.25rem,7vw,5.75rem);
  line-height:1.02;
  letter-spacing:-.02em;
  display:flex;
  align-items:center;
  gap:28px;
  margin-bottom:22px;
}
.atendimento-hero h1 span{font-family:var(--body);font-size:.55em;color:var(--orange)}
.atendimento-lead{max-width:42rem;color:var(--muted);font-size:1.0625rem;line-height:1.6}

.atendimento-channels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding-top:36px;
  padding-bottom:48px;
}
.channel-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:28px 26px;
  border:1px solid var(--line);
  min-height:160px;
  transition:border-color .2s, background .2s, color .2s;
}
.channel-card:hover{border-color:var(--orange)}
.channel-whatsapp:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.channel-mail:hover{background:var(--navy);border-color:var(--navy)}
.channel-label{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.channel-whatsapp:hover .channel-label,
.channel-mail:hover .channel-label{color:inherit;opacity:.75}
.channel-card strong{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;overflow-wrap:anywhere}
.channel-cta{margin-top:auto;font-size:.875rem}

.atendimento-form-wrap{
  border-top:1px solid var(--line);
  padding-top:40px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);
  gap:48px;
  align-items:start;
}
.atendimento-form-heading .eyebrow{color:var(--orange);margin-bottom:14px}
.atendimento-form-heading h2{
  font-family:var(--display);
  font-weight:300;
  font-size:clamp(2rem,3.5vw,3rem);
  line-height:1.1;
  margin-bottom:14px;
}
.atendimento-form-heading p{color:var(--muted);max-width:28rem}

.atendimento-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
}
.field{display:flex;flex-direction:column;gap:8px}
.field-full{grid-column:1/-1}
.field label{font-size:.875rem;letter-spacing:.04em}
.field .optional{color:var(--muted);font-weight:400;letter-spacing:0}
.field input,
.field textarea{
  width:100%;
  background:#111;
  color:var(--paper);
  border:1px solid var(--line);
  padding:14px 16px;
  font:inherit;
  border-radius:0;
  min-height:48px;
}
.field textarea{resize:vertical;min-height:160px;line-height:1.5}
.field input:focus,
.field textarea:focus{outline:2px solid var(--orange);outline-offset:2px;border-color:var(--orange)}
.field input::placeholder,
.field textarea::placeholder{color:#666}

.hp-field{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px}
.btn-submit{
  appearance:none;
  border:0;
  background:var(--orange);
  color:var(--ink);
  font-weight:500;
  min-height:52px;
  padding:14px 28px;
  transition:background .2s, opacity .2s;
}
.btn-submit:hover{background:var(--orange-light)}
.btn-submit:disabled{opacity:.45;cursor:default}

.form-status{
  padding:16px 18px;
  border:1px solid var(--line);
  font-size:.9375rem;
  line-height:1.5;
}
.form-status.is-success{border-color:#3d7a4a;background:#0f1a12;color:#b7e0c0}
.form-status.is-error{border-color:#8a3b3b;background:#1a1010;color:#f0b4b4}

@media(max-width:1100px){
  .atendimento-form-wrap{grid-template-columns:1fr;gap:28px}
}
@media(max-width:760px){
  .atendimento-page{padding:28px 0 48px}
  .atendimento-channels{grid-template-columns:1fr}
  .atendimento-form{grid-template-columns:1fr}
  .atendimento-hero h1{gap:16px}
}

/* IDV atendimento */
.atendimento-hero h1{font-weight:300}
.atendimento-hero h1 span{font-weight:600;font-family:var(--display);color:var(--orange)}
.channel-card strong{font-weight:400}