/* Tutor de Medicina — diseño clínico (referencias: IBM Carbon, principios de software médico).
   Reglas: cero ornamento, color solo con significado clínico, cifras en mono tabular, esquinas casi rectas. */
@font-face{font-family:"IBM Plex Sans";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --f:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --fm:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --bg:#f4f6f9;--sf:#ffffff;--sf2:#eef2f7;--ink:#0f172a;--mu:#475569;--mu2:#55637a;--lab:#334155;--ln:#dbe2eb;--ln2:#c3cdda;
  --ac:#0369a1;--ac-h:#075985;--acink:#ffffff;--me:#e6eff7;
  --er:#b91c1c;--er-bg:#fef2f2;--wa:#92400e;--wa-bg:#fffbeb;--wa-ln:#d97706;--ok:#15803d;--in:#075985;--in-bg:#eff6fc;
  --r:6px;--r2:4px;
}
:root[data-tema=dark]{--bg:#0a101c;--sf:#101828;--sf2:#16213a;--ink:#e7ecf4;--mu:#b4c0d3;--mu2:#94a3b8;--lab:#cbd5e1;--ln:#1f2b40;--ln2:#2c3b55;--ac:#38bdf8;--ac-h:#7dd3fc;--acink:#04202f;--me:#10263d;--er:#f87171;--er-bg:#2a1418;--wa:#fbbf24;--wa-bg:#271d0b;--wa-ln:#d97706;--ok:#4ade80;--in:#7dd3fc;--in-bg:#0c2236}
@media(prefers-color-scheme:dark){:root:not([data-tema=light]){--bg:#0a101c;--sf:#101828;--sf2:#16213a;--ink:#e7ecf4;--mu:#b4c0d3;--mu2:#94a3b8;--lab:#cbd5e1;--ln:#1f2b40;--ln2:#2c3b55;--ac:#38bdf8;--ac-h:#7dd3fc;--acink:#04202f;--me:#10263d;--er:#f87171;--er-bg:#2a1418;--wa:#fbbf24;--wa-bg:#271d0b;--wa-ln:#d97706;--ok:#4ade80;--in:#7dd3fc;--in-bg:#0c2236}}

*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--f);-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}

#shell{display:flex;height:100dvh;height:var(--vh,100dvh);max-width:1320px;margin:0 auto;background:var(--bg)}
#app{display:flex;flex-direction:column;position:relative;flex:1;min-width:0;height:100%}

/* ---- barra superior ---- */
.bar{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 6px) 10px 6px;border-bottom:1px solid var(--ln);background:var(--sf);z-index:3;min-height:48px}
.tt{flex:1;display:flex;flex-direction:row;align-items:baseline;gap:10px;line-height:1.2;min-width:0}
.tt b{font-size:15px;font-weight:600;letter-spacing:0;white-space:nowrap}
.tt span{font:500 11px/1 var(--fm);text-transform:uppercase;letter-spacing:.06em;color:var(--ac);border:1px solid var(--ln2);border-radius:var(--r2);padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib{width:40px;height:40px;border:0;border-radius:var(--r2);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.ib:hover{background:var(--me)}.ib:active{background:var(--me)}

/* ---- mensajes ---- */
#msgs{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 14px 24px;scroll-padding-top:16px;scroll-behavior:smooth}
#msgs>*{max-width:860px;margin-left:auto;margin-right:auto}
#vacio{padding:5vh 2px 0}
.logo{width:34px;height:34px;margin:0 0 14px;border-radius:var(--r2);background:var(--ac);display:grid;place-items:center}
.logo svg{width:22px;height:22px;stroke:none;fill:var(--acink)}.logo .pulso{fill:none;stroke:var(--ac);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
#vacio h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}
#vacio p{color:var(--mu);max-width:62ch;margin:0 0 18px;font-size:14px;line-height:1.5}
.sugs{display:grid;gap:8px;grid-template-columns:1fr;max-width:none}
.sug{border:1px solid var(--ln);background:var(--sf);border-radius:var(--r);padding:11px 14px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.sug b{font-size:14px;font-weight:600}.sug span{font-size:12.5px;color:var(--mu)}
.sug:hover{border-color:var(--ac);background:var(--me)}.sug:active{background:var(--me)}
.sug.ret{border-left:3px solid var(--ac)}.sug.ret b{color:var(--ac)}

.m{display:flex;margin:12px auto}.m.u{justify-content:flex-end}
.bub{word-wrap:break-word;overflow-wrap:anywhere}
.u .bub{max-width:82%;background:var(--ac);color:var(--acink);border-radius:var(--r);padding:9px 13px;white-space:pre-wrap;font-size:14.5px}
.a{width:100%}
.a .bub{width:100%;max-width:none;background:var(--sf);border:1px solid var(--ln);border-top:2px solid var(--ac);border-radius:var(--r);padding:14px 18px 16px;font-size:14.5px;line-height:1.58}
.bub img.f{display:block;max-width:100%;max-height:220px;border-radius:var(--r2);margin-bottom:6px}
.bub>*:first-child{margin-top:0}.bub>*:last-child{margin-bottom:0}

/* ficha clínica: título, rótulos de sección, listas y cifras */
.bub h2,.bub h3,.bub h4{font:700 11.5px/1.2 var(--f);text-transform:uppercase;letter-spacing:.06em;color:var(--lab);margin:16px 0 6px;padding-top:11px;border-top:1px solid var(--ln)}
/* el primer encabezado de la respuesta es el TÍTULO de la ficha (el lector convierte ## en nivel 3) */
.bub>h2:first-child,.bub>h3:first-child,.bub>h4:first-child{font-size:17.5px;font-weight:600;line-height:1.3;letter-spacing:-.005em;text-transform:none;color:var(--ink);margin:0 0 8px;padding-top:0;border-top:0}
.bub p{margin:6px 0}.bub ul,.bub ol{margin:6px 0;padding-left:20px}.bub li{margin:3px 0}.bub li::marker{color:var(--mu2)}
.bub strong{font-weight:600}
.bub code{font:500 .9em var(--fm);background:var(--sf2);padding:1px 5px;border-radius:3px}
.bub pre{background:var(--sf2);padding:10px 12px;border-radius:var(--r2);overflow-x:auto;margin:8px 0;border:1px solid var(--ln)}.bub pre code{background:none;padding:0}
.n{font-family:var(--fm);font-feature-settings:"tnum" 1,"zero" 1;font-variant-numeric:tabular-nums;font-weight:500;font-size:.94em;white-space:nowrap}

/* tablas densas */
.bub .tw{overflow-x:auto;margin:10px 0;-webkit-overflow-scrolling:touch;border:1px solid var(--ln);border-radius:var(--r2);background:linear-gradient(90deg,var(--sf) 30%,transparent),linear-gradient(90deg,transparent,var(--sf) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(15,23,42,.22),transparent),radial-gradient(farthest-side at 100% 50%,rgba(15,23,42,.22),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.bub table{border-collapse:collapse;font-size:13.5px;width:max-content;min-width:100%}
.bub th,.bub td{padding:7px 11px;text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal;hyphens:manual;min-width:11ch;max-width:42ch;border-bottom:1px solid var(--ln)}
.bub th{background:var(--sf2);font:600 11px/1.3 var(--f);text-transform:uppercase;letter-spacing:.05em;color:var(--mu);white-space:nowrap}
.bub tbody tr:last-child td{border-bottom:0}.bub tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--sf2) 45%,transparent)}
.bub td:first-child{font-weight:600}

/* recuadros: ALERTA / VERIFICAR / PERLA / NOTA */
.bub blockquote{margin:10px 0;padding:8px 12px 9px;border-left:3px solid var(--in);background:var(--in-bg);border-radius:0 var(--r2) var(--r2) 0;color:var(--ink);font-size:14px}
.bub blockquote[data-t]::before{content:attr(data-t);display:block;font:600 10.5px/1 var(--f);letter-spacing:.09em;margin-bottom:4px;color:var(--in)}
.bub blockquote p{margin:3px 0}
.bub blockquote[data-k=alerta]{border-left-color:var(--er);background:var(--er-bg)}.bub blockquote[data-k=alerta]::before{color:var(--er)}
.bub blockquote[data-k=verificar]{border-left-color:var(--wa-ln);background:var(--wa-bg)}.bub blockquote[data-k=verificar]::before{color:var(--wa)}
.bub blockquote[data-k=perla]{border-left-color:var(--in);background:var(--in-bg)}
.bub blockquote[data-k=nota]{border-left-color:var(--ln2);background:var(--sf2)}.bub blockquote[data-k=nota]::before{color:var(--mu)}

.acc{display:flex;gap:4px;margin:4px 0 0}.acc button{border:0;background:transparent;color:var(--mu2);font:inherit;font-size:12px;padding:5px 8px;border-radius:var(--r2);cursor:pointer}.acc button:hover{background:var(--me);color:var(--ink)}
.pens{display:flex;gap:5px;padding:8px 4px}.pens i{width:7px;height:7px;border-radius:1px;background:var(--mu2);animation:p 1.1s infinite ease-in-out}.pens i:nth-child(2){animation-delay:.15s}.pens i:nth-child(3){animation-delay:.3s}
@keyframes p{0%,80%,100%{opacity:.25}40%{opacity:1}}
.errm{background:var(--er-bg);border:1px solid var(--er);border-left-width:3px;color:var(--ink);border-radius:var(--r2);padding:10px 14px;font-size:14px}.errm button{margin-top:6px;border:1px solid var(--er);background:transparent;color:var(--er);border-radius:var(--r2);padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}
.fuentes{font:12px/1.4 var(--f);color:var(--mu2);margin:8px 2px 0}.fuentes::before{content:"FUENTE · ";font-weight:600;letter-spacing:.06em}

/* ---- compositor ---- */
.comp{padding:8px 12px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid var(--ln);background:var(--sf)}
.comp>*{max-width:860px;margin-left:auto;margin-right:auto}
.modos{display:flex;gap:0;overflow-x:auto;padding:0 0 8px;scrollbar-width:none}.modos::-webkit-scrollbar{display:none}
.modo{flex:none;border:1px solid var(--ln2);margin-left:-1px;background:var(--sf);color:var(--mu);border-radius:0;padding:6px 13px;font:500 13px/1.2 var(--f);cursor:pointer}
.modo:first-child{margin-left:0;border-radius:var(--r2) 0 0 var(--r2)}.modo:last-child{border-radius:0 var(--r2) var(--r2) 0}
.modo:hover{background:var(--me);color:var(--ink)}.modo[aria-selected=true]{background:var(--ac);border-color:var(--ac);color:var(--acink);position:relative;z-index:1}
.adj{position:relative;display:inline-block;margin:0 0 8px 2px}.adj img{height:64px;border-radius:var(--r2);border:1px solid var(--ln);display:block}.adj button{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:0;background:var(--ink);color:var(--bg);font-size:15px;line-height:1;cursor:pointer}
#form{display:flex;align-items:flex-end;gap:2px;background:var(--sf);border:1px solid var(--ln2);border-radius:var(--r);padding:3px}
#form:focus-within{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac)}
#txt{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;resize:none;max-height:140px;padding:9px 6px;line-height:1.4}
#txt::placeholder{color:var(--mu2)}
.env{width:36px;height:36px;margin:1px;border:0;border-radius:var(--r2);background:var(--ac);color:var(--acink);display:grid;place-items:center;flex:none;cursor:pointer}.env:hover{background:var(--ac-h)}.env:disabled{opacity:.35;cursor:default}.env svg{stroke-width:2.4}
.pie{font-size:11.5px;color:var(--mu2);text-align:left;margin-top:6px;line-height:1.35}

/* ---- panel lateral ---- */
#cajon{position:fixed;top:0;bottom:0;left:0;width:min(88vw,340px);background:var(--sf);border-right:1px solid var(--ln);transform:translateX(-102%);transition:transform .22s ease;z-index:10;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}
#cajon.on{transform:none}.cj-h{display:flex;justify-content:space-between;align-items:center;padding:8px 6px 4px 14px;font-size:15px;font-weight:600}
.cj-s{flex:1;overflow-y:auto;padding:4px 12px 28px;-webkit-overflow-scrolling:touch}
.cj-s h3{font:600 11px/1.2 var(--f);letter-spacing:.07em;text-transform:uppercase;color:var(--mu2);margin:16px 2px 6px;display:flex;justify-content:space-between}
.nota{font-size:12px;color:var(--mu2);margin:0 2px 8px;line-height:1.4}.mini{font-weight:400;text-transform:none;letter-spacing:0;font-family:var(--fm)}
.pri-b,.sec-b{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r2);font:inherit;font-size:14px;font-weight:500;padding:9px;cursor:pointer;margin-top:4px}
.pri-b{border:0;background:var(--ac);color:var(--acink)}.pri-b:hover{background:var(--ac-h)}.pri-b svg{width:16px;height:16px;stroke-width:2.4}
.sec-b{border:1px solid var(--ln2);background:transparent;color:var(--ac);margin-top:8px}.sec-b:hover{background:var(--me)}
#lista{display:flex;flex-direction:column;gap:1px}
.it{display:flex;align-items:center;gap:2px;border-radius:0 var(--r2) var(--r2) 0;border-left:2px solid transparent}.it.on{background:var(--me);border-left-color:var(--ac)}.it:hover{background:var(--me)}
.it button.t{flex:1;text-align:left;border:0;background:none;color:var(--ink);font:inherit;padding:8px 9px;cursor:pointer;min-width:0}
.it .t b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it .t span{font-size:11.5px;color:var(--mu2)}
.it .x{border:0;background:none;color:var(--mu2);width:32px;height:32px;font-size:18px;border-radius:var(--r2);cursor:pointer}.it .x:hover{color:var(--er)}
.doc{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:var(--r2)}.doc input{width:16px;height:16px;accent-color:var(--ac);flex:none}.doc .d{flex:1;min-width:0}.doc .d b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc .d span{font-size:11.5px;color:var(--mu2)}.doc .x{border:0;background:none;color:var(--mu2);width:30px;height:30px;font-size:17px;border-radius:var(--r2);cursor:pointer}.doc .x:hover{color:var(--er)}
#perfil{width:100%;font:inherit;font-size:13.5px;padding:9px 10px;border-radius:var(--r2);border:1px solid var(--ln2);background:var(--bg);color:var(--ink);resize:vertical}
.cj-f{padding:8px 12px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cj-f button{border:0;background:none;color:var(--mu2);font:inherit;font-size:12px;cursor:pointer;padding:2px 0}.cj-f button:hover{color:var(--ink);text-decoration:underline}
.yo{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px;flex:1 1 100%}.yo img{width:26px;height:26px;border-radius:50%}.yo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vel{position:fixed;inset:0;background:rgba(2,6,15,.65);z-index:9}
details summary{list-style:none;cursor:pointer}
.cj-s details{margin:0}.cj-s summary{font:600 11px/1.2 var(--f);letter-spacing:.07em;text-transform:uppercase;color:var(--mu2);margin:16px 2px 6px;display:flex;justify-content:space-between;align-items:center}.cj-s summary::-webkit-details-marker{display:none}.cj-s summary::after{content:'▾';font-size:12px;transition:transform .15s}.cj-s details:not([open]) summary::after{transform:rotate(-90deg)}
#recorrido{display:flex;flex-direction:column;gap:7px;margin:0 0 6px}
.rec{border-left:2px solid var(--ln2);padding:1px 0 1px 9px;font-size:12px;line-height:1.35}.rec b{display:block;font-size:12.5px;font-weight:600}.rec span{color:var(--mu)}.rec i{display:block;color:var(--wa);font-style:normal}

.estado{font-size:12.5px;color:var(--ac);background:var(--me);border-radius:var(--r2);padding:6px 11px;margin:0 0 8px;display:flex;align-items:center;gap:8px}.estado.mal{color:var(--er);background:var(--er-bg)}
.estado .sp{width:13px;height:13px;border:2px solid var(--ac);border-top-color:transparent;border-radius:50%;animation:g .8s linear infinite;flex:none}@keyframes g{to{transform:rotate(360deg)}}

dialog{border:1px solid var(--ln2);background:var(--sf);color:var(--ink);border-radius:var(--r);padding:22px;width:min(90vw,380px);margin:auto;text-align:left}dialog::backdrop{background:rgba(2,6,15,.6)}
dialog h2{font-size:18px;font-weight:600;margin-bottom:6px}dialog p{color:var(--mu);font-size:13.5px;margin-bottom:14px}#gbtn{display:flex;justify-content:flex-start;min-height:44px;margin-bottom:8px}
dialog input{width:100%;font:inherit;font-size:15px;padding:10px 12px;border-radius:var(--r2);border:1px solid var(--ln2);background:var(--bg);color:var(--ink);margin-bottom:10px}
.pri{width:100%;border:0;border-radius:var(--r2);background:var(--ac);color:var(--acink);font:inherit;font-weight:500;padding:10px;cursor:pointer}.pri:hover{background:var(--ac-h)}.err{color:var(--er)!important}

@media(min-width:900px){
  #cajon{position:static;transform:none;width:300px;flex:none;padding-top:0;height:100%}
  .solo-movil,#vel{display:none!important}
  .bar{padding-top:8px;padding-left:18px}
  #app{border-right:0}
  #msgs{padding:20px 32px 8px}.comp{padding:10px 32px 14px}
  .sugs{grid-template-columns:1fr 1fr}
  .a .bub{padding:16px 22px 18px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* celular: cada fila de una tabla clínica se vuelve una tarjeta (ninguna columna de dosis queda fuera de pantalla) */
@media(max-width:640px){
  .bub .tw{border:0;background:none;overflow:visible;margin:10px 0}
  .bub table,.bub tbody{display:block;width:100%;min-width:0}
  .bub thead{display:none}
  .bub tbody tr{display:block;border:1px solid var(--ln);border-radius:var(--r2);margin:0 0 8px;overflow:hidden;background:var(--sf)}
  .bub tbody tr:nth-child(even) td{background:transparent}
  .bub td{display:block;max-width:none;min-width:0;padding:6px 10px 7px;border-bottom:1px solid var(--ln)}
  .bub td:last-child{border-bottom:0}
  .bub td::before{content:attr(data-l);display:block;font:600 10.5px/1.4 var(--f);text-transform:uppercase;letter-spacing:.05em;color:var(--mu);margin-bottom:2px}
  .bub td:first-child{background:var(--sf2)!important}
}

.modoinfo{font-size:12.5px;line-height:1.4;color:var(--mu);margin-bottom:8px}.modoinfo b{color:var(--ink);font-weight:600}

/* ===== identidad Tars Clinical ===== */
/* marca: trazo de ECG + nombre */
.wm{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.wm svg{width:26px;height:16px;flex:none;fill:none;stroke:var(--ac);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wm span{font:500 10px/1 var(--fm);letter-spacing:.16em;color:var(--mu2);padding-top:2px}
#sub:empty{display:none}
/* inicio: pase de sala */
#vacio{padding:3vh 2px 0}
.pase-cab{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font:500 11px/1.2 var(--fm);letter-spacing:.08em;color:var(--mu2)}
#pase-parcial{border:1px solid var(--ln2);border-radius:var(--r2);padding:3px 7px;color:var(--mu)}
#pase-parcial[data-urgente="1"]{border-color:var(--wa-ln);color:var(--wa);background:var(--wa-bg)}
.pase-ecg{display:block;width:100%;height:30px;margin:8px 0 6px}
.pase-ecg path{fill:none;stroke:var(--ac);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1400;stroke-dashoffset:1400;animation:trazo 1.8s ease-out .15s forwards}
@keyframes trazo{to{stroke-dashoffset:0}}
#vacio h1{font-size:26px;font-weight:600;letter-spacing:-.015em;margin:2px 0 2px}
#vacio #pase-sub{color:var(--mu);font-size:14px;margin:0 0 16px;max-width:62ch}
.sugs{grid-template-columns:1fr;gap:0}
.sug.pend{grid-column:1/-1;border:1px solid var(--wa-ln);border-left-width:4px;background:var(--wa-bg);border-radius:var(--r);padding:12px 16px;gap:3px;margin-bottom:6px}
.sug.pend:hover{background:var(--wa-bg);border-color:var(--wa)}
.sug.pend .rot{font:600 10.5px/1 var(--f);letter-spacing:.09em;color:var(--wa)}
.sug.pend b{font-size:16px;color:var(--ink)}.sug.pend .det{font-size:13.5px;color:var(--mu)}
.sug.pend .ir{font:600 13px/1 var(--f);color:var(--ac);margin-top:5px}
.pase-rot{grid-column:1/-1;font:700 11px/1.2 var(--f);text-transform:uppercase;letter-spacing:.08em;color:var(--mu2);margin:14px 0 4px;padding-top:12px;border-top:1px solid var(--ln)}
.sug.fila{flex-direction:row;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--ln);border-radius:0;background:transparent;padding:11px 6px}
.sug.fila:hover{background:var(--me)}
.sug.fila .cod{flex:none;width:44px;text-align:center;font:500 11px/1 var(--fm);letter-spacing:.06em;color:var(--ac);border:1px solid var(--ln2);border-radius:var(--r2);padding:5px 0;font-style:normal}
.sug.fila .tx{display:flex;flex-direction:column;gap:1px;min-width:0}
/* estado de cada consulta */
.it .t span{display:inline}
.est{display:inline-block;margin-left:8px;font:600 9.5px/1 var(--fm);letter-spacing:.08em;padding:2px 5px;border-radius:3px;font-style:normal;vertical-align:1px}
.est.pend{color:var(--wa);background:var(--wa-bg);border:1px solid var(--wa-ln)}
.est.ok{color:var(--ok);border:1px solid var(--ln2)}
/* mientras piensa: un ECG que corre */
.a .bub.pens{width:120px;height:28px;padding:0;border:0;border-radius:0;background:var(--ac);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='28' viewBox='0 0 60 28'%3E%3Cpath d='M0 15h14l3-4 3 4h6l3-12 4 22 3-10h4l2 0h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") repeat-x 0 50%/60px 28px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='28' viewBox='0 0 60 28'%3E%3Cpath d='M0 15h14l3-4 3 4h6l3-12 4 22 3-10h4l2 0h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") repeat-x 0 50%/60px 28px;animation:ecg 1.1s linear infinite}
.pens i{display:none}
@keyframes ecg{to{-webkit-mask-position:-60px 50%;mask-position:-60px 50%}}
@media(min-width:900px){.sugs{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pase-ecg path{stroke-dashoffset:0}}

.tt .wm span{border:0;padding:2px 0 0;margin:0;color:var(--mu2);text-transform:none;font:500 10px/1 var(--fm);letter-spacing:.16em;overflow:visible}
.tt{gap:10px;flex-wrap:wrap}