/* ═══════════════════════════════════════════════════════════════════════════
   TalentPact · páginas públicas (inicio, empresas, candidatos)
   Prefijo mk-. Independiente de la app: empresas.html y candidatos.html solo
   cargan tokens.css y esta hoja. Solo tokens. Las franjas .mk-oscuro son
   «islas» oscuras también en modo oscuro (tools/generar_tokens.py, ISLAS).
   ═══════════════════════════════════════════════════════════════════════════ */
.mk-pagina{margin:0;background:var(--c-fondo);color:var(--c-texto);font-family:var(--font-sans);font-size:var(--fs-cuerpo);line-height:1.6;-webkit-font-smoothing:antialiased}
.mk-pagina *,.mk-pagina *::before,.mk-pagina *::after{box-sizing:border-box}
.mk-ancho{max-width:1200px;margin:0 auto;padding:0 var(--sp-6)}
.mk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Botones ── */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-lg);font:inherit;font-weight:700;font-size:var(--fs-cuerpo);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform var(--dur-corta),background var(--dur-corta),border-color var(--dur-corta),box-shadow var(--dur-corta);white-space:nowrap}
.mk-btn:hover{transform:translateY(-1px)}
.mk-btn:focus-visible{outline:3px solid var(--c-foco);outline-offset:3px}
.mk-btn-grande{padding:var(--sp-4) var(--sp-8);font-size:var(--fs-dest)}
.mk-btn-marca{background:var(--c-marca);color:var(--c-sobre-tinta);box-shadow:var(--shadow-md)}
.mk-btn-marca:hover{background:var(--c-marca-hover)}
.mk-btn-claro{background:var(--white);color:var(--slate-900)}
.mk-btn-borde{background:transparent;color:var(--c-texto);border-color:var(--c-borde-fuerte)}
.mk-btn-borde:hover{border-color:var(--c-texto)}
.mk-oscuro .mk-btn-borde{color:var(--c-sobre-tinta);border-color:var(--slate-600)}
.mk-oscuro .mk-btn-borde:hover{border-color:var(--c-sobre-tinta)}
.mk-flecha{font-weight:700;color:var(--c-marca);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-1)}
.mk-flecha:hover{text-decoration:underline;text-underline-offset:3px}

/* ── Cabecera ── */
.mk-cab{position:sticky;top:0;z-index:var(--z-nav);background:var(--c-nav);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-borde)}
.mk-cab-in{display:flex;align-items:center;gap:var(--sp-6);height:68px}
.mk-logo{display:inline-flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:var(--c-texto);font-weight:800;font-size:var(--fs-dest);letter-spacing:-.02em}
.mk-logo em{font-style:normal;color:var(--c-marca)}
.mk-logo svg{width:28px;height:28px}
.mk-logo .logo-a{fill:var(--emerald-600)}.mk-logo .logo-b{fill:var(--slate-900)}.mk-logo .logo-c{fill:var(--emerald-400)}
.mk-nav{display:flex;gap:var(--sp-6);margin:0 auto;padding:0;list-style:none}
.mk-nav a{color:var(--c-texto-2);text-decoration:none;font-weight:600;font-size:var(--fs-peq)}
.mk-nav a:hover,.mk-nav a[aria-current="page"]{color:var(--c-texto)}
.mk-nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--c-marca);padding-bottom:var(--sp-1)}
.mk-cab-acc{display:flex;align-items:center;gap:var(--sp-3)}
.mk-cab-acc .mk-btn{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-peq)}
.mk-acceder{color:var(--c-texto);font-weight:600;font-size:var(--fs-peq);text-decoration:none}
.mk-menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--c-borde);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);font:inherit;font-weight:600;color:var(--c-texto);cursor:pointer}

