/* ── Página de metodología (prototipo) · usa las variables de home-v5.css ── */
.mt-crumbs{font-size:13px;color:var(--muted);padding:22px 0 0}.mt-crumbs a{color:var(--accent);text-decoration:none}
.mt-hero{padding:clamp(28px,5vw,60px) 0 clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.mt-hero .wrap{max-width:900px}
.mt-hero h1{font-family:var(--serif);font-size:clamp(32px,5vw,58px);font-weight:640;line-height:1.08;letter-spacing:-.02em;margin:14px 0 18px}
.mt-hero h1 em{font-style:italic;color:var(--accent)}
.mt-hero .lead{font-size:clamp(16px,1.5vw,19px);color:var(--ink-2);line-height:1.65;max-width:760px;margin:0 0 28px}
.mt-ctas{display:flex;gap:12px;flex-wrap:wrap}
.mt-answer{margin:34px 0 0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;padding:20px 22px;max-width:820px}
.mt-answer b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.mt-answer p{margin:0;font-size:16px;line-height:1.65;color:var(--ink)}
.mt-sec{padding:clamp(52px,7vw,96px) 0;border-bottom:1px solid var(--line)}
.mt-sec.alt{background:var(--paper-2)}
.mt-sec .head{max-width:760px;margin:0 0 clamp(28px,4vw,44px)}
.mt-sec h2{font-family:var(--serif);font-size:clamp(26px,3.4vw,40px);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:12px 0 14px}
.mt-sec h2 em{font-style:italic;color:var(--accent)}
.mt-sec .head p{font-size:16px;color:var(--ink-2);line-height:1.65;margin:0}
/* Fases */
.mt-phases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;counter-reset:ph}
.mt-phases li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 14px;counter-increment:ph}
.mt-phases li::before{content:counter(ph,decimal-leading-zero);display:block;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--accent);margin-bottom:6px}
.mt-phases b{display:block;font-size:15px;color:var(--ink);margin-bottom:6px}
.mt-phases span{font-size:13px;color:var(--ink-2);line-height:1.5}
.mt-phases li.del{border-color:var(--accent)}
.mt-phases li.del::after{content:attr(data-del);display:inline-block;margin-top:10px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft,#EEEDFB);border-radius:99px;padding:3px 8px}
.mt-note{font-size:13.5px;color:var(--muted);margin:16px 0 0}
/* Diseñador */
.mt-ds{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,48px);align-items:start}
.mt-ds-l p{font-size:16px;color:var(--ink-2);line-height:1.65}
.mt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.mt-chips button{font:inherit;font-size:14px;font-weight:600;border:1.5px solid var(--line);background:#fff;color:var(--ink-2);border-radius:99px;padding:8px 14px;cursor:pointer}
.mt-chips button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#fff}
.mt-app{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -30px rgba(20,20,25,.35);overflow:hidden}
.mt-app-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.mt-app-top b{color:var(--accent);font-weight:700}
.mt-app-body{padding:20px}
.mt-app h3{font-family:var(--serif);font-size:22px;font-weight:640;margin:0 0 4px}
.mt-app .meta{font-size:13px;color:var(--muted);margin:0 0 16px}
.mt-app .row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.mt-app .row b{color:var(--ink)}.mt-app .row span{color:var(--ink-2);line-height:1.5}
.mt-app .tags{display:flex;flex-wrap:wrap;gap:6px}.mt-app .tags i{font-style:normal;font-size:12.5px;background:var(--paper-2);border:1px solid var(--line);border-radius:99px;padding:3px 10px;color:var(--ink-2)}
.mt-app-foot{padding:12px 18px;background:var(--paper-2);font-size:12.5px;color:var(--muted)}
/* Comparativa IA */
.mt-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mt-vs div{border-radius:18px;padding:24px 26px;border:1px solid var(--line);background:#fff}
.mt-vs div.us{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.mt-vs h3{font-family:var(--serif);font-size:21px;font-weight:600;margin:0 0 14px}
.mt-vs ul{margin:0;padding-left:18px}.mt-vs li{margin-bottom:9px;line-height:1.5;font-size:15px}
.mt-vs div:not(.us) li{color:var(--ink-2)}
/* Tabla diferencias */
.mt-tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14.5px}
.mt-tbl th,.mt-tbl td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.mt-tbl thead th{background:var(--paper-2);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mt-tbl tbody th{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}
.mt-tbl tbody th a{color:var(--accent);text-decoration:none}
.mt-tbl tr.cur th{color:var(--accent)}
.mt-tbl td{color:var(--ink-2);line-height:1.5}
/* Evaluación */
.mt-ev{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mt-ev div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.mt-ev b{display:block;font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:8px}
.mt-ev p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}
/* FAQ */
.mt-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.mt-faq summary{cursor:pointer;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--ink)}
.mt-faq summary::-webkit-details-marker{display:none}
.mt-faq summary::after{content:"+";color:var(--accent);font-weight:700}
.mt-faq details[open] summary::after{content:"−"}
.mt-faq p{margin:10px 0 0;color:var(--ink-2);line-height:1.65}
/* Prueba */
.mt-trial{background:var(--ink);color:var(--paper);border-radius:22px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.mt-trial h2{color:var(--paper);margin-top:0}
.mt-trial p{color:rgba(251,250,247,.8);font-size:16px;line-height:1.6}
.mt-trial ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mt-trial li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 16px;font-size:15px}
.mt-trial li b{font-family:var(--serif);font-size:24px;color:#A5B4FC;margin-right:8px}
@media(max-width:1000px){.mt-phases{grid-template-columns:repeat(2,1fr)}.mt-ds,.mt-vs,.mt-trial,.mt-ev{grid-template-columns:1fr}.mt-tbl{display:block;overflow-x:auto}}

/* Formulario de las landings nuevas (copiado de home-v6 para no depender de su <style>) */
.hp-field{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px;height:1px;opacity:0;overflow:hidden}
.channel-row{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:2px 0 12px}
.channel-row .cl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.chan-seg{display:inline-flex;gap:4px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:4px}
.chan-opt{position:relative;margin:0;cursor:pointer}
.chan-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.chan-opt>span{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--muted);transition:color .18s,background .18s,box-shadow .18s;white-space:nowrap;user-select:none}
.chan-opt>span svg{width:15px;height:15px;flex-shrink:0}
.chan-opt:hover>span{color:var(--paper)}
.chan-opt input:checked+span{background:var(--paper);color:var(--ink);box-shadow:0 1px 6px rgba(0,0,0,.28)}
.chan-opt.wa input:checked+span{background:#25d366;color:#04310f}
.chan-opt input:focus-visible+span{outline:2px solid var(--accent-2);outline-offset:2px}
.captcha-wrap{margin:6px 0 10px;transform:scale(.9);transform-origin:left top}
.form-err{color:#ff9b9b;font-size:13px;margin:8px 0 0;display:none}
.lead-submit{width:100%;justify-content:center;padding:15px 24px;font-size:15px;font-weight:600;border-radius:12px;letter-spacing:.01em}
.lead-paths{flex-wrap:wrap}.lead-paths .chan-opt>span{white-space:normal;text-align:start}