/* Identidade visual da abertura de chamados. Apenas aparência, sem modificar o fluxo da OM. */
:root { --orange: #ed5d13; --line:#e3e7ed; --ink:#222b36; --muted:#576373; --soft:#f6f7f8; }
body { background: #f3f4f6; color: var(--ink); }
.hero {
  background: #ffffff;
  color: var(--ink);
  border: 1px solid var(--line);
  border-bottom: 3px solid var(--orange);
  padding: 26px 30px 25px;
}
.hero h1 { color: #1f2933; margin-top: 22px; }
.hero p { color: #56616e; max-width: 780px; }
.hero-header { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.brand-logo { display:inline-flex; align-items:center; max-width:65%; }
.brand-logo img { display:block; width:230px; height:auto; max-width:100%; }
.lang-switch { display:flex; gap:5px; align-items:center; flex-wrap:wrap; }
.lang-switch a { display:inline-flex; justify-content:center; align-items:center; padding:8px 10px; min-width:38px; text-decoration:none; color:#525d69; border:1px solid #dce1e6; background:#fff; border-radius:9px; font-size:12px; font-weight:800; transition:background .15s; }
.lang-switch a[aria-current="true"] { border-color:#ed5d13; color:#ad440d; background:#fff1e8; }
.lang-switch a:hover { background:#fff5ef; }
.card { position:relative; isolation:isolate; overflow:hidden; border-top:0; background:#fff; }
.card::before { content:""; pointer-events:none; position:absolute; z-index:0; inset:0; opacity:.08; background-image:url('../img/dalca-marca-dagua.png'); background-position:center center; background-repeat:no-repeat; background-size:auto min(74%, 690px); }
.card > * { position:relative; z-index:1; }
.form-section { background:rgba(255,255,255,.84); }
.machine-item { background:rgba(246,247,248,.88); }
.card .hint, .form-section p { color:#5c6570; }
.priority-note { background:#fff8f3; border-color:#f9ddcb; color:#744224; }
@media (max-width:680px) {
  .hero {padding:23px 20px;}
  .hero h1 {margin-top:17px;}
  .brand-logo img {width:185px;}
  .card::before {background-size: 72% auto; opacity:.06;}
}