/* ═══════════════════════════════════════════════════════
   INSTITUTO LORDE — SKIN: contato
═══════════════════════════════════════════════════════ */

/* ── contact-hero ── */
.contact-hero {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.10) 0%, transparent 60%),
    linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 45%, var(--navy-mid) 80%, #162036 100%);
}
.contact-hero::before {
  background: linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);
}
.contact-hero h1 { color: #fff; }
.contact-hero h1 em { color: var(--gold-light); }
.contact-hero p { color: rgba(255,255,255,0.60); }

/* ── contact-body ── */
.contact-sections { background: linear-gradient(180deg, var(--navy-dark) 0%, var(--navy) 100%); }
.contact-info h3 { color: #fff; }
.c-item { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); }
.c-item:hover { border-color: rgba(201,168,76,0.25); background: rgba(201,168,76,0.04); }
.c-ico-wrap { background: linear-gradient(135deg,rgba(201,168,76,0.14),rgba(201,168,76,0.05)); }
.c-item strong { color: #fff; }
.c-item p { color: rgba(255,255,255,0.52); }
.contact-socials h4 { color: var(--gold); }
.soc-btn { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); }
.soc-btn i { color: rgba(255,255,255,0.55); }
.soc-btn:hover { background: rgba(201,168,76,0.14); border-color: rgba(201,168,76,0.30); }

.contact-form-box { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); }
.contact-form-box h3 { color: #fff; }
.fg label { color: rgba(255,255,255,0.60); }
.fg input, .fg select, .fg textarea {
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); color: #fff;
}
.fg input::placeholder, .fg textarea::placeholder { color: rgba(255,255,255,0.28); }
.fg select option { background: var(--navy-dark); color: #fff; }
.fg input:focus, .fg select:focus, .fg textarea:focus {
  border-color: rgba(201,168,76,0.40); background: rgba(201,168,76,0.04);
}
.form-submit {
  background: linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));
  color: var(--navy-dark); box-shadow: 0 4px 20px rgba(201,168,76,0.35);
  font-family: 'Quicksand', sans-serif;
}
.form-submit:hover { box-shadow: 0 10px 32px rgba(201,168,76,0.50); }

.map-section h3 { color: #fff; }
.map-box { border: 1px solid rgba(201,168,76,0.18); box-shadow: 0 8px 32px rgba(0,0,0,0.35); }