/* Página Contáctenos — estilos propios del formulario (sobre el tema oscuro interno) */
.contacto-form-section{ background: var(--bg); padding: clamp(48px,7vw,110px) 0; }
.contacto-form-section .nosotros-wrap{ display:flex; flex-direction:column; gap: clamp(28px,4vw,52px); }

.contacto-form{ display:grid; gap:18px; width:100%; max-width:760px; }
.contacto-form .row{ display:grid; gap:18px; grid-template-columns:1fr; }
@media (min-width:640px){ .contacto-form .row{ grid-template-columns:1fr 1fr; } }

.contacto-field{ display:flex; flex-direction:column; gap:8px; }
.contacto-field label{
  font-size:11px; text-transform:uppercase; letter-spacing:.18em; font-weight:600;
  color: rgba(232,241,250,.5);
}
.contacto-field input,
.contacto-field textarea{
  width:100%; font-family: var(--font); font-size:15px; color: var(--ink);
  background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14);
  border-radius:14px; padding:14px 16px;
  transition: border-color .2s, background-color .2s;
}
.contacto-field input::placeholder,
.contacto-field textarea::placeholder{ color: rgba(232,241,250,.32); }
.contacto-field textarea{ min-height:150px; resize:vertical; line-height:1.6; }
.contacto-field input:focus,
.contacto-field textarea:focus{
  outline:none; border-color: var(--cyan); background: rgba(255,255,255,.06);
}

.contacto-form-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:6px; }
.contacto-form-note{ font-size:13px; line-height:1.6; color: rgba(232,241,250,.5); max-width:42ch; }