/* ============================================================
   Made in Global Trade — Formulario de captación
   Estilo alineado al panel administrativo (navy + teal + degradado)
   ============================================================ */
:root{
  --ink:#f3f8ff; --text:#dbe8f7; --muted:#a6c4e6; --steel:#c4d8f0;
  --line:rgba(255,255,255,.14); --line-soft:rgba(255,255,255,.08);
  --blue:#3587df; --blue-600:#2b6fc4; --blue-300:#7fb4e8; --teal:#2fb6c9;
  --green:#2c8f5a; --red:#f2a69e;
  --ff-head:"Barlow Condensed",system-ui,sans-serif;
  --ff-body:"Inter",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;font-family:var(--ff-body);color:var(--text);min-height:100vh;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(1100px 850px at 4% 2%,#2c7590 0%,#184e78 15%,#0c2f58 30%,transparent 58%),
    linear-gradient(140deg,#071d3e 0%,#05142d 40%,#030a1c 70%,#01050e 100%);
}
a{color:inherit;text-decoration:none}
h1{font-family:var(--ff-head);font-weight:600;margin:0;letter-spacing:.01em}
.wrap{max-width:660px;margin:0 auto;padding:34px 20px 60px}
.t-head{text-align:center;margin-bottom:22px}
.t-head img{height:80px;width:auto;filter:drop-shadow(0 16px 34px rgba(0,0,0,.55))}

/* Tarjeta flotante con degradado azul (como las del panel) */
.card{
  position:relative;
  background:linear-gradient(160deg,#1c4f86,#0d2b54);
  border:1px solid var(--line);border-radius:22px;padding:32px 30px;
  box-shadow:0 40px 80px -32px rgba(0,0,0,.72), 0 12px 30px -18px rgba(0,0,0,.5);
  overflow:hidden;
}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--teal),var(--blue),transparent)}
.ey{font-family:var(--ff-head);text-transform:uppercase;letter-spacing:.26em;font-size:.78rem;color:var(--teal);margin:0 0 8px}
.card h1{font-size:2rem;text-transform:uppercase;line-height:1.05;color:#fff}
.card h1 span{color:var(--blue-300)}
.sub{color:var(--muted);margin:10px 0 24px;font-size:.96rem}
.err{background:rgba(240,120,110,.14);border:1px solid rgba(240,120,110,.42);color:var(--red);padding:11px 14px;border-radius:10px;margin-bottom:16px;font-size:.9rem}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:6px}
label{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}
label.wide{grid-column:1/-1}
label span{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
label.q span{font-size:.9rem;text-transform:none;letter-spacing:0;color:#eaf2fd;font-weight:500}
input,select{
  width:100%;background:rgba(255,255,255,.10);border:1px solid var(--line);border-radius:11px;
  color:#eef4fd;font-family:var(--ff-body);font-size:.95rem;padding:12px 13px;transition:.15s
}
input::placeholder{color:#9db4d2}
input:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,135,223,.28);background:rgba(255,255,255,.14)}
select{appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%23a9c4e4'%3E%3Cpath d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
select option{color:#0e2748;background:#e9f0fd}

.btn{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:9px;margin-top:10px;
  background:var(--green);color:#fff;font-family:var(--ff-head);text-transform:uppercase;letter-spacing:.08em;
  font-size:1.05rem;font-weight:500;padding:15px 24px;border:0;border-radius:12px;cursor:pointer;transition:.18s;
  box-shadow:0 16px 34px -16px rgba(44,143,90,.6)}
.btn:hover{background:#33a066;transform:translateY(-2px)}
.nota{text-align:center;color:var(--muted);font-size:.8rem;margin:14px 0 0}

/* Gracias */
.gracias{text-align:center}
.check{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;
  background:rgba(47,182,201,.16);border:1px solid rgba(47,182,201,.45);color:#8fe3ef}
.gracias h1{font-size:2rem;text-transform:uppercase;color:#fff}
.gracias p{color:var(--muted);margin:12px auto 22px;max-width:44ch}
.btn-wa{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;font-family:var(--ff-head);
  text-transform:uppercase;letter-spacing:.08em;padding:14px 30px;border-radius:999px;font-weight:500;
  box-shadow:0 16px 34px -16px rgba(44,143,90,.6)}
.btn-wa:hover{background:#33a066}
.volver{display:block;margin-top:18px;color:var(--muted);font-size:.86rem}
.volver:hover{color:var(--blue-300)}

.t-foot{text-align:center;color:var(--muted);font-size:.8rem;margin-top:26px}
.t-foot a{color:var(--blue-300)}

@media (max-width:560px){ .grid{grid-template-columns:1fr} .card{padding:26px 20px} .card h1{font-size:1.7rem} }