/* ==========================================================
   07-contacto.css
   FUNCIÓN: Sección de contacto (fondo oscuro): datos de la
   empresa a la izquierda y formulario a la derecha.
   ========================================================== */

/* ---------- BLOQUE: Contenedor y textos de contacto ---------- */
.contact{background:var(--tinta);color:var(--papel);border-radius:var(--r-lg);margin:0 20px;width:auto;}
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1120px;}
.contact h2{font-size:clamp(1.7rem,2.8vw,2.1rem);}
.contact p{color:#C7C8D2;margin-top:16px;max-width:42ch;}
.contact-info{margin-top:28px;display:flex;flex-direction:column;gap:4px;font-family:'JetBrains Mono',monospace;font-size:0.88rem;overflow-wrap:anywhere;}
.contact-info a,.contact-info span{padding:8px 0;min-height:44px;display:flex;align-items:center;}
.contact-info a:hover{color:var(--verde);}
.contact .social-row{margin-top:24px;}

/* ---------- BLOQUE: Formulario ---------- */
form{display:flex;flex-direction:column;gap:14px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-row > div{min-width:0;} /* nombre y teléfono en la misma fila */
input, textarea{
  width:100%;min-width:0;
  -webkit-appearance:none;appearance:none;
  background:#2A2A34;
  border:1px solid #3E3E4A;
  color:var(--papel);
  padding:13px 16px;
  border-radius:var(--r-sm);
  font-family:'Inter';
  font-size:1rem;           /* 16px: evita el zoom automático de iOS al enfocar */
}
input:focus-visible, textarea:focus-visible{outline:2px solid var(--verde);outline-offset:1px;}
input::placeholder, textarea::placeholder{color:#8D8D99;}
textarea{resize:vertical;min-height:100px;}
label{display:block;font-size:0.78rem;color:#A6A6B0;font-family:'JetBrains Mono',monospace;margin-bottom:6px;}
.contact form .btn{margin-top:6px;} /* botón "Enviar solicitud" */

/* ---------- BLOQUE: Campo trampa anti-bots y aviso del formulario ---------- */
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}  /* fuera de pantalla, no display:none */
.contact .form-aviso{font-size:0.92rem;padding:12px 16px;border-radius:var(--r-sm);margin:0;max-width:none;}
.contact .form-aviso.ok{background:rgba(169,204,79,0.16);color:var(--verde);}
.contact .form-aviso.error{background:rgba(255,120,120,0.14);color:#FFB4B4;}
.contact form .btn:disabled{opacity:.6;cursor:wait;}