/* SIMVERSO · /metodo «Cómo lo hacemos (y cuánto fallamos)». Usa los tokens de sitio.css. */
.metodo{padding:32px 0 96px;max-width:760px}
.metodo [hidden]{display:none!important}
.m-cab h1{font-size:clamp(44px,12vw,84px);line-height:.9}
.m-cab h1 em{font-style:normal;color:var(--naranja);display:block}
.m-entra{margin-top:20px;font-size:19px;line-height:1.45;color:#d6d6ee;max-width:36ch}
.m-dato{margin-top:40px;font-size:clamp(22px,5.4vw,34px);line-height:1.25;font-weight:600;max-width:22ch}
.m-dato b{color:var(--naranja);font-weight:500;white-space:nowrap}
.m-sub{margin-top:10px;font-size:15px;color:var(--mut)}

.m-sec{margin-top:72px;padding-top:28px;border-top:1px solid var(--linea)}
.m-sec h2{font-size:clamp(34px,8.4vw,54px);max-width:18ch}
.m-txt{margin-top:16px;font-size:17px;line-height:1.6;color:#d6d6ee;max-width:62ch}
.m-cifra{margin-top:18px;font-size:16px;color:#d6d6ee}
.m-cifra b{font-size:22px;color:var(--hueso);margin-right:4px}

/* gráfica de calibración */
.cal-caja{position:relative;margin-top:24px;max-width:520px}
.cal{width:100%;height:auto;overflow:visible}
.cal .rej{stroke:#262689;stroke-width:1}
.cal .eje{stroke:var(--linea2);stroke-width:1}
.cal .tick{font:500 13px "IBM Plex Mono",monospace;fill:var(--mut)}
.cal .eje-t{font:500 13px "Schibsted Grotesk",sans-serif;fill:var(--mut)}
.cal .diag{stroke:var(--lavanda);stroke-width:2;stroke-dasharray:6 6;stroke-linecap:round}
.cal .diag-t{font:500 13px "Schibsted Grotesk",sans-serif;fill:var(--mut)}
.cal .lbl{font:500 13px "IBM Plex Mono",monospace;fill:var(--hueso)}
.cal .dot{fill:var(--naranja);stroke:var(--azul);stroke-width:2;transition:transform 160ms var(--ease-out);transform-box:fill-box;transform-origin:center}
.cal .hit{fill:transparent}
.cal .pt{cursor:pointer;outline:none}
.cal .pt:focus-visible .dot,.cal .pt.on .dot{stroke:var(--hueso)}
@media (hover:hover) and (pointer:fine){ .cal .pt:hover .dot{transform:scale(1.15)} }
.cal-tip{position:absolute;z-index:2;pointer-events:none;background:var(--hueso);color:var(--azul);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.35;
  box-shadow:0 6px 20px rgba(0,0,0,.3);white-space:nowrap;transform:translate(-50%,calc(-100% - 14px))}
.cal-tip b{display:block;font:500 12px "IBM Plex Mono",monospace;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.cal-tip span{font-family:"IBM Plex Mono",monospace;font-weight:500}

.m-tabla{margin-top:20px}
.m-tabla summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--hueso);text-decoration:underline;text-decoration-color:var(--linea2);text-underline-offset:3px}
.m-tabla table,.m-vs{margin-top:12px;border-collapse:collapse;width:100%;max-width:560px;font-size:15px}
.m-tabla th,.m-tabla td,.m-vs th,.m-vs td{border-bottom:1px solid var(--linea);text-align:left;padding:12px 10px 12px 0;color:#d6d6ee;font-weight:400}
.m-tabla thead th,.m-vs thead th{color:var(--mut);font:500 12px "IBM Plex Mono",monospace;letter-spacing:.04em;text-transform:uppercase}
.m-tabla td.mono,.m-vs td{text-align:right}
.m-vs{margin-top:24px}
.m-vs thead th:not(:first-child){text-align:right}
.m-vs tbody th{color:var(--hueso);font-weight:500}
.m-vs small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.m-vs td{font-size:18px;color:var(--hueso)}

.m-pasos{margin-top:20px;padding:0;list-style:none;counter-reset:p;display:grid;gap:18px;max-width:62ch}
.m-pasos li{counter-increment:p;position:relative;padding-left:32px;font-size:17px;line-height:1.55;color:#d6d6ee}
.m-pasos li::before{content:counter(p);position:absolute;left:0;top:0;font:500 15px/1.75 "IBM Plex Mono",monospace;color:var(--naranja)}
.m-pasos b{color:var(--hueso);font-weight:600}

.m-fuentes{margin-top:20px;padding:0;list-style:none;display:grid;gap:16px;max-width:62ch}
.m-fuentes li{display:grid;gap:4px;font-size:16px;color:#d6d6ee;line-height:1.5}
.m-fuentes a{font-weight:600;justify-self:start;min-height:32px;display:inline-flex;align-items:center}

.m-no{margin-top:20px;padding:0;list-style:none;display:grid;gap:0;max-width:62ch}
.m-no li{padding:14px 0;border-bottom:1px solid var(--linea);font-size:18px;line-height:1.45;color:var(--hueso)}

.m-receta{margin-top:20px;font-size:15px;line-height:1.55;color:#d6d6ee;max-width:62ch;padding:14px 16px;border:1px solid var(--linea);border-radius:10px}
.m-receta .eti{margin-bottom:8px}
.m-reg{margin-top:20px;padding:0;list-style:none;display:grid;gap:8px}
.m-reg li{padding:14px 16px;border:1px solid var(--linea);border-radius:12px;background:var(--hondo)}
.r-cab{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.r-cab b{font-weight:600;font-size:17px}
.r-res{font-size:14px;white-space:nowrap}
.r-res.por{color:var(--mut)}
.r-meta{margin-top:4px;font-size:14px;color:var(--mut)}
.r-meta .mono{color:#d6d6ee}
.r-sello{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--mut)}
.r-sello code{font-size:14px;color:var(--hueso);background:var(--carta);padding:3px 6px;border-radius:4px}
.r-comp{margin-left:auto;min-height:40px;padding:0 14px;border-radius:6px;border:1px solid var(--linea2);background:transparent;color:var(--hueso);font:600 14px/1 "Schibsted Grotesk",sans-serif;cursor:pointer;
  transition:border-color 160ms ease,transform 120ms var(--ease-out)}
.r-comp:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){ .r-comp:hover{border-color:var(--hueso)} }
.r-out{margin-top:10px;font-size:14px;line-height:1.5;color:#d6d6ee}
.r-out b{color:var(--hueso)}
.r-out code{display:block;margin-top:6px;font:500 12px/1.5 "IBM Plex Mono",monospace;color:var(--mut);word-break:break-all;white-space:pre-wrap}
.r-ver{display:inline-flex;margin-top:16px}
.m-desc{margin-top:24px;font-size:15px;color:var(--mut)}
@media (min-width:900px){ .metodo{padding:64px 0 120px} .m-sec{margin-top:96px} }
@media (prefers-reduced-motion:reduce){ .cal .dot,.r-comp{transition:none} }
.m-vs td{padding-left:16px;white-space:nowrap}
.r-pct{white-space:nowrap}