/* ── Cabecera grande de cada página ── */
.mk-hero{position:relative;overflow:hidden;padding:var(--sp-16) 0}
.mk-hero.mk-oscuro{background:radial-gradient(900px 480px at 85% 10%,rgba(52,211,153,.22),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(16,185,129,.14),transparent 60%),var(--slate-950);color:var(--c-sobre-tinta)}
.mk-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-12);align-items:center}
.mk-kicker{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-marca);margin:0 0 var(--sp-4)}
.mk-oscuro .mk-kicker{color:var(--emerald-300)}
.mk-kicker::before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}
.mk-h1{font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:0 0 var(--sp-6)}
.mk-h1-largo{font-size:clamp(2.4rem,4.6vw,4.2rem)}
.mk-h1 em,.mk-h2 em{font-style:normal;color:var(--c-marca)}
.mk-oscuro .mk-h1 em,.mk-oscuro .mk-h2 em{color:var(--emerald-300)}
.mk-entradilla{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.6;color:var(--c-texto-2);max-width:40ch;margin:0 0 var(--sp-8)}
.mk-oscuro .mk-entradilla{color:var(--slate-300)}
.mk-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-6)}
.mk-nota{font-size:var(--fs-peq);color:var(--c-texto-3);margin:0}
.mk-oscuro .mk-nota{color:var(--slate-400)}

/* Portada: logo + marca centrados, el eslogan y debajo los dos caminos (1 empresas · 2 candidatos) */
.mk-portada{text-align:center;max-width:1040px;margin:0 auto var(--sp-12)}
.mk-marca-grande{display:flex;align-items:center;justify-content:center;gap:.1em;font-size:clamp(2.15rem,8.6vw,7.4rem);line-height:.95;letter-spacing:-.055em;font-weight:800;margin:0 0 var(--sp-4);white-space:nowrap}
.mk-marca-logo{width:.78em;height:.78em;flex:none}
.mk-marca-logo .logo-a{fill:var(--emerald-400)}
.mk-marca-logo .logo-b{fill:var(--slate-200)}
.mk-marca-logo .logo-c{fill:var(--emerald-300)}
.mk-eslogan{font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:0 0 var(--sp-6)}
.mk-marca-grande em,.mk-eslogan em{font-style:normal;color:var(--emerald-300)}
.mk-portada .mk-entradilla{max-width:72ch;margin:0 auto}
.mk-dos{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);max-width:1040px;margin:0 auto}
.mk-lado{display:flex;flex-direction:column;align-items:flex-start;padding:var(--sp-8);border-radius:var(--radius-xl);border:1px solid var(--slate-700);background:var(--slate-900);color:var(--c-sobre-tinta);text-decoration:none;transition:transform var(--dur-media),border-color var(--dur-media)}
.mk-lado:hover{transform:translateY(-3px);border-color:var(--emerald-400)}
.mk-lado:focus-visible{outline:3px solid var(--c-foco);outline-offset:4px}
.mk-lado-emp{background:radial-gradient(500px 260px at 100% 0%,rgba(110,231,183,.22),transparent 60%),var(--emerald-800);border-color:var(--emerald-700)}
.mk-lado-emp .mk-kicker{color:var(--emerald-200)}
.mk-lado h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.03em;font-weight:800;margin:0 0 var(--sp-3)}
.mk-lado p{font-size:var(--fs-dest);line-height:1.6;color:var(--slate-300);margin:0 0 var(--sp-8);max-width:40ch}
.mk-lado-emp p{color:var(--emerald-100)}
.mk-lado .mk-btn{margin-top:auto}

/* ── Secciones ── */
.mk-sec{padding:var(--sp-16) 0}
.mk-sec-alt{background:var(--c-superficie-2)}
.mk-sec.mk-oscuro{background:var(--slate-950);color:var(--c-sobre-tinta)}
.mk-cab-sec{max-width:760px;margin:0 0 var(--sp-12)}
.mk-cab-sec.mk-centro{margin-left:auto;margin-right:auto;text-align:center}
.mk-h2{font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.06;letter-spacing:-.035em;font-weight:800;margin:0 0 var(--sp-4)}
.mk-sub{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--c-texto-2);line-height:1.65;margin:0}
.mk-oscuro .mk-sub{color:var(--slate-300)}

