/* Seção #contato — usada por includes/contato.php
   Depende das variáveis (--navy-*, --gold-*, --radius-xl, --bg) e da classe .wrap/.eyebrow da página. */
.contact-outer{ background:var(--bg); padding:0 0 100px; }
.contact{
    position:relative; overflow:hidden;
    background:linear-gradient(135deg, var(--navy-800), var(--navy-950) 75%);
    border-radius:var(--radius-xl);
    padding:64px 56px;
    box-shadow:var(--shadow-lg);
  }
.contact-inner{ position:relative; display:flex; justify-content:space-between; align-items:flex-end; gap:40px; flex-wrap:wrap; }
.contact-copy h2{ font-size:clamp(28px,4vw,42px); color:#fff; max-width:560px; line-height:1.15; }
.contact-copy p{ margin-top:16px; font-size:16.5px; color:rgba(255,255,255,0.68); max-width:460px; }
.contact .eyebrow{ color:var(--gold-400); }
.contact-actions{ display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.phone-card{
    display:flex; align-items:center; gap:14px;
    background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.16);
    padding:16px 22px; border-radius:16px;
    transition:transform .2s ease, background .2s ease;
  }
.phone-card:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.13); }
.phone-card svg{ width:22px; height:22px; stroke:var(--gold-400); flex:none; }
.phone-card b{ display:block; font-family:'IBM Plex Mono',monospace; font-size:18px; color:#fff; }
.phone-card span{ font-size:11.5px; color:rgba(255,255,255,0.55); letter-spacing:.05em; }
@media (max-width:980px){
  .contact-inner{ flex-direction:column; align-items:flex-start; }
  .contact{ padding:48px 32px; }
}
@media (max-width:600px){
  .contact{ padding:38px 22px; border-radius:20px; }
}