/* MPS Mining - componentes de conversión (formulario de 2 pasos, barra CTA móvil, confianza, recursos, acceso intranet).
   Complementa styles.css / landing.css sin modificarlos. Usa sus variables con valores de respaldo. */
:root{--cv-ink:var(--color-dark,#0B3448);--cv-accent:var(--color-accent,#86CBBF);--cv-accent-ink:var(--color-accent-ink,#1D6A60);--cv-muted:var(--color-ink-soft,#4B6470);--cv-line:var(--color-line,#D5E0E1);--cv-bg:var(--color-surface,#fff);--cv-soft:var(--color-bg,#F2F6F6);--cv-err:var(--color-bad,#B3261E);--cv-ok:var(--color-ok-ink,#14412F)}

/* ---------- acceso intranet (secundario, no compite con el CTA) ---------- */
nav a.cv-intranet{font-size:.8125rem;gap:6px;color:#B9CDD5;margin-left:4px;padding:0 10px}
nav a.cv-intranet:after{display:none}
nav a.cv-intranet .i{width:14px;height:14px;stroke-width:1.9}
.foot-links a.cv-intranet,footer a.cv-intranet{display:inline-flex;align-items:center;gap:6px}
footer a.cv-intranet .i{width:14px;height:14px}
@media(hover:hover) and (pointer:fine){nav a.cv-intranet:hover{color:#fff}}
@media(max-width:800px){nav a.cv-intranet{margin:0;padding:0;font-size:.9375rem;min-height:48px;color:#B9CDD5}}

/* ---------- héroe: chips de necesidad y microconfianza ---------- */
.cv-chips{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(20px,3vw,30px) 0 0;padding:0;list-style:none}
.cv-chips li{margin:0}
.cv-chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;border:1px solid rgb(var(--accent-rgb,134 203 191)/.5);color:#F2F6F6;text-decoration:none;font-size:.9375rem;transition:background-color .16s ease,border-color .16s ease}
.cv-chips-label{margin:clamp(22px,3vw,32px) 0 0!important;font-size:.9375rem!important;color:var(--color-on-dark-soft)!important}
.cv-micro{display:flex;flex-wrap:wrap;gap:6px 22px;margin:clamp(18px,2.4vw,26px) 0 0;padding:0;list-style:none;font-size:.9375rem;color:var(--color-on-dark-soft)}
.cv-micro li{display:flex;align-items:center;gap:8px}
.cv-micro .i{width:18px;height:18px;color:var(--cv-accent)}
@media(hover:hover) and (pointer:fine){.cv-chips a:hover{background:rgb(var(--accent-rgb,134 203 191)/.14);border-color:var(--cv-accent)}}
.btn.cv-wa{background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--cv-accent-ink)}
.hero .btn.cv-wa,.lp-hero .btn.cv-wa,.dark .btn.cv-wa{color:var(--color-on-dark);box-shadow:inset 0 0 0 1px var(--cv-accent)}
.btn.cv-wa[hidden]{display:none}

/* ---------- tarjetas de audiencia, confianza, listas ---------- */
.cv-who .card h3{margin-bottom:.3em}
.cv-who .cv-pain{font-size:.9375rem;color:var(--cv-muted);margin:.2em 0 .8em}
.cv-who .cv-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-weight:600;font-family:var(--font-head,inherit);font-size:.9375rem;color:var(--cv-ink);text-decoration-color:var(--cv-accent);text-underline-offset:4px}
.cv-two{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}
.cv-trust{list-style:none;padding:0;margin:clamp(24px,3vw,36px) 0 0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.cv-trust li{display:flex;gap:14px;align-items:flex-start;background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:8px;padding:18px 20px}
.alt .cv-trust li{background:var(--cv-soft)}
.cv-trust .i{flex:none;width:24px;height:24px;margin-top:2px;color:var(--cv-accent-ink);stroke-width:1.75}
.cv-trust b{display:block;font-family:var(--font-head,inherit);font-size:1rem;margin-bottom:2px}
.cv-trust span{display:block;font-size:.9375rem;color:var(--cv-muted)}
.cv-limits{margin-top:clamp(20px,3vw,32px)}
.cv-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:24px}
.dark .cv-cta-row .btn.cv-wa{color:var(--color-on-dark)}
.cv-ghost-dark{background:transparent;color:var(--cv-ink);box-shadow:inset 0 0 0 1.5px var(--cv-ink)}
.cv-after{margin-top:12px;font-size:.9375rem;color:var(--cv-muted)}
.dark .cv-after{color:var(--color-on-dark-soft)}
.cv-nudge{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:var(--cv-bg);border:1px solid var(--cv-line);border-left:3px solid var(--cv-accent-ink);border-radius:8px;padding:16px 20px;margin-bottom:clamp(20px,3vw,32px)}
.cv-nudge p{margin:0;font-weight:600;font-family:var(--font-head,inherit)}

/* ---------- formulario ---------- */
.cv-wrap{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
@media(max-width:900px){.cv-wrap{grid-template-columns:1fr}.cv-aside{order:2}}
form.cv-form{display:block;max-width:none;margin:0;background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:10px;padding:clamp(20px,3vw,34px);box-shadow:0 1px 2px rgb(var(--ink-rgb,14 37 48)/.05)}
.cv-form[aria-busy=true]{opacity:.85}
.cv-steps{display:flex;gap:10px;list-style:none;margin:0 0 6px;padding:0;font-size:.9375rem}
.cv-steps li{display:flex;align-items:center;gap:8px;color:var(--cv-muted);flex:1;padding-bottom:10px;border-bottom:3px solid var(--cv-line)}
.cv-steps li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2px solid currentColor;font-size:.8125rem;font-weight:700;font-family:var(--font-head,inherit)}
.cv-steps li.is-current{color:var(--cv-ink);border-bottom-color:var(--cv-accent-ink);font-weight:600}
.cv-steps li.is-current span{background:var(--cv-ink);color:var(--cv-accent);border-color:var(--cv-ink)}
.cv-steps li.is-done{color:var(--cv-ink);border-bottom-color:var(--cv-ink)}
.cv-progress{margin:0 0 14px;font-size:.875rem;color:var(--cv-muted)}
.cv-h{font-family:var(--font-head,inherit);font-size:var(--t-h3,1.15rem);margin:10px 0 4px;outline:none}
.cv-sub{margin:0 0 20px;color:var(--cv-muted);font-size:1rem}
.cv-form .cv-field{display:grid;gap:6px;margin-top:18px;font-weight:600;font-size:.9375rem}
.cv-form .cv-field small,.cv-hint{font-weight:400;font-size:.875rem;color:var(--cv-muted)}
.cv-form input[type=text],.cv-form input[type=email],.cv-form input[type=tel],.cv-form input[type=number],.cv-form select,.cv-form textarea{width:100%}
.cv-form textarea{min-height:110px}
.cv-form [aria-invalid=true]{border-color:var(--cv-err);box-shadow:0 0 0 1px var(--cv-err)}
.cv-grid2{display:grid;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.cv-err{margin:2px 0 0;font-size:.875rem;font-weight:600;color:var(--cv-err)}
.cv-err[hidden],.cv-alert[hidden],.cv-status[hidden]{display:none}
.cv-req{font-weight:400;color:var(--cv-muted)}
fieldset.cv-fs{border:0;margin:18px 0 0;padding:0;min-width:0}
fieldset.cv-fs legend{padding:0;font-weight:600;font-size:.9375rem;margin-bottom:8px}
.cv-opts{display:grid;gap:8px}
.cv-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--color-input-border,#6E8794);border-radius:8px;background:var(--cv-bg);font-weight:400;font-size:1rem;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}
.cv-opt input{flex:none;width:20px;height:20px;min-height:0;margin:0;accent-color:var(--cv-ink)}
.cv-opt:has(input:checked){border-color:var(--cv-ink);background:rgb(var(--accent-ink-rgb,29 106 96)/.08);box-shadow:inset 0 0 0 1px var(--cv-ink)}
.cv-opt:has(input:focus-visible){outline:2px solid var(--cv-accent-ink);outline-offset:2px}
.cv-opts--row{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.cv-consent{display:flex;gap:12px;align-items:flex-start;margin-top:20px;font-weight:400;font-size:.9375rem}
.cv-consent input{flex:none;width:22px;height:22px;min-height:0;margin-top:2px;accent-color:var(--cv-ink)}
.cv-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center}
.cv-actions .btn{flex:1 1 auto}
.btn.cv-secondary{background:transparent;color:var(--cv-ink);box-shadow:inset 0 0 0 1.5px var(--cv-ink);flex:0 1 auto}
.btn[disabled]{opacity:.7;cursor:progress}
.cv-alert{background:var(--color-bad-bg,#FBEAEA);border:1px solid #D99A9A;color:#5C1414;border-radius:6px;padding:12px 16px;margin:14px 0 0;outline:none}
.cv-alert p{margin:0 0 6px}.cv-alert ul{margin:0;padding-left:20px}.cv-alert a{color:inherit}
.cv-status{border-radius:6px;padding:14px 18px;margin-top:20px;outline:none;font-size:1rem}
.cv-status--ok{background:var(--color-ok-bg,#E3F1EC);border:1px solid var(--color-ok-line,#6FA796);color:var(--cv-ok)}
.cv-status--error{background:#fbeaea;border:1px solid #d99a9a;color:#5c1414}
.cv-status--demo{background:#fff4d6;border:1px solid #e3c36b;color:#4a3a0c}
.cv-privacy{margin:14px 0 0;font-size:.875rem;color:var(--cv-muted)}

/* ---------- aside de contacto ---------- */
.cv-aside{display:grid;gap:18px}
.cv-box{background:var(--cv-bg);border:1px solid var(--cv-line);border-radius:10px;padding:clamp(18px,2.4vw,26px)}
.cv-box h2{font-size:1.125rem;margin:0 0 .6em}
.cv-box h2:before{display:none}
.cv-next{counter-reset:n;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cv-next li{counter-increment:n;display:flex;gap:12px;align-items:flex-start;font-size:1rem}
.cv-next li:before{content:counter(n);flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cv-ink);color:var(--cv-accent);font-weight:700;font-size:.875rem;font-family:var(--font-head,inherit)}
.cv-next b{display:block}
.cv-direct{display:grid;gap:10px}
.cv-direct a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid var(--cv-line);border-radius:8px;text-decoration:none;font-weight:600;background:var(--cv-bg)}
.cv-direct a[hidden]{display:none}
.cv-direct .i{color:var(--cv-accent-ink)}

/* ---------- barra CTA fija en móvil ---------- */
.cv-bar{display:none}
@media(max-width:800px){
  .cv-bar{display:flex;gap:8px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--cv-ink);border-top:1px solid rgb(var(--on-dark-rgb,242 246 246)/.14);box-shadow:0 -10px 24px -14px rgb(var(--dark-rgb,11 52 72)/.6);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
  .cv-bar__main{flex:1;min-height:48px;padding:0 14px}
  .cv-bar__ico{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;min-height:48px;color:var(--cv-accent);text-decoration:none;font-size:.6875rem;font-weight:600}
  .cv-bar__ico[hidden]{display:none}
  .cv-bar__ico .i{width:22px;height:22px}
  html.has-cta-bar body{padding-bottom:78px}
  html.has-cta-bar .mps-cc-fab{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
}

/* ---------- gracias / recursos ---------- */
.cv-check{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--accent-ink-rgb,29 106 96)/.12);color:var(--cv-accent-ink);margin-bottom:18px}
.cv-check .i{width:30px;height:30px;stroke-width:2}
.cv-ref{display:inline-block;background:var(--cv-soft);border:1px solid var(--cv-line);border-radius:6px;padding:6px 12px;font-size:.9375rem;margin:6px 0 0}
.cv-ref b{font-family:var(--font-head,inherit);letter-spacing:.06em}
.cv-res{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}
@media(max-width:900px){.cv-res{grid-template-columns:1fr}}

/* ---------- checklist imprimible ---------- */
.ck{max-width:820px}
.ck h2{margin-top:1.8em}
.ck h2:first-of-type{margin-top:0}
.ck .ck-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.ck .ck-list li{display:flex;gap:12px;align-items:flex-start}
.ck .ck-list li:before{content:"";flex:none;width:18px;height:18px;margin-top:.22em;border:2px solid var(--cv-ink);border-radius:3px;background:#fff}
.ck .ck-fill{display:grid;gap:10px;margin-top:14px}
.ck .ck-fill div{display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid #8a959d;padding-bottom:4px;font-size:.9375rem}
.ck .ck-fill span{color:var(--cv-muted);white-space:nowrap}
.ck-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.ck-legal{font-size:.875rem;color:var(--cv-muted);border-top:1px solid var(--cv-line);padding-top:14px;margin-top:2em}
.ck-brand{display:none}
@media print{
  header.top,footer,.cv-bar,.mps-cc,.mps-cc-fab,.skip,.lp-hero,.crumbs,.ck-toolbar,.cv-noprint,[data-cookie-prefs]{display:none!important}
  html.has-cta-bar body{padding-bottom:0}
  body{background:#fff;color:#000;font-size:11pt}
  section{padding:0!important}
  section.alt,section.dark{background:#fff!important;color:#000!important}
  .ck-brand{display:block;font-weight:700;font-family:var(--font-head,inherit);border-bottom:2px solid #000;padding-bottom:6px;margin-bottom:14px}
  .ck h2{break-after:avoid;font-size:14pt}
  .ck h2:before{display:none}
  .ck .ck-list li,.ck .ck-fill div{break-inside:avoid}
  a{text-decoration:none;color:#000}
}

/* utilidades */
.cv-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
a[hidden],.cv-direct a[hidden],.foot-links[hidden]{display:none!important}
.foot-links[data-if-contact]{margin-top:10px}
/* escritorio estrecho: el acceso intranet queda solo con el candado (el texto sigue disponible para lectores de pantalla) */
@media(min-width:801px) and (max-width:1100px){
  nav a{padding:0 8px}
  nav a.cv-intranet .cv-intranet__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  nav a.cv-intranet{padding:0 10px}
}