/* Dos caminos (inicio): mismo aire que las tarjetas de arriba, con el detalle */
.mk-caminos{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);align-items:stretch}
.mk-camino{position:relative;display:flex;flex-direction:column;padding:var(--sp-12) var(--sp-8);border-radius:var(--radius-xl);text-decoration:none;overflow:hidden;transition:transform var(--dur-media),box-shadow var(--dur-media)}
.mk-camino:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.mk-camino:focus-visible{outline:3px solid var(--c-foco);outline-offset:4px}
.mk-camino-emp{background:radial-gradient(600px 300px at 100% 0%,rgba(110,231,183,.25),transparent 60%),var(--emerald-800);color:var(--c-sobre-tinta)}
.mk-camino-cand{background:var(--c-superficie);color:var(--c-texto);border:2px solid var(--c-borde)}
.mk-camino .mk-kicker{margin-bottom:var(--sp-6)}
.mk-camino-emp .mk-kicker{color:var(--emerald-200)}
.mk-camino h3{font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.12;letter-spacing:-.035em;font-weight:800;margin:0 0 var(--sp-4)}
.mk-camino p{font-size:var(--fs-dest);line-height:1.65;margin:0 0 var(--sp-8)}
.mk-camino-emp p{color:var(--emerald-100)}
.mk-camino-cand p{color:var(--c-texto-2)}
.mk-camino-ir{margin-top:auto;font-weight:800;font-size:var(--fs-dest)}
.mk-camino-emp .mk-camino-ir{color:var(--c-sobre-tinta)}
.mk-camino-cand .mk-camino-ir{color:var(--c-marca)}

/* Filas alternas de producto */
.mk-fila{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-16);align-items:center;padding:var(--sp-12) 0}
.mk-fila+.mk-fila{border-top:1px solid var(--c-borde)}
.mk-fila-inv .mk-fila-txt{order:2}
.mk-fila h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:0 0 var(--sp-4)}
.mk-fila p{font-size:var(--fs-dest);color:var(--c-texto-2);line-height:1.65;margin:0 0 var(--sp-4)}
.mk-lista{list-style:none;margin:0 0 var(--sp-6);padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.mk-lista li{position:relative;padding-left:var(--sp-6);color:var(--c-texto-2)}
.mk-lista li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:var(--radius-full);background:var(--c-marca)}
.mk-num-grande{font-family:var(--font-mono);font-size:var(--fs-peq);font-weight:700;color:var(--c-marca);margin:0 0 var(--sp-3)}

/* Cifras */
.mk-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6)}
.mk-cifra b{display:block;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1;letter-spacing:-.04em;font-weight:800;color:var(--emerald-300);margin-bottom:var(--sp-2)}
.mk-cifra span{font-size:var(--fs-peq);color:var(--slate-300);line-height:1.5}

/* Pasos */
.mk-pasos{list-style:none;counter-reset:mk;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6);margin:0;padding:0}
.mk-paso{counter-increment:mk;position:relative;padding-top:var(--sp-12)}
.mk-paso::before{content:counter(mk,decimal-leading-zero);position:absolute;top:0;left:0;font-size:clamp(2.2rem,3.6vw,3rem);font-weight:800;letter-spacing:-.04em;color:var(--c-marca);line-height:1}
.mk-paso h3{font-size:var(--fs-t3);line-height:1.2;margin:var(--sp-2) 0 var(--sp-2)}
.mk-paso p{font-size:var(--fs-peq);color:var(--c-texto-2);margin:0}
.mk-oscuro .mk-paso::before{color:var(--emerald-300)}
.mk-oscuro .mk-paso p{color:var(--slate-300)}

/* Áreas (candidatos) */
.mk-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
.mk-area{display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:var(--sp-6);border-radius:var(--radius-xl);background:var(--c-superficie);border:1px solid var(--c-borde);transition:border-color var(--dur-media),transform var(--dur-media)}
.mk-area:hover{border-color:var(--c-marca);transform:translateY(-2px)}
.mk-area h3{font-size:var(--fs-t3);line-height:1.2;margin:0 0 var(--sp-1)}
.mk-area p{font-size:var(--fs-peq);color:var(--c-texto-2);margin:0}
.mk-area b{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--c-marca)}
.mk-area b small{font-size:var(--fs-peq);font-weight:600;color:var(--c-texto-3);letter-spacing:0;margin-left:var(--sp-1)}
.mk-area-destacada{background:var(--emerald-800);border-color:var(--emerald-800);color:var(--c-sobre-tinta)}
.mk-area-destacada p{color:var(--emerald-100)}
.mk-area-destacada b{color:var(--c-sobre-tinta)}
.mk-area-destacada b small{color:var(--emerald-200)}

