/* APM Traders · cuestionarios de alta (cliente / proveedor) y pestañas del bloque de contacto */
.apmq{--q-brand:var(--brand,#6B78F2);--q-brand-d:var(--brand-d,#4F5BD5);--q-navy:var(--navy,#16223A);--q-ink:var(--ink,#27314a);--q-muted:var(--muted,#6b7385);--q-line:var(--line,#e6e8ef);--q-soft:var(--soft,#f5f6fb);--q-bad:#c5221f;
  font-family:var(--sans,"Outfit",Helvetica,Arial,sans-serif);color:var(--q-ink);text-align:left}
.apmq *,.apmq *::before,.apmq *::after{box-sizing:border-box}
.apmq .apmq-card{background:#fff;padding:30px;border-radius:4px;box-shadow:0 10px 30px rgba(22,34,58,.06);margin:0}
.apmq h3{margin:0 0 6px;font-family:var(--serif,Georgia,serif);color:var(--q-navy);font-size:22px;line-height:1.25;outline:none}
.apmq .apmq-intro{margin:0 0 14px;color:var(--q-muted);font-size:15px}
.apmq .apmq-draft{margin:0 0 14px;font-size:14px;background:var(--q-soft);padding:8px 12px;border-radius:3px}
.apmq .apmq-draft button{background:none;border:0;padding:0;color:var(--q-brand-d);font:600 14px inherit;font-family:inherit;text-decoration:underline;cursor:pointer}

/* progreso */
.apmq .apmq-steps{list-style:none;display:flex;gap:6px;margin:14px 0 8px;padding:0}
.apmq .apmq-steps li{flex:1;min-width:0}
.apmq .apmq-steps li>span,.apmq .apmq-steps li>button{display:flex;flex-direction:column;gap:6px;width:100%;background:none;border:0;padding:0;font:inherit;text-align:left;color:var(--q-muted);cursor:default}
.apmq .apmq-steps li>button{cursor:pointer}
.apmq .apmq-steps li>*::before{content:"";display:block;height:4px;border-radius:2px;background:var(--q-line)}
.apmq .apmq-steps li.is-done>*::before,.apmq .apmq-steps li.is-cur>*::before{background:var(--q-brand)}
.apmq .apmq-steps i{display:none}
.apmq .apmq-steps em{font-style:normal;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apmq .apmq-steps li.is-cur em{color:var(--q-navy);font-weight:600}
.apmq .apmq-steps li>button:hover em{color:var(--q-brand-d);text-decoration:underline}
.apmq .apmq-count{margin:0 0 4px;font-size:13px;color:var(--q-muted)}
.apmq .apmq-count b{color:var(--q-navy)}
@media(max-width:640px){.apmq .apmq-steps em{display:none}}

/* campos */
.apmq .apmq-body{margin-top:6px}
.apmq .apmq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:600px){.apmq .apmq-grid{grid-template-columns:1fr}.apmq .apmq-card{padding:22px 18px}}
.apmq .apmq-f{margin:0;padding:0;border:0;min-width:0}
.apmq .apmq-l,.apmq legend{display:block;font-size:14px;font-weight:600;color:var(--q-navy);margin:14px 0 6px;padding:0}
.apmq .apmq-req{color:var(--q-brand-d)}
.apmq input[type=text],.apmq input[type=email],.apmq input[type=tel],.apmq textarea{width:100%;border:1px solid #d5d8e2;background:#fff;padding:11px 13px;font:400 15px var(--sans,inherit);border-radius:3px;color:var(--q-ink)}
.apmq textarea{min-height:64px;resize:vertical;line-height:1.45}
.apmq input:focus,.apmq textarea:focus{border-color:var(--q-brand);outline:2px solid var(--q-brand-d);outline-offset:0}
.apmq .is-bad>input,.apmq .is-bad>textarea,.apmq .apmq-refs.is-bad input,.apmq .apmq-other.is-bad input{border-color:var(--q-bad);box-shadow:0 0 0 1px var(--q-bad)}
.apmq .apmq-ferr{color:var(--q-bad);font-size:13px;font-weight:600;margin:5px 0 0}
.apmq .apmq-err{color:var(--q-bad);font-size:14px;font-weight:600;margin:12px 0 0;padding:10px 12px;background:#fdecea;border-radius:3px}
.apmq .apmq-h{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--q-line)}
.apmq .apmq-body>.apmq-h:first-child{margin-top:4px;padding-top:0;border:0}
.apmq .apmq-h h4{margin:0;font-size:16px;color:var(--q-navy)}
.apmq .apmq-h h4 small{font-weight:400;color:var(--q-muted);font-size:13px}
.apmq .apmq-h p,.apmq .apmq-note{margin:4px 0 0;font-size:13.5px;color:var(--q-muted)}

/* opciones tipo "chip" */
.apmq .apmq-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.apmq .apmq-choices.c2{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.apmq .apmq-choices.c3{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.apmq .apmq-choices.c4{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
.apmq .apmq-c{position:relative;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #d5d8e2;border-radius:3px;background:#fff;font-size:14.5px;line-height:1.3;cursor:pointer;transition:border-color .15s,background .15s;margin:0;font-weight:400;color:var(--q-ink)}
.apmq .apmq-c:hover{border-color:var(--q-brand)}
.apmq .apmq-c.on{border-color:var(--q-brand);background:#f0f2ff;color:var(--q-navy)}
.apmq .apmq-c input{width:17px;height:17px;margin:0;flex:none;accent-color:var(--q-brand-d)}
.apmq .apmq-c:focus-within{outline:2px solid var(--q-brand-d);outline-offset:1px}
.apmq .is-bad .apmq-c{border-color:#e9a29f}
.apmq .apmq-other{margin-top:8px}

/* sí / no */
.apmq .apmq-yn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:11px 0;border-bottom:1px solid var(--q-line)}
.apmq .apmq-ynl{font-size:14.5px;line-height:1.4}
.apmq .apmq-ynb{display:flex;gap:6px}
.apmq .apmq-yn .apmq-c{padding:7px 14px}
.apmq .apmq-yn .apmq-ferr{grid-column:1/-1;margin:0}
@media(max-width:480px){.apmq .apmq-yn{grid-template-columns:1fr}}

/* casillas */
.apmq .apmq-chk label,.apmq .apmq-later{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:14px 0 0;cursor:pointer;font-weight:400;color:var(--q-ink)}
.apmq .apmq-chk input,.apmq .apmq-later input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--q-brand-d)}
.apmq .apmq-chk a{color:var(--q-brand-d)}
.apmq .apmq-chk.is-bad label{color:var(--q-bad)}

/* referencias */
.apmq .apmq-rhead,.apmq .apmq-rrow{display:grid;grid-template-columns:22px 1fr 1fr 1fr;gap:8px;align-items:center}
.apmq .apmq-rhead{font-size:12px;color:var(--q-muted);margin:10px 0 4px}
.apmq .apmq-rrow{margin-bottom:8px}
.apmq .apmq-rrow b{font-size:13px;color:var(--q-muted)}
.apmq .apmq-rrow input::placeholder{color:transparent}
@media(max-width:640px){
  .apmq .apmq-rhead{display:none}
  .apmq .apmq-rrow{grid-template-columns:1fr;gap:6px;padding:10px;background:var(--q-soft);border-radius:3px}
  .apmq .apmq-rrow input::placeholder{color:#9aa1b2}
}

/* archivos */
.apmq .apmq-drop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px;border:1px dashed #c4c9d8;border-radius:3px;background:var(--q-soft)}
.apmq .apmq-drop.is-off{opacity:.5}
.apmq .apmq-drop small{color:var(--q-muted);font-size:13px}
.apmq .apmq-pick{position:relative;overflow:hidden}
.apmq .apmq-pick input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.apmq .apmq-pick:focus-within{outline:2px solid var(--q-brand-d);outline-offset:2px}
.apmq .apmq-files{list-style:none;margin:8px 0 0;padding:0}
.apmq .apmq-files li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 10px;border:1px solid var(--q-line);border-radius:3px;margin-top:6px;font-size:14px;word-break:break-all}
.apmq .apmq-files small{color:var(--q-muted)}
.apmq .apmq-files button{background:none;border:0;color:var(--q-bad);font:600 13px var(--sans,inherit);cursor:pointer;flex:none}

/* revisión */
.apmq .apmq-review{margin:4px 0 0}
.apmq .apmq-review h4{margin:0 0 8px;font-size:16px;color:var(--q-navy)}
.apmq .apmq-review details{border:1px solid var(--q-line);border-radius:3px;margin-bottom:6px;background:#fff}
.apmq .apmq-review summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;font-weight:600;font-size:14.5px;color:var(--q-navy);list-style:none}
.apmq .apmq-review summary::-webkit-details-marker{display:none}
.apmq .apmq-review summary span::before{content:"▸";display:inline-block;width:16px;color:var(--q-muted);transition:transform .15s}
.apmq .apmq-review details[open] summary span::before{transform:rotate(90deg)}
.apmq .apmq-review summary button{background:none;border:0;color:var(--q-brand-d);font:600 13px var(--sans,inherit);cursor:pointer;text-decoration:underline}
.apmq .apmq-review dl{margin:0;padding:0 12px 10px}
.apmq .apmq-review dl div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:10px;padding:5px 0;border-top:1px solid var(--q-line);font-size:13.5px}
.apmq .apmq-review dt{color:var(--q-muted)}
.apmq .apmq-review dd{margin:0;word-break:break-word}
.apmq .apmq-rgpd{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--q-muted);background:var(--q-soft);padding:12px 14px;border-radius:3px}
.apmq .apmq-rgpd a{color:inherit}

/* navegación */
.apmq .apmq-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}
.apmq .apmq-nav .apmq-btn[type=submit]{margin-left:auto}
.apmq .apmq-btn{display:inline-flex;align-items:center;gap:8px;background:var(--q-brand);color:#fff;border:0;padding:15px 30px;border-radius:30px 30px 30px 0;font:600 15.5px var(--sans,inherit);cursor:pointer;white-space:nowrap;text-decoration:none}
.apmq .apmq-btn:hover{background:var(--q-brand-d)}
.apmq .apmq-btn[disabled]{opacity:.6;cursor:wait}
.apmq .apmq-ghost{background:#fff;color:var(--q-navy);border:1px solid #cfd3df;padding:13px 22px}
.apmq .apmq-ghost:hover{background:var(--q-soft);border-color:var(--q-brand)}
.apmq .apmq-msg{margin:14px 0 0;font-size:14px;font-weight:600}
.apmq .apmq-msg.is-err{color:var(--q-bad)}
.apmq .apmq-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.apmq .apmq-done{text-align:center;padding:44px 30px;outline:none}
.apmq .apmq-done p{max-width:460px;margin:8px auto 22px;color:var(--q-muted)}
.apmq .apmq-ok{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#e6f4ea;color:#137333;font-size:28px;line-height:56px;font-weight:700}

/* pestañas del bloque de contacto (portada) */
.qtabs{display:flex;gap:4px;margin:0 0 14px;padding:4px;background:#e9ebf5;border-radius:30px;width:100%}
.qtabs button{flex:1;border:0;background:none;padding:11px 10px;border-radius:26px;font:600 14px var(--sans);color:var(--navy);cursor:pointer;line-height:1.2}
.qtabs button[aria-selected=true]{background:#fff;color:var(--brand-d);box-shadow:0 2px 8px rgba(22,34,58,.08)}
.qtabs button:hover{color:var(--brand-d)}
@media(max-width:480px){.qtabs{border-radius:12px}.qtabs button{font-size:13px;padding:10px 6px;border-radius:9px}}
.qpanel[hidden]{display:none}

/* llamadas a la acción en Productos y Mercados */
.qcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin:34px auto 0;padding:18px 22px;max-width:920px;border:1px solid var(--line);border-radius:4px;background:#fff}
.qcta p{margin:0;color:var(--ink);font-size:16px}
.qcta p b{color:var(--navy)}
.apmq label{margin:0}

/* páginas propias de alta (/es/alta-cliente/, /en/client-application/…) */
.qpage{background:var(--soft);padding:56px 0 80px}
.qpage-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:48px;align-items:start}
.qpage-side{position:sticky;top:24px}
.qpage h1{font-family:var(--serif);color:var(--navy);font-size:clamp(28px,3.2vw,40px);line-height:1.18;margin:0 0 16px}
.qpage-intro{color:var(--ink);margin:0 0 26px}
.qpage-h{font-family:var(--sans);font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}
.qpage-steps{margin:0 0 26px;padding:0;list-style:none;counter-reset:q}
.qpage-steps li{counter-increment:q;position:relative;padding:0 0 14px 42px;font-size:15px}
.qpage-steps li::before{content:counter(q);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.qpage-box{display:flex;flex-direction:column;gap:2px;background:#fff;border-left:3px solid var(--brand);padding:14px 18px;border-radius:0 4px 4px 0;font-size:15px}
.qpage-box b{color:var(--navy)}
.qpage-box a{color:var(--brand-d);text-decoration:none;font-weight:600}
.qpage-other{margin:18px 0 0;font-size:15px;color:var(--muted)}
.qpage-other a{color:var(--brand-d);font-weight:600}
@media(max-width:900px){.qpage{padding:32px 0 56px}.qpage-grid{grid-template-columns:minmax(0,1fr);gap:26px}.qpage-side{position:static}.qpage-steps,.qpage-h,.qpage-box,.qpage-other{display:none}}
.qwrap{scroll-margin-top:110px}.apmq{scroll-margin-top:110px}