/* ==========================================================================
   Inherent · "Encuentra tu match" (sección #diagnostico, fondo claro)
   ========================================================================== */
.mt{position:relative;z-index:1;width:min(980px,100%);margin:0 auto;font-family:'42dot Sans',Helvetica,sans-serif;color:var(--ink)}
.mt button{font:inherit;letter-spacing:inherit;-webkit-tap-highlight-color:transparent}
.mt h2{margin:0;font-weight:400;font-size:clamp(32px,4.4vw,58px);letter-spacing:-.04em;line-height:1.04;color:var(--ink)}
.mt h2 em{font-style:italic}
.mt h2:focus{outline:none}
.mt-kick{display:block;margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}

.mt-intro{text-align:center;padding:clamp(10px,3vh,30px) 0}
.mt-intro p{margin:18px auto 30px;max-width:34em;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--ink-2)}

.mt-btn{appearance:none;display:inline-flex;align-items:center;gap:14px;padding:14px 15px 14px 28px;border:0;border-radius:999px;background:var(--ink);color:var(--cream);font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .3s,transform .3s}
.mt-btn:hover{transform:translateY(-1px)}
.mt-btn:disabled{opacity:.55;cursor:wait;transform:none}
.mt-btn .arr{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--cream);color:var(--ink);font-size:14px}

.mt-top{display:flex;align-items:center;gap:18px;margin:0 0 clamp(26px,4vh,40px)}
.mt-back{appearance:none;flex:none;padding:0;border:0;background:none;color:var(--ink-2);font-size:14.5px;cursor:pointer}
.mt-back:hover{color:var(--ink)}
.mt-bar{position:relative;flex:1;height:2px;border-radius:2px;background:rgba(42,32,13,.12);overflow:hidden}
.mt-bar i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transition:transform .5s cubic-bezier(.16,1,.3,1)}

.mt-q h2{margin-bottom:clamp(22px,3.4vh,34px);max-width:20ch}
.mt-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mt-opt{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:20px 22px;border-radius:18px;border:1px solid rgba(42,32,13,.16);background:rgba(255,255,255,.62);color:var(--ink);font-size:clamp(16px,1.25vw,18px);line-height:1.35;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,color .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.mt-opt i{font-style:normal;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.mt-opt:hover{border-color:rgba(42,32,13,.45);background:#fff;transform:translateY(-2px)}
.mt-opt:hover i{opacity:.7;transform:none}
.mt-opt.on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.mt-opt.on i{opacity:1;transform:none}
.mt-opts3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mt-hint{margin:-12px 0 20px;font-size:15px;color:var(--ink-2)}
.mt-chk i{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(42,32,13,.3);opacity:1;transform:none;position:relative}
.mt-opt.mt-chk:hover i{opacity:1}
.mt-chk.on i{border-color:var(--cream);background:var(--cream)}
.mt-chk.on i::after{content:'';position:absolute;left:6.5px;top:3px;width:5px;height:10px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.mt-next{display:flex;justify-content:flex-end;margin-top:clamp(18px,3vh,26px)}
.mt-ind{display:inline-block;margin:-14px 0 clamp(22px,3vh,30px);padding:6px 13px;border-radius:999px;border:1px solid rgba(241,237,225,.2);font-size:12.5px;letter-spacing:.04em;color:rgba(241,237,225,.75)}
.mt-opt:focus-visible,.mt-btn:focus-visible,.mt-back:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* resultado: tarjeta oscura con el diagnóstico + contacto corto */
.mt-res .mt-top{margin-bottom:22px}
.mt-card{position:relative;overflow:hidden;padding:clamp(28px,3.6vw,48px);border-radius:28px;background:#1b1612;color:var(--cream);box-shadow:0 40px 80px -40px rgba(20,14,8,.7)}
.mt-card::after{content:'';position:absolute;right:-140px;top:-160px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(251,249,244,.1),rgba(251,249,244,0) 65%);pointer-events:none}
.mt-card .mt-kick{color:rgba(241,237,225,.55)}
.mt-card h2{color:#FBF9F4;font-size:clamp(36px,5vw,66px)}
.mt-hl{margin:10px 0 clamp(24px,3.4vh,34px);font-size:clamp(17px,1.4vw,21px);line-height:1.45;color:rgba(241,237,225,.82)}
.mt-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);margin:0 0 clamp(22px,3vh,30px);padding:clamp(20px,2.6vw,28px) 0;border-top:1px solid rgba(241,237,225,.12);border-bottom:1px solid rgba(241,237,225,.12)}
.mt-lbl{margin:0 0 12px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(241,237,225,.5)}
.mt-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mt-card li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.45;color:rgba(241,237,225,.9)}
.mt-prob li::before{content:'';position:absolute;left:2px;top:.62em;width:11px;height:1.5px;background:rgba(241,237,225,.55)}
.mt-fix li::before,.mt-inc li::before{content:'';position:absolute;left:1px;top:.34em;width:11px;height:6px;border-left:1.7px solid #FBF9F4;border-bottom:1.7px solid #FBF9F4;transform:rotate(-45deg)}
.mt-inc{grid-template-columns:repeat(2,minmax(0,1fr))}

.mt-form{margin-top:clamp(22px,3vh,30px);padding:clamp(22px,3vw,34px);border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(42,32,13,.12)}
.mt-nic{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.mt-nic img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.mt-nic p{margin:0}
.mt-form h3{margin:0 0 6px;font-weight:500;font-size:clamp(21px,1.8vw,26px);letter-spacing:-.025em;color:var(--ink)}
.mt-form p{margin:0 0 18px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.mt-fields{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;margin-bottom:16px}
.mt-fields input{width:100%;padding:15px 18px;border-radius:14px;border:1px solid rgba(42,32,13,.18);background:#fff;color:var(--ink);font:inherit;font-size:16px}
.mt-fields input::placeholder{color:rgba(42,32,13,.45)}
.mt-fields input:focus{outline:none;border-color:var(--ink)}
.mt-err{margin:-4px 0 14px;font-size:14.5px;font-weight:600;color:var(--ink)}
.mt-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px}
.mt-link{appearance:none;padding:0;border:0;background:none;font-size:14.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mt-link:hover{color:var(--ink)}
.mt-done{text-align:center;padding:clamp(30px,8vh,80px) 0}
.mt-done h2{margin-bottom:26px;font-size:clamp(28px,3.4vw,44px)}

@media(max-width:980px){.mt-opts3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .mt-opts,.mt-opts3,.mt-cols,.mt-inc,.mt-fields{grid-template-columns:1fr}
  .mt-opt{min-height:64px;padding:17px 18px}
  .mt-btn{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.mt-opt,.mt-bar i,.mt-btn{transition:none}}