/* Sellos de confianza */
.mk-sellos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}
.mk-sello{display:block;padding:var(--sp-6);border-radius:var(--radius-xl);border:1px solid var(--c-borde);background:var(--c-superficie);text-decoration:none;color:var(--c-texto);transition:border-color var(--dur-media)}
.mk-sello:hover{border-color:var(--c-marca)}
.mk-sello b{display:block;font-size:var(--fs-dest);margin-bottom:var(--sp-1)}
.mk-sello span{font-size:var(--fs-peq);color:var(--c-texto-2)}

/* Precios */
.mk-precios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6);align-items:stretch}
.mk-precio{display:flex;flex-direction:column;padding:var(--sp-8);border-radius:var(--radius-xl);background:var(--c-superficie);border:1px solid var(--c-borde)}
.mk-precio-dest{border:2px solid var(--c-marca);box-shadow:var(--shadow-lg)}
.mk-precio h3{font-size:var(--fs-t3);margin:0 0 var(--sp-1)}
.mk-precio-etq{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-marca);margin:0 0 var(--sp-3)}
.mk-precio-cifra{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:var(--sp-4) 0 var(--sp-2)}
.mk-precio-cifra small{font-size:var(--fs-peq);font-weight:600;color:var(--c-texto-3);letter-spacing:0}
.mk-precio p{color:var(--c-texto-2);font-size:var(--fs-peq);margin:0 0 var(--sp-4)}
.mk-precio .mk-lista{margin-bottom:var(--sp-8)}
.mk-precio .mk-btn{margin-top:auto}
.mk-precios-nota{text-align:center;font-size:var(--fs-peq);color:var(--c-texto-3);margin:var(--sp-6) 0 0}

/* Preguntas */
.mk-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-3)}
.mk-faq details{background:var(--c-superficie);border:1px solid var(--c-borde);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-6)}
.mk-faq summary{cursor:pointer;font-weight:700;font-size:var(--fs-dest);list-style:none;display:flex;justify-content:space-between;gap:var(--sp-4)}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary::after{content:"+";color:var(--c-marca);font-weight:800}
.mk-faq details[open] summary::after{content:"−"}
.mk-faq p{color:var(--c-texto-2);margin:var(--sp-3) 0 0}

/* Llamada final */
.mk-final{text-align:center;padding:var(--sp-16) 0;background:radial-gradient(800px 360px at 50% 0%,rgba(52,211,153,.2),transparent 65%),var(--slate-950);color:var(--c-sobre-tinta)}
.mk-final .mk-h2{max-width:16ch;margin-left:auto;margin-right:auto}
.mk-final .mk-sub{max-width:52ch;margin:0 auto var(--sp-8)}
.mk-final .mk-ctas{justify-content:center}

/* Pie */
.mk-pie{background:var(--slate-950);color:var(--slate-400);padding:var(--sp-12) 0 var(--sp-6);border-top:1px solid var(--slate-800)}
.mk-pie-in{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--sp-8)}
.mk-pie .mk-logo{color:var(--c-sobre-tinta)}
.mk-pie .mk-logo em{color:var(--emerald-400)}
.mk-pie .mk-logo .logo-b{fill:var(--slate-500)}
.mk-pie p{font-size:var(--fs-peq);margin:var(--sp-3) 0 0;max-width:32ch}
.mk-pie h4{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--slate-300);margin:0 0 var(--sp-3)}
.mk-pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.mk-pie a{color:var(--slate-400);text-decoration:none;font-size:var(--fs-peq)}
.mk-pie a:hover{color:var(--c-sobre-tinta)}
.mk-pie-bajo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--slate-800);font-size:var(--fs-micro)}

/* ── Maquetas del producto (siempre marcadas como ejemplo) ── */
.mk-maqueta{background:var(--c-superficie);color:var(--c-texto);border:1px solid var(--c-borde);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--sp-6)}
.mk-oscuro .mk-maqueta{border-color:var(--slate-700)}
.mk-ej{display:block;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--c-texto-3);margin-bottom:var(--sp-4)}
.mk-mq-cab{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.mk-mq-avatar{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--c-marca-suave);color:var(--c-marca);font-weight:800;font-size:var(--fs-peq);display:flex;align-items:center;justify-content:center;flex:none}
.mk-mq-cab b{display:block;font-size:var(--fs-dest)}
.mk-mq-cab span{font-size:var(--fs-micro);color:var(--c-texto-3)}
.mk-mq-filas{list-style:none;margin:0;padding:0}
.mk-mq-filas li{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px solid var(--c-borde);font-size:var(--fs-peq)}
.mk-banda{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-micro);font-weight:700;white-space:nowrap}
.mk-banda i{display:inline-flex;gap:3px}
.mk-banda i::before{content:"";display:block;width:44px;height:7px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--mk-b) 0 var(--mk-p),var(--c-borde) var(--mk-p) 100%)}
.mk-b1{--mk-b:var(--red-400);--mk-p:25%}.mk-b2{--mk-b:var(--amber-500);--mk-p:50%}.mk-b3{--mk-b:var(--emerald-500);--mk-p:75%}.mk-b4{--mk-b:var(--emerald-700);--mk-p:100%}
.mk-mq-pie{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)}
.mk-chip{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-micro);font-weight:700;border-radius:var(--radius-full);padding:2px var(--sp-3);background:var(--c-ok-suave);color:var(--c-ok)}
.mk-mq-boton{display:block;text-align:center;margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--radius-lg);background:var(--c-marca);color:var(--c-sobre-tinta);font-weight:700;font-size:var(--fs-peq)}
.mk-mq-pila{position:relative}
.mk-mq-pila .mk-maqueta+.mk-maqueta{position:absolute;left:-12%;bottom:-18%;width:70%;transform:rotate(-2deg)}
.mk-rubrica li{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2)}
.mk-rubrica .mk-peso{font-weight:800;color:var(--c-marca)}
.mk-barra{grid-column:1/-1;height:6px;border-radius:var(--radius-full);background:var(--c-superficie-2);overflow:hidden}
.mk-barra i{display:block;height:100%;background:var(--c-marca)}
.mk-w20{width:20%}.mk-w25{width:25%}.mk-w30{width:30%}.mk-w35{width:35%}.mk-w40{width:40%}.mk-w70{width:70%}.mk-w80{width:80%}

/* ── El corrector (empresas) ── */
.mk-lista-razones{gap:var(--sp-4)}
.mk-lista-razones b{color:var(--c-texto)}
.mk-cab-tras{margin-top:var(--sp-16);margin-bottom:var(--sp-6)}
.mk-h3{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15;letter-spacing:-.03em;font-weight:800;margin:0}

/* ── Centro de confianza ── */
.mk-ancla{scroll-margin-top:68px}
.mk-anclas{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.mk-anclas a{padding:var(--sp-1) var(--sp-3);border:1px solid var(--slate-700);border-radius:var(--radius-full);color:var(--slate-300);font-size:var(--fs-peq);font-weight:600;text-decoration:none}
.mk-anclas a:hover{border-color:var(--emerald-300);color:var(--c-sobre-tinta)}
.mk-anclas a:focus-visible{outline:3px solid var(--c-foco);outline-offset:2px}
.mk-cita{margin:var(--sp-4) 0 0;padding:var(--sp-3);border-left:3px solid var(--c-marca);background:var(--c-superficie-2);border-radius:var(--radius);font-size:var(--fs-peq);color:var(--c-texto-2)}
.mk-cita b{display:block;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--c-marca);margin-bottom:var(--sp-1)}
.mk-pasos + .mk-nota{margin-top:var(--sp-6)}
.mk-maqueta > .mk-nota{margin-top:var(--sp-4)}
.mk-escala li{display:grid;grid-template-columns:4.5em 1fr;gap:var(--sp-3);justify-content:start}
.mk-escala b{font-family:var(--font-mono);color:var(--c-marca)}
div.mk-sello:hover{border-color:var(--c-borde)}
.mk-medicion{border:1px solid var(--slate-700);border-radius:var(--radius-xl);padding:var(--sp-8);background:var(--slate-900)}
.mk-medicion-estado{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-6);color:var(--slate-300)}
.mk-medicion-lista{list-style:none;margin:0 0 var(--sp-6);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}
.mk-medicion-lista li{padding-top:var(--sp-4);border-top:2px solid var(--emerald-300)}
.mk-medicion-lista b{display:block;color:var(--c-sobre-tinta);font-size:var(--fs-dest);margin-bottom:var(--sp-1)}
.mk-medicion-lista span{font-size:var(--fs-peq);color:var(--slate-300)}
.mk-tabla-caja{overflow-x:auto;border:1px solid var(--c-borde);border-radius:var(--radius-xl);background:var(--c-superficie)}
.mk-tabla{width:100%;border-collapse:collapse;font-size:var(--fs-peq)}
.mk-tabla th,.mk-tabla td{text-align:left;vertical-align:top;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--c-borde);line-height:1.6}
.mk-tabla tr:last-child th,.mk-tabla tr:last-child td{border-bottom:0}
.mk-tabla thead th{font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--c-texto-3)}
.mk-tabla tbody th{width:30%;font-weight:700;color:var(--c-texto)}
.mk-tabla td{color:var(--c-texto-2)}
.mk-lista-tras{margin-top:var(--sp-6)}
.mk-pool{background:var(--c-superficie);border:1px solid var(--c-borde);border-radius:var(--radius-xl);padding:var(--sp-6)}
.mk-pool-total{margin:0 0 var(--sp-4);color:var(--c-texto-2)}
.mk-pool-total strong{display:block;font-size:clamp(2.2rem,4vw,3rem);line-height:1;letter-spacing:-.04em;font-weight:800;color:var(--c-marca);margin-bottom:var(--sp-1)}
.mk-pool-areas{list-style:none;margin:0 0 var(--sp-3);padding:0}
.mk-pool-areas li{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px solid var(--c-borde);font-size:var(--fs-peq)}
.mk-pool-areas strong{white-space:nowrap}

/* ── Responsive ── */
@media (max-width:1000px){
  .mk-hero-in,.mk-fila,.mk-caminos{grid-template-columns:1fr}
  .mk-fila-inv .mk-fila-txt{order:0}
  .mk-pasos,.mk-cifras,.mk-sellos,.mk-medicion-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-areas,.mk-precios{grid-template-columns:1fr 1fr}
  .mk-pie-in{grid-template-columns:1fr 1fr}
  .mk-mq-pila .mk-maqueta+.mk-maqueta{display:none}
}
@media (max-width:760px){
  .mk-nav,.mk-cab-acc{display:none}
  .mk-menu-btn{display:inline-flex}
  .mk-cab.abierta .mk-cab-in{flex-wrap:wrap;height:auto;padding-top:var(--sp-3);padding-bottom:var(--sp-3)}
  .mk-cab.abierta .mk-nav{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;margin:var(--sp-2) 0 0}
  .mk-cab.abierta .mk-cab-acc{display:flex;width:100%;justify-content:space-between}
  .mk-ancho{padding:0 var(--sp-4)}
  .mk-hero,.mk-sec,.mk-final{padding:var(--sp-12) 0}
  .mk-pasos,.mk-cifras,.mk-sellos,.mk-areas,.mk-precios,.mk-pie-in,.mk-medicion-lista{grid-template-columns:1fr}
  .mk-medicion{padding:var(--sp-6)}
  .mk-tabla th,.mk-tabla td{padding:var(--sp-3) var(--sp-4)}
  .mk-tabla tbody th{width:auto}
  .mk-camino{padding:var(--sp-8) var(--sp-6)}
  .mk-dos{grid-template-columns:1fr;gap:var(--sp-4)}
  .mk-lado{padding:var(--sp-6)}
  .mk-lado .mk-btn{width:100%}
  .mk-btn-grande{width:100%}
  .mk-fila{gap:var(--sp-8);padding:var(--sp-8) 0}
}
.mk-sec-cifras{margin-top:var(--sp-16);padding-top:var(--sp-12);border-top:1px solid var(--slate-800)}
/* En la portada la barra de la app es fija (64 px): la cabecera grande empieza debajo. */
.mk-inicio .mk-hero{padding-top:calc(var(--sp-16) + 64px)}