.psf-pb{
 --tinta:#191c1d; --papel:#f8f9fa; --papel2:#f3f4f5; --linea:#dfe3e7;
 --sub:#43474e;            /* A6 · 6,5:1 — para los subtitulos, que llevan las tesis */
 --muted:#5d6169;          /* A6 · solo para rotulos secundarios */
 --acento:#4a5c80; --ok:#3f7d5c; --mid:#825900; --bad:#a11d1d;
}
.psf-pb *{box-sizing:border-box}
.psf-pb{margin:0!important;background:#f6f6f7!important;color:var(--tinta)!important;line-height:1.65!important;
 font-family:var(--pf-sans)!important}
.psf-pb .pb-wrap{max-width:1104px;margin:0 auto!important;padding:0 22px 80px!important}

/* ---- A10 · la marca, con el punto a la vista ---- */
.psf-pb .pb-marca{margin:0 0 6px!important;font-size:var(--pf-fs-micro)!important;font-weight:800!important;letter-spacing:.01em!important;color:var(--acento)!important}
.psf-pb .pb-marca .pb-pt{color:#1a365d!important;font-weight:900!important}
.psf-pb .pb-marca .pb-b{font-weight:400!important}

/* ---- navegacion ---- */
.psf-pb .pb-nav{position:sticky;top:0;z-index:30;background:rgba(248,249,250,.97)!important;
 backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)!important;margin-bottom:22px!important}
.psf-pb .pb-nav-in{max-width:1060px;margin:0 auto!important;padding:9px 22px!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.psf-pb .pb-crumb{font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
/* [D-190 · v9.19.0] En el teléfono la barra medía 451 px (los nueve botones
   apilados) y, pegada arriba, tapaba el 60 % de la pantalla mientras se leía.
   Bajo 760 px deja de pegarse y los botones van en una sola fila con scroll
   horizontal, con el capítulo actual a la vista. */
@media (max-width:760px){
 .psf-pb .pb-nav{position:static!important;backdrop-filter:none}
 .psf-pb .pb-nav-in{padding:8px 16px!important;gap:6px}
 .psf-pb .pb-paso{margin-left:0!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:4px;scrollbar-width:none;scroll-snap-type:x proximity}
 .psf-pb .pb-paso::-webkit-scrollbar{display:none}
 .psf-pb .pb-paso button{flex:0 0 auto;white-space:nowrap;min-height:40px;scroll-snap-align:start}
}
.psf-pb .pb-paso{margin-left:auto!important;display:flex;gap:5px;flex-wrap:wrap}
.psf-pb .pb-paso button{font:inherit!important;font-size:var(--pf-fs-micro)!important;font-weight:700!important;cursor:pointer;border:1px solid var(--linea)!important;
 background:#fff!important;color:var(--sub)!important;border-radius:8px!important;padding:4px 11px!important;display:flex;align-items:center;gap:5px}
.psf-pb .pb-paso button .pb-mm{font-size:var(--pf-fs-micro)!important;font-weight:600!important;color:var(--muted)!important;margin-left:3px!important}
.psf-pb .pb-paso button.pb-on{background:#002045!important;border-color:#002045!important;color:#fff!important}
.psf-pb .pb-paso button.pb-on .pb-mm{color:#d5dcea!important}
.psf-pb .pb-paso button.pb-visto:not(.pb-on){border-color:var(--acento)!important;color:var(--acento)!important}
.psf-pb .pb-paso button.pb-visto:not(.pb-on)::before{content:"✓";font-size:var(--pf-fs-micro)!important}
.psf-pb .pb-paso button:hover:not(.pb-on){border-color:var(--acento)!important;color:var(--acento)!important}

.psf-pb .pb-vista{display:none;animation:ap .22s ease}
.psf-pb .pb-vista.pb-on{display:block}
@keyframes ap{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.psf-pb h1{margin:22px 0 12px!important;font-size:var(--pf-fs-h1)!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-.02em!important;color:#002045!important}
.psf-pb h2{margin:40px 0 6px!important;font-size:var(--pf-fs-h3)!important;font-weight:500!important;color:#002045!important}
.psf-pb .pb-lead{margin:0 0 10px!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important;max-width:68ch}
.psf-pb .pb-lead strong{color:var(--acento)!important}
.psf-pb .pb-sub{margin:0 0 18px!important;font-size:var(--pf-fs-body)!important;color:var(--sub)!important;max-width:68ch}
.psf-pb .pb-cuerpo{font-size:var(--pf-fs-body)!important;max-width:68ch}
.psf-pb .pb-pista{font-size:var(--pf-fs-micro)!important;color:var(--muted)!important;font-style:italic!important;margin:0 0 14px!important}

/* ---- A2 · ficha de identidad · B2 · rutas ---- */
.psf-pb .pb-ident{background:#fff!important;border:1px solid var(--linea)!important;border-left:5px solid var(--acento)!important;
 border-radius:8px!important;padding:17px 20px!important;margin:0 0 14px!important}
.psf-pb .pb-ident p{margin:0 0 7px!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important}
.psf-pb .pb-ident p:last-child{margin:0!important}
.psf-pb .pb-ident .pb-no{color:var(--sub)!important}
.psf-pb .pb-rutas{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 30px!important}
.psf-pb .pb-ruta{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;padding:13px 15px!important;cursor:pointer;
 text-align:left!important;font:inherit!important;color:inherit!important;transition:.15s}
.psf-pb .pb-ruta:hover{border-color:var(--acento)!important;transform:translateY(-2px);box-shadow:0 3px 11px rgba(26,54,93,.05)!important}
.psf-pb .pb-ruta b{display:block;font-size:var(--pf-fs-small)!important;color:var(--acento)!important;margin-bottom:2px!important}
.psf-pb .pb-ruta span{font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}

/* ---- B1 · en tres lineas / lo que te llevas ---- */
.psf-pb .pb-tres,.psf-pb .pb-llevas{background:var(--papel)!important;border-radius:8px!important;padding:14px 18px!important;margin:0 0 24px!important}
.psf-pb .pb-llevas{margin:30px 0 0!important;border:1px solid var(--linea)!important;background:#fff!important}
.psf-pb .pb-tres-t,.psf-pb .pb-llevas-t{display:block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;text-transform:uppercase!important;
 letter-spacing:.07em!important;color:var(--muted)!important;margin-bottom:7px!important}
.psf-pb .pb-tres ul,.psf-pb .pb-llevas ul{margin:0!important;padding-left:17px!important}
.psf-pb .pb-tres li,.psf-pb .pb-llevas li{font-size:var(--pf-fs-body)!important;line-height:1.65!important;margin-bottom:5px!important}
.psf-pb .pb-tres li:last-child,.psf-pb .pb-llevas li:last-child{margin:0!important}
/* ---- A4 · el siguiente, clicable de verdad ---- */
.psf-pb .pb-siguiente{margin:15px 0 0!important;font:inherit!important;font-size:var(--pf-fs-small)!important;font-weight:800!important;cursor:pointer;
 background:var(--acento)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:11px 18px!important;
 display:flex;align-items:center;gap:10px;width:100%;justify-content:space-between}
.psf-pb .pb-siguiente:hover{background:#3b4a68!important}
.psf-pb .pb-siguiente span{font-size:var(--pf-fs-body)!important}

/* ---- tesis ---- */
.psf-pb .pb-tesis{background:#fff!important;border:1px solid var(--linea)!important;border-left:5px solid var(--acento)!important;
 border-radius:8px!important;padding:19px 22px!important;margin:0 0 26px!important}
.psf-pb .pb-tesis p{margin:0 0 12px!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important}
.psf-pb .pb-tesis p:last-child{margin:0!important}
.psf-pb .pb-tesis .pb-tachado{color:var(--muted)!important;text-decoration:line-through!important}
.psf-pb .pb-tesis .pb-fuerte{color:var(--acento)!important;font-weight:800!important}

/* ---- linea de tiempo ---- */
.psf-pb .pb-linea{margin:0 0 16px!important;border-left:2px solid var(--linea)!important}
.psf-pb .pb-hito{position:relative;padding:0 0 20px 26px!important}
.psf-pb .pb-hito::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%!important;
 background:#fff!important;border:2px solid var(--acento)!important}
.psf-pb .pb-hito-fin::before{background:var(--acento)!important}
.psf-pb .pb-hito .pb-anio{display:inline-block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;letter-spacing:.05em!important;
 text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:3px!important}
.psf-pb .pb-hito .pb-ht{font-size:var(--pf-fs-small)!important;font-weight:800!important;color:var(--acento)!important;margin-bottom:4px!important}
.psf-pb .pb-hito p{margin:0!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important;max-width:74ch}

/* ---- A8 · los modos, como eje ---- */
.psf-pb .pb-modo-bloque{margin:0 0 22px!important}
.psf-pb .pb-modo-rot{display:block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important;
 color:var(--muted)!important;margin-bottom:8px!important}
.psf-pb .pb-eje-barra{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:7px!important}
.psf-pb .pb-eje-barra span{font-size:var(--pf-fs-micro)!important;font-weight:700!important;color:var(--muted)!important;text-align:center!important;
 padding:4px 0!important;background:linear-gradient(90deg,var(--papel2),var(--papel))!important;border-radius:5px!important}
.psf-pb .pb-modo-eje{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.psf-pb .pb-modo-eje-3{grid-template-columns:repeat(3,1fr)}
.psf-pb .pb-modo-previo .pb-modo{max-width:340px}
.psf-pb .pb-modo{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;padding:13px 14px!important;cursor:pointer;
 text-align:left!important;font:inherit!important;color:inherit!important;transition:.15s}
.psf-pb .pb-modo:hover{border-color:var(--acento)!important;transform:translateY(-2px);box-shadow:0 3px 11px rgba(26,54,93,.05)!important}
.psf-pb .pb-modo.pb-on{border-color:var(--acento)!important;border-width:2px!important;padding:12px 13px!important;background:var(--papel)!important}
.psf-pb .pb-modo .pb-mn{font-size:var(--pf-fs-small)!important;font-weight:800!important;color:var(--acento)!important;margin-bottom:2px!important}
.psf-pb .pb-modo .pb-ms{font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
/* el panel cae justo debajo de su fila, ocupando el ancho */
.psf-pb .pb-detalle{display:none;grid-column:1/-1;background:#fff!important;border:2px solid var(--acento)!important;
 border-radius:8px!important;padding:16px 19px!important;margin-top:2px!important}
.psf-pb .pb-detalle.pb-on{display:block}
.psf-pb .pb-detalle h4{margin:0 0 7px!important;font-size:var(--pf-fs-h4)!important;font-weight:800!important;color:var(--acento)!important}
.psf-pb .pb-detalle p{margin:0 0 10px!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important}
.psf-pb .pb-detalle .pb-ej{margin:0!important;padding:10px 13px!important;background:var(--papel)!important;border-radius:7px!important;font-size:var(--pf-fs-micro)!important}
.psf-pb .pb-detalle .pb-ej::before{content:"Ejemplo · ";font-size:var(--pf-fs-micro)!important;font-weight:800!important;text-transform:uppercase!important;
 letter-spacing:.06em!important;color:var(--muted)!important}

/* ---- escala y ejes ---- */
.psf-pb .pb-escala{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 12px!important}
.psf-pb .pb-escala div{border:1px solid var(--linea)!important;border-radius:8px!important;padding:10px!important;background:#fff!important;text-align:center!important}
.psf-pb .pb-escala .pb-pts{font-size:var(--pf-fs-lead)!important;font-weight:800!important;letter-spacing:.09em!important;color:var(--acento)!important}
.psf-pb .pb-escala .pb-ki{font-size:var(--pf-fs-micro)!important;font-weight:700!important;margin:2px 0 1px!important}
.psf-pb .pb-escala .pb-lab{font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-escala .pb-ancla{margin-top:6px!important;padding-top:6px!important;border-top:1px solid var(--linea)!important;font-size:var(--pf-fs-micro)!important;
 line-height:1.65!important;color:var(--sub)!important}
.psf-pb .pb-escala .pb-ancla b{color:var(--acento)!important}
.psf-pb .pb-dosejes{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--linea)!important;border-radius:8px!important;
 overflow:hidden;margin:0 0 12px!important}
.psf-pb .pb-dosejes>div{padding:16px 18px!important;background:#fff!important}
.psf-pb .pb-dosejes>div+div{border-left:1px solid var(--linea)!important}
.psf-pb .pb-dosejes h4{margin:0 0 5px!important;font-size:var(--pf-fs-micro)!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--muted)!important}
.psf-pb .pb-dosejes .pb-big{margin:0 0 7px!important;font-size:var(--pf-fs-body)!important;font-weight:800!important;color:var(--acento)!important}
.psf-pb .pb-dosejes p{margin:0!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}

/* ---- ejemplos y casos ---- */
.psf-pb .pb-ejemplo,.psf-pb .pb-caso{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;margin:0 0 16px!important;overflow:hidden}
.psf-pb .pb-ejemplo>header,.psf-pb .pb-caso>header{padding:13px 18px!important;border-bottom:1px solid var(--linea)!important;background:var(--papel)!important}
.psf-pb .pb-ejemplo h3,.psf-pb .pb-caso h3{margin:0!important;font-size:var(--pf-fs-h4)!important;font-weight:800!important}
.psf-pb .pb-esub,.psf-pb .pb-caso>header p{margin:2px 0 0!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-pasos,.psf-pb .pb-caso-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr))}
.psf-pb .pb-pso,.psf-pb .pb-caso-c{padding:15px 18px!important;border-right:1px solid var(--linea)!important}
.psf-pb .pb-pso:last-child,.psf-pb .pb-caso-c:last-child{border-right:0!important}
.psf-pb .pb-pso .pb-et,.psf-pb .pb-caso-c .pb-cm{display:inline-block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;letter-spacing:.04em!important;
 background:var(--papel2)!important;border-radius:8px!important;padding:2px 10px!important;margin-bottom:6px!important}
.psf-pb .pb-caso-c .pb-cm{background:none!important;padding:0!important;text-transform:uppercase!important;color:var(--muted)!important}
.psf-pb .pb-pso .pb-tt,.psf-pb .pb-caso-c .pb-cn{font-size:var(--pf-fs-small)!important;font-weight:800!important;color:var(--acento)!important;margin-bottom:5px!important}
.psf-pb .pb-pso p,.psf-pb .pb-caso-c p{margin:0!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-ecierre,.psf-pb .pb-caso-p{margin:0!important;padding:13px 18px!important;border-top:1px solid var(--linea)!important;background:var(--papel)!important;
 font-size:var(--pf-fs-micro)!important;line-height:1.65!important}

/* ---- senales ---- */
.psf-pb .pb-dos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px!important}
.psf-pb .pb-col{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;overflow:hidden}
.psf-pb .pb-col>header{padding:13px 17px!important;border-bottom:1px solid var(--linea)!important;border-left:5px solid var(--cc)!important;background:var(--papel)!important}
.psf-pb .pb-col h3{margin:0!important;font-size:var(--pf-fs-h4)!important;font-weight:800!important;color:var(--cc)!important}
.psf-pb .pb-csub{margin:3px 0 0!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-col ul{margin:0!important;padding:6px 0!important;list-style:none!important}
.psf-pb .pb-col li{padding:10px 17px!important;border-bottom:1px solid var(--linea)!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-col li:last-child{border-bottom:0!important}
/* [D-52] LA TABLA SE LEE EN HORIZONTAL, no en vertical. Peticion del autor
   el 03-08-2026: «organiza la tabla de manera que esten los sistemas en el
   mismo orden, asi los estudiantes pueden comparar dopamina, serotonina,
   etc.». Por eso las dos columnas llevan los cinco sistemas en el mismo
   orden y cada fila se anuncia con el nombre del sistema: el ojo salta de
   una columna a la otra sin contar filas. */
.psf-pb .pb-sis{display:block!important;font-family:var(--pf-mono,monospace)!important;
  font-size:var(--pf-fs-micro,15px)!important;text-transform:uppercase!important;
  letter-spacing:.08em!important;color:var(--muted)!important;margin-bottom:2px!important}

/* El par agonista/antagonista de cada receptor. Va en el tamano minimo del
   sistema —15 px, el escalon mas pequeno del §4.2— y se subordina con color
   y con un filete, no bajando de la escala: por debajo de ese tamano el
   texto deja de leerse en un telefono y ninguna de las dos cosas que pide
   el autor se cumple. */
.psf-pb .pb-rx{display:block!important;margin-top:6px!important;padding-top:5px!important;
  border-top:1px dotted var(--linea)!important;font-size:var(--pf-fs-micro,15px)!important;
  line-height:1.5!important;color:var(--muted)!important}
.psf-pb .pb-rx em{font-style:normal!important;font-family:var(--pf-mono,monospace)!important;
  text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.86em!important}
.psf-pb .pb-col li b.pb-rn{display:block;font-size:var(--pf-fs-body)!important;color:var(--cc)!important;margin-bottom:2px!important}

/* ---- A7 · familias colapsadas ---- */
.psf-pb .pb-cat{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;margin:0 0 9px!important;overflow:hidden}
.psf-pb .pb-cat>summary{padding:14px 18px!important;cursor:pointer;list-style:none!important;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.psf-pb .pb-cat>summary::-webkit-details-marker{display:none}
.psf-pb .pb-cat>summary::before{content:"▸";color:var(--acento)!important;font-size:var(--pf-fs-micro)!important}
.psf-pb .pb-cat[open]>summary::before{content:"▾"}
.psf-pb .pb-cat[open]>summary{border-bottom:1px solid var(--linea)!important;background:var(--papel)!important}
.psf-pb .pb-cat-h{font-size:var(--pf-fs-small)!important;font-weight:800!important;color:var(--acento)!important}
.psf-pb .pb-cat-s2{font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-cat-b{padding:4px 0!important}
.psf-pb .pb-cat-s{padding:13px 18px!important;border-bottom:1px solid var(--linea)!important}
.psf-pb .pb-cat-s:last-child{border-bottom:0!important}
.psf-pb .pb-cat-sn{font-size:var(--pf-fs-small)!important;font-weight:800!important;margin-bottom:3px!important}
.psf-pb .pb-cat-sd{margin:0 0 7px!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important;color:var(--sub)!important;max-width:74ch}
.psf-pb .pb-cat-se{margin:0!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important;padding:9px 12px!important;background:var(--papel)!important;border-radius:7px!important}

/* ---- atlas ---- */
.psf-pb .pb-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:12px;margin:0 0 14px!important}
.psf-pb .pb-card{background:#fff!important;border:1px solid var(--linea)!important;border-top:4px solid var(--cc)!important;border-radius:8px!important;
 padding:16px 17px!important;cursor:pointer;text-align:left!important;font:inherit!important;color:inherit!important;transition:.15s}
.psf-pb .pb-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(26,54,93,.07)!important;border-color:var(--cc)!important}
.psf-pb .pb-card h3{margin:0 0 3px!important;font-size:var(--pf-fs-h4)!important;font-weight:800!important;color:var(--cc)!important}
.psf-pb .pb-card .pb-cn{font-size:var(--pf-fs-micro)!important;color:var(--muted)!important;font-weight:700!important}
.psf-pb .pb-card .pb-ci{margin:9px 0 0!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-card .pb-cgo{margin-top:11px!important;font-size:var(--pf-fs-micro)!important;font-weight:800!important;color:var(--cc)!important}
.psf-pb .pb-shead{border-left:5px solid var(--cc)!important;padding-left:15px!important;margin:20px 0 14px!important}
.psf-pb .pb-shead h1{margin:0 0 6px!important;color:var(--cc)!important;font-size:var(--pf-fs-h2)!important}
.psf-pb .pb-shead .pb-fam{margin:0 0 8px!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-shead .pb-si{margin:0!important;font-size:var(--pf-fs-small)!important;max-width:68ch}
/* B8 · leyenda de cobertura donde se usa */
.psf-pb .pb-cob{display:flex;flex-wrap:wrap;gap:15px;margin:0 0 14px!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-cob span{display:inline-flex;align-items:center;gap:6px}
.psf-pb .pb-dot,.psf-pb .pb-cob i{display:inline-block;width:9px;height:9px;border-radius:50%!important;flex:none}
.psf-pb .pb-dot.pb-hay,.psf-pb .pb-cob i.pb-hay{background:var(--ok)!important}
.psf-pb .pb-dot.pb-med,.psf-pb .pb-cob i.pb-med{background:var(--mid)!important}
.psf-pb .pb-dot.pb-no,.psf-pb .pb-cob i.pb-no{background:transparent!important;border:1.5px dashed var(--bad)!important}
.psf-pb .pb-f{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;margin:0 0 10px!important;overflow:hidden}
.psf-pb .pb-fbtn{width:100%;text-align:left!important;font:inherit!important;color:inherit!important;background:none!important;border:0!important;cursor:pointer;
 padding:13px 16px!important;display:flex;align-items:center;gap:10px}
.psf-pb .pb-fbtn:hover{background:rgba(0,0,0,.015)!important}
.psf-pb .pb-fn{font-size:var(--pf-fs-small)!important;font-weight:800!important;color:var(--cc)!important}
.psf-pb .pb-fac{font-size:var(--pf-fs-micro)!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--muted)!important;
 border:1px solid var(--linea)!important;border-radius:8px!important;padding:1px 8px!important;background:var(--papel)!important}
.psf-pb .pb-fmas{margin-left:auto!important;font-size:var(--pf-fs-small)!important;color:var(--muted)!important;line-height:1!important}
.psf-pb .pb-fcont{display:none;padding:0 16px 15px!important}
.psf-pb .pb-f.pb-on .pb-fcont{display:block}
.psf-pb .pb-f.pb-on .pb-fmas{transform:rotate(45deg)}
.psf-pb .pb-frej{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:9px}
.psf-pb .pb-c{font-size:var(--pf-fs-micro)!important;line-height:1.65!important;padding:9px 11px!important;border-radius:7px!important;background:var(--papel)!important;
 border-left:2px solid var(--linea)!important}
.psf-pb .pb-ct{display:block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;
 color:var(--muted)!important;margin-bottom:3px!important}
.psf-pb .pb-c.pb-ago{border-left-color:var(--ok)!important} .psf-pb .pb-c.pb-anta{border-left-color:var(--bad)!important}
.psf-pb .pb-c.pb-ej{background:#fff!important;border:1px solid var(--linea)!important;border-left:2px solid var(--acento)!important}
.psf-pb .pb-fnota{margin:10px 0 0!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important;padding-left:11px!important;border-left:2px solid var(--cc)!important;color:#3a3e45!important}
/* ---- el asterisco de un ejemplo: mismo aire que .pb-fdev, otro rotulo ---- */
.psf-pb .pb-edev{margin:12px 0 0!important;padding:10px 13px!important;background:var(--papel2)!important;border-radius:8px!important;
 border-left:3px solid var(--mid)!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-edev::before{content:"* Los datos discrepan — ";font-weight:800!important;color:var(--mid)!important}
.psf-pb .pb-edev.pb-edev-neutro::before{content:none}
.psf-pb .pb-sub-larga{margin-top:22px!important}
.psf-pb .pb-fdev{margin:9px 0 0!important;padding:9px 12px!important;background:#fff!important;border:1px solid var(--linea)!important;
 border-left:3px solid var(--mid)!important;border-radius:7px!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-fdev::before{content:"* En desarrollo o discutido — ";font-weight:800!important;color:var(--mid)!important}
.psf-pb .pb-ffte{margin:9px 0 0!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-fsin{margin:9px 0 0!important;font-size:var(--pf-fs-micro)!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.02em!important;opacity:.7}
/* B4 · anterior y siguiente entre sistemas */
.psf-pb .pb-sisnav{display:flex;gap:9px;margin:20px 0 0!important;flex-wrap:wrap}
.psf-pb .pb-sisnav button{flex:1;min-width:180px;font:inherit!important;font-size:var(--pf-fs-micro)!important;font-weight:700!important;cursor:pointer;
 background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;padding:11px 14px!important;color:var(--acento)!important;text-align:left!important}
.psf-pb .pb-sisnav button:hover{border-color:var(--acento)!important}
.psf-pb .pb-sisnav .pb-der{text-align:right!important}

/* ---- A5 · las referencias, en globo ---- */
.psf-pb sup.pb-ref{font-size:var(--pf-fs-micro)!important;font-weight:800!important;color:var(--acento)!important;cursor:pointer;background:var(--papel2)!important;
 border-radius:6px!important;padding:1px 4px!important;margin-left:2px!important;vertical-align:super!important}
.psf-pb sup.pb-ref:hover,.psf-pb sup.pb-ref:focus{background:var(--acento)!important;color:#fff!important;outline:none!important}
.psf-pb #globo{position:fixed;z-index:60;max-width:430px;background:#fff!important;border:1px solid var(--acento)!important;
 border-radius:8px!important;box-shadow:0 10px 34px rgba(26,54,93,.17)!important;padding:14px 16px!important;font-size:var(--pf-fs-micro)!important;
 line-height:1.65!important;display:none}
.psf-pb #globo.pb-on{display:block}
.psf-pb #globo .pb-gn{display:inline-block;width:21px;height:21px;line-height:21px!important;text-align:center!important;border-radius:50%!important;
 background:var(--papel2)!important;font-size:var(--pf-fs-micro)!important;font-weight:800!important;color:var(--acento)!important;margin-right:8px!important}
.psf-pb #globo a{color:var(--acento)!important;word-break:break-all!important}
.psf-pb #globo .pb-gx{position:absolute;top:7px;right:10px;cursor:pointer;font-size:var(--pf-fs-small)!important;color:var(--muted)!important;
 background:none!important;border:0!important;font:inherit!important;line-height:1!important}
.psf-pb #globo .pb-gver{display:inline-block;margin-top:9px!important;font-size:var(--pf-fs-micro)!important;font-weight:700!important;color:var(--acento)!important;cursor:pointer}

/* ---- C4 · autocomprobacion ---- */
.psf-pb .pb-auto{background:#fff!important;border:1px solid var(--linea)!important;border-left:4px solid var(--mid)!important;border-radius:8px!important;
 margin:26px 0 0!important;overflow:hidden}
.psf-pb .pb-auto>summary{padding:14px 18px!important;cursor:pointer;list-style:none!important;font-size:var(--pf-fs-small)!important;font-weight:700!important;line-height:1.65!important}
.psf-pb .pb-auto>summary::-webkit-details-marker{display:none}
.psf-pb .pb-auto-e{display:block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important;
 color:var(--mid)!important;margin-bottom:5px!important}
.psf-pb .pb-auto[open]>summary{border-bottom:1px solid var(--linea)!important}
.psf-pb .pb-auto p{margin:0!important;padding:14px 18px!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important;background:var(--papel)!important}

/* ---- tabla del tiempo ---- */
.psf-pb .pb-t-filtros{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px!important}
.psf-pb .pb-t-filtro{font:inherit!important;font-size:var(--pf-fs-micro)!important;font-weight:700!important;cursor:pointer;border:1px solid var(--linea)!important;
 background:#fff!important;color:var(--sub)!important;border-radius:8px!important;padding:4px 12px!important}
.psf-pb .pb-t-filtro.pb-on{background:var(--acento)!important;border-color:var(--acento)!important;color:#fff!important}
.psf-pb .pb-t-filtro.pb-t-peligro{border-color:var(--bad)!important;color:var(--bad)!important}
.psf-pb .pb-t-filtro.pb-t-peligro.pb-on{background:var(--bad)!important;border-color:var(--bad)!important;color:#fff!important}
.psf-pb .pb-t-scroll{overflow-x:auto;border:1px solid var(--linea)!important;border-radius:8px!important;background:#fff!important}
.psf-pb .pb-t-tabla{width:100%;min-width:1120px;border-collapse:collapse!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-t-tabla thead th{position:sticky;top:47px;z-index:2;background:var(--papel2)!important;padding:10px 11px!important;text-align:left!important;
 font-size:var(--pf-fs-micro)!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--tinta)!important;
 border-bottom:1px solid var(--linea)!important;white-space:nowrap!important}
.psf-pb .pb-t-tabla td,.psf-pb .pb-t-tabla th{padding:11px!important;vertical-align:top!important;border-bottom:1px solid var(--linea)!important}
.psf-pb .pb-t-tabla tbody tr:hover td{background:rgba(0,0,0,.015)!important}
.psf-pb .pb-t-sis{font-weight:800!important;white-space:nowrap!important;font-size:var(--pf-fs-micro)!important;background:var(--papel)!important}
.psf-pb .pb-t-sub{font-weight:800!important;white-space:nowrap!important;color:var(--acento)!important}
.psf-pb .pb-t-acc{font-size:var(--pf-fs-micro)!important;color:var(--sub)!important;white-space:nowrap!important}
.psf-pb .pb-t-ej{font-size:var(--pf-fs-micro)!important}
.psf-pb .pb-t-w{background:rgba(161,29,29,.04)!important}
.psf-pb .pb-t-r{display:inline-block;width:7px;height:7px;border-radius:50%!important;margin-right:6px!important;vertical-align:1px!important}
.psf-pb .pb-t-r.pb-r1{background:var(--mid)!important}
.psf-pb .pb-t-r.pb-r2{background:var(--bad)!important;box-shadow:0 0 0 3px rgba(161,29,29,.16)!important}
.psf-pb .pb-t-dev{margin-top:7px!important;padding:7px 9px!important;background:#fff!important;border:1px solid var(--linea)!important;
 border-left:2px solid var(--mid)!important;border-radius:6px!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-t-dev::before{content:"* ";font-weight:800!important;color:var(--mid)!important}
.psf-pb .pb-t-ley{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 0!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-t-ley span{display:inline-flex;align-items:center;gap:6px}
/* B7 · vista de solo retirada */
.psf-pb .pb-t-solo .pb-t-tabla{min-width:0}
.psf-pb .pb-t-solo .pb-t-acc,.psf-pb .pb-t-solo td[data-lbl="Efecto agudo"],.psf-pb .pb-t-solo td[data-lbl="Efecto crónico"],.psf-pb .pb-t-solo th:nth-child(3),.psf-pb .pb-t-solo th:nth-child(4),.psf-pb .pb-t-solo th:nth-child(5){display:none}

/* ---- C1 · el cementerio ---- */
.psf-pb .pb-cm-scroll{overflow-x:auto;border:1px solid var(--linea)!important;border-radius:8px!important;background:#fff!important}
.psf-pb .pb-cm{width:100%;min-width:760px;border-collapse:collapse!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-cm thead th{background:var(--papel2)!important;padding:10px 12px!important;text-align:left!important;font-size:var(--pf-fs-micro)!important;
 text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid var(--linea)!important}
.psf-pb .pb-cm td,.psf-pb .pb-cm tbody th{padding:12px!important;vertical-align:top!important;border-bottom:1px solid var(--linea)!important;text-align:left!important}
.psf-pb .pb-cm tbody th{font-weight:800!important;color:var(--acento)!important;white-space:nowrap!important}
.psf-pb .pb-cm tbody tr:last-child td,.psf-pb .pb-cm tbody tr:last-child th{border-bottom:0!important}
.psf-pb .pb-cm-f{font-weight:700!important}
.psf-pb .pb-cm-p{white-space:nowrap!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
.psf-pb .pb-cm-p span{display:block;font-size:var(--pf-fs-micro)!important;color:var(--muted)!important}

/* ---- C2 · dos direcciones ---- */
.psf-pb .pb-dir{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;margin:0 0 12px!important;overflow:hidden}
.psf-pb .pb-dir-r{padding:11px 17px!important;background:var(--papel)!important;border-bottom:1px solid var(--linea)!important;
 font-size:var(--pf-fs-small)!important;font-weight:800!important;color:var(--acento)!important}
.psf-pb .pb-dir-g{display:grid;grid-template-columns:1fr 1fr}
.psf-pb .pb-dir-a,.psf-pb .pb-dir-b{padding:14px 17px!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-dir-a{border-right:1px solid var(--linea)!important;border-left:3px solid var(--ok)!important}
.psf-pb .pb-dir-b{border-left:3px solid var(--bad)!important}
.psf-pb .pb-dir-e{display:block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;
 color:var(--muted)!important;margin-bottom:4px!important}
.psf-pb .pb-dir-m{margin:0!important;padding:12px 17px!important;border-top:1px solid var(--linea)!important;background:var(--papel)!important;
 font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-dir-m::before{content:"Lo que enseña · ";font-weight:800!important;color:var(--muted)!important;font-size:var(--pf-fs-micro)!important;
 text-transform:uppercase!important;letter-spacing:.05em!important}

/* ---- C3 ---- */
.psf-pb .pb-sc{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;padding:15px 18px!important;margin:0 0 10px!important}
.psf-pb .pb-sc h4{margin:0 0 6px!important;font-size:var(--pf-fs-h4)!important;font-weight:800!important;color:var(--acento)!important}
.psf-pb .pb-sc p{margin:0 0 8px!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-sc-m{margin:0!important;padding:9px 12px!important;background:var(--papel)!important;border-radius:7px!important;font-size:var(--pf-fs-micro)!important}
.psf-pb .pb-sc-m::before{content:"→ ";font-weight:800!important;color:var(--acento)!important}

/* ---- B5 y C5 · piezas visuales ---- */
.psf-pb .pb-sinapsis{width:100%;height:auto;max-width:640px;display:block;margin:0 0 8px!important}
.psf-pb .pb-fig{margin:0 0 18px!important;background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;padding:16px 18px!important}
.psf-pb .pb-fig-t{font-size:var(--pf-fs-h4)!important;font-weight:800!important;margin-bottom:3px!important}
.psf-pb .pb-fig-s{margin:0 0 10px!important;font-size:var(--pf-fs-micro)!important;color:var(--sub)!important}
/* [D-47] EL TOPE DE 640 px ERA EL CULPABLE DE QUE EL ADME NO SE LEYERA.
   Las 32 figuras del capitulo 8 tienen un viewBox de 960 y su letra mide
   entre 10,5 y 14 unidades. Con la figura tapada a 640 px eso se quedaba en
   7 u 8 px reales. Dejandolas ocupar la columna —1104 px desde [D-43]— la
   misma letra pasa a 12-16 px. No se toco ni una figura: se quito el tope. */
.psf-pb .pb-fig svg{width:100%;height:auto;max-width:none;display:block}
.psf-pb .pb-fig-n{margin:10px 0 0!important;padding:11px 13px!important;background:var(--papel)!important;border-radius:8px!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-fig-tabla{width:100%;border-collapse:collapse!important;margin:12px 0 0!important;font-size:var(--pf-fs-micro)!important}
.psf-pb .pb-fig-tabla caption{text-align:left!important;font-size:var(--pf-fs-micro)!important;font-weight:800!important;text-transform:uppercase!important;
 letter-spacing:.06em!important;color:var(--muted)!important;padding-bottom:5px!important}
.psf-pb .pb-fig-tabla th,.psf-pb .pb-fig-tabla td{padding:7px 10px!important;text-align:left!important;border-bottom:1px solid var(--linea)!important}
.psf-pb .pb-fig-tabla thead th{background:var(--papel)!important;font-size:var(--pf-fs-micro)!important;text-transform:uppercase!important;color:var(--muted)!important}

/* ---- bibliografia ---- */
.psf-pb .pb-biblio{list-style:none!important;margin:0!important;padding:0!important}
.psf-pb .pb-biblio li{display:flex;gap:12px;padding:11px 0!important;border-bottom:1px solid var(--linea)!important;font-size:var(--pf-fs-micro)!important;line-height:1.65!important}
.psf-pb .pb-biblio li:last-child{border-bottom:0!important}
.psf-pb .pb-biblio li:target{background:var(--papel2)!important;border-radius:7px!important;padding-left:9px!important;padding-right:9px!important}
.psf-pb .pb-biblio .pb-bn{flex:none;width:24px;height:24px;line-height:24px!important;text-align:center!important;border-radius:50%!important;
 background:var(--papel2)!important;font-size:var(--pf-fs-micro)!important;font-weight:800!important;color:var(--acento)!important}
.psf-pb .pb-biblio a{color:var(--acento)!important;word-break:break-all!important}
/* ---- dato curioso: mismo peso visual que .pb-limites, otro acento ---- */
.psf-pb .pb-curioso{border:1px solid var(--linea)!important;border-left:4px solid var(--mid)!important;border-radius:8px!important;
 background:#fff!important;padding:6px 20px 10px!important;margin:16px 0 0!important}
.psf-pb .pb-curioso h3{margin:12px 0 6px!important;font-size:var(--pf-fs-small)!important;font-weight:800!important}
.psf-pb .pb-curioso p{margin:0!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important}
.psf-pb .pb-curioso .pb-ast{margin:10px 0 0!important;padding:8px 12px!important;background:var(--papel2)!important;border-radius:7px!important;
 font-size:var(--pf-fs-micro)!important;line-height:1.65!important;color:var(--tinta)!important}
.psf-pb .pb-limites{border:1px solid var(--linea)!important;border-left:4px solid var(--acento)!important;border-radius:8px!important;
 background:#fff!important;padding:4px 20px 6px!important;margin-top:12px!important}
.psf-pb .pb-limites h4{margin:16px 0 5px!important;font-size:var(--pf-fs-small)!important;font-weight:800!important}
.psf-pb .pb-limites p{margin:0 0 14px!important;font-size:var(--pf-fs-body)!important;line-height:1.65!important}

/* ---- C6 · impresion ---- */
.psf-pb .pb-imprimir{margin:22px 0 0!important;font:inherit!important;font-size:var(--pf-fs-micro)!important;font-weight:700!important;cursor:pointer;background:#fff!important;
 border:1px solid var(--acento)!important;color:var(--acento)!important;border-radius:8px!important;padding:10px 16px!important}
@media print{
 .psf-pb .pb-nav,.psf-pb .pb-rutas,.psf-pb .pb-siguiente,.psf-pb .pb-auto,.psf-pb #globo,.psf-pb .pb-imprimir,.psf-pb .pb-pista{display:none!important}
 .psf-pb .pb-vista{display:block!important;page-break-after:always}
 .psf-pb{background:#fff!important;font-size:11pt!important}
 .psf-pb .pb-t-tabla{min-width:0;font-size:8pt!important}
 .psf-pb a[href^="http"]::after{content:" (" attr(href) ")";font-size:7pt!important;color:#666!important}
}

/* ---- A9 · la tabla en tarjetas si la pantalla es estrecha ---- */
@media (max-width:900px){
 .psf-pb .pb-t-scroll{border:0!important;background:none!important;overflow:visible}
 .psf-pb .pb-t-tabla,.psf-pb .pb-t-tabla tbody,.psf-pb .pb-t-tabla tr,.psf-pb .pb-t-tabla td,.psf-pb .pb-t-tabla th{display:block;min-width:0;width:auto}
 .psf-pb .pb-t-tabla thead{display:none}
 .psf-pb .pb-t-tabla tr.pb-t-f{background:#fff!important;border:1px solid var(--linea)!important;border-radius:8px!important;margin:0 0 11px!important;padding:6px 0!important;overflow:hidden}
 .psf-pb .pb-t-tabla td,.psf-pb .pb-t-tabla th{border:0!important;padding:8px 15px!important}
 .psf-pb .pb-t-tabla .pb-t-sis{background:none!important;padding-bottom:0!important;color:var(--muted)!important;font-size:var(--pf-fs-micro)!important;
  text-transform:uppercase!important;letter-spacing:.05em!important}
 .psf-pb .pb-t-tabla .pb-t-sis:empty{display:none}
 .psf-pb .pb-t-tabla .pb-t-sub{font-size:var(--pf-fs-h4)!important;padding-bottom:2px!important}
 .psf-pb .pb-t-tabla td[data-lbl]::before{content:attr(data-lbl);display:block;font-size:var(--pf-fs-micro)!important;font-weight:800!important;
  text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--muted)!important;margin-bottom:3px!important}
 .psf-pb .pb-t-tabla .pb-t-sub::before,.psf-pb .pb-t-tabla .pb-t-acc::before{display:none}
 .psf-pb .pb-t-tabla .pb-t-w{background:rgba(161,29,29,.05)!important;margin:4px 10px!important;border-radius:8px!important}
}
@media (max-width:760px){
 .psf-pb h1{font-size:var(--pf-fs-h2)!important}
 .psf-pb .pb-dos,.psf-pb .pb-dosejes,.psf-pb .pb-dir-g{grid-template-columns:1fr}
 .psf-pb .pb-dosejes>div+div{border-left:0!important;border-top:1px solid var(--linea)!important}
 .psf-pb .pb-dir-a{border-right:0!important;border-bottom:1px solid var(--linea)!important}
 .psf-pb .pb-escala,.psf-pb .pb-modo-eje,.psf-pb .pb-modo-eje-3,.psf-pb .pb-eje-barra{grid-template-columns:repeat(2,1fr)}
 .psf-pb .pb-pso,.psf-pb .pb-caso-c{border-right:0!important;border-bottom:1px solid var(--linea)!important}
 .psf-pb .pb-frej{grid-template-columns:1fr}
 .psf-pb .pb-paso{width:100%;margin-left:0!important}
 .psf-pb .pb-paso button .pb-mm{display:none}
}
.psf-pb h1,.psf-pb h2,.psf-pb h3,.psf-pb h4,.psf-pb h5,.psf-pb h6,.psf-pb p,.psf-pb li,.psf-pb td,.psf-pb th,.psf-pb button,.psf-pb summary,.psf-pb figcaption,.psf-pb caption,.psf-pb label,.psf-pb span,.psf-pb sup,.psf-pb b,.psf-pb strong,.psf-pb em,.psf-pb i,.psf-pb small{font-family:inherit!important}
/* [D-110] Titulares en serif, como en el resto del sitio v7. Va DESPUÉS
   de la regla de herencia para ganarle en cascada con la misma especificidad. */
.psf-pb h1,.psf-pb h2{font-family:var(--pf-serif)!important}
.psf-pb button{background:none!important;border:0!important;color:inherit!important;letter-spacing:normal!important;text-transform:none!important;line-height:normal!important}
.psf-pb table{border:0!important;background:none!important;margin:0;width:auto}
.psf-pb ul,.psf-pb ol{margin:0;padding:0;list-style:none!important}
.psf-pb img,.psf-pb svg{max-width:100%;height:auto}
.psf-pb a{text-decoration:none}

/* Wordmark dentro de un título: «psicofarma.co» conserva su tratamiento y el
   resto de la palabra sigue en el estilo del H1. [autor, 30-07-2026] */
.psf-pb h1 .pb-wm{color:var(--acento)!important}
.psf-pb h1 .pb-wm .pb-pt{color:#1a365d!important}

/* Definiciones de las tres dianas del ejemplo de tricíclicos. */
.psf-pb .pb-glosa{margin:0 0 18px!important;padding:12px 16px!important;background:var(--papel)!important;
 border-left:3px solid var(--acento)!important;border-radius:0 8px 8px 0!important}
.psf-pb .pb-glosa dt{font-family:var(--pf-mono)!important;font-size:var(--pf-fs-micro)!important;
 font-weight:700!important;color:var(--acento)!important;margin:8px 0 2px!important;letter-spacing:.04em!important}
.psf-pb .pb-glosa dt:first-child{margin-top:0!important}
.psf-pb .pb-glosa dd{margin:0!important;font-size:var(--pf-fs-small)!important;line-height:1.65!important;
 color:var(--tinta)!important}

/* Hueco declarado dentro de la prosa del capítulo. */
.psf-pb .pb-hueco{display:block;margin-top:6px!important;font-size:var(--pf-fs-micro)!important;
 color:var(--muted)!important;font-style:italic!important;border-left:2px dotted var(--linea)!important;
 padding-left:10px!important}

/* Ejemplo 1 del capítulo 2: el bloque de los dos ejes. [autor, 30-07-2026] */
.psf-pb .pb-ejemplo1{margin:0 0 28px!important}
.psf-pb .pb-ejemplo1 h2{margin-top:0!important}
.psf-pb .pb-fig-ejes svg{width:100%;height:auto;display:block;margin:6px 0 4px}

/* [D-26] El atlas de sistemas al ancho de indice del §5.2. Los capitulos
   de lectura se quedan en 1060 px: alli la medida de linea manda. */
.psf-pb.pb-ancho .pb-wrap{max-width:var(--pf-w-index,1280px)!important}
/* [D-32] LA COLUMNA DE LECTURA, CENTRADA DENTRO DEL CAPITULO.
   Sintoma: el capitulo medía 1.060 px y la prosa 643, siempre pegada a la
   izquierda: ~350 px de blanco a la derecha de CADA parrafo, justo debajo de
   figuras que si ocupaban todo el ancho. No era un fallo de encaje del tema
   —el bloque ya salia centrado en la ventana— sino del reparto interior.
   Arreglo: el capitulo baja a 920 px y todo lo que es lectura se centra en
   su medida del §4.3. Asi el margen derecho iguala al izquierdo y se lee
   como margen, no como hueco. Las figuras siguen ocupando el ancho completo
   (D-29). El atlas queda fuera: es rejilla, no lectura (D-26). */
.psf-pb:not(.pb-ancho) .pb-vista>h1,.psf-pb:not(.pb-ancho) .pb-vista>h2,
.psf-pb:not(.pb-ancho) .pb-vista>h3,.psf-pb:not(.pb-ancho) .pb-vista>h4,
.psf-pb:not(.pb-ancho) .pb-vista>p,.psf-pb:not(.pb-ancho) .pb-vista>ul,
.psf-pb:not(.pb-ancho) .pb-vista>ol,.psf-pb:not(.pb-ancho) .pb-vista>details,
.psf-pb:not(.pb-ancho) .pb-vista>blockquote,.psf-pb:not(.pb-ancho) .pb-vista>button,
.psf-pb:not(.pb-ancho) .pb-vista>.pb-tres,.psf-pb:not(.pb-ancho) .pb-vista>.pb-llevas,
.psf-pb:not(.pb-ancho) .pb-vista>.pb-ident,.psf-pb:not(.pb-ancho) .pb-vista>.pb-ejemplo1{
 margin-left:auto!important;margin-right:auto!important;max-width:var(--pf-w-read,680px)!important}
/* .pb-lista y .pb-auto fijan su propio margen con clase doblada (D-28) y
   ganaban por especificidad: se les repite la regla al mismo peso. */
.psf-pb:not(.pb-ancho) .pb-vista>ul.pb-lista.pb-lista,
.psf-pb:not(.pb-ancho) .pb-vista>details.pb-auto.pb-auto,
.psf-pb:not(.pb-ancho) .pb-vista>p.pb-lead.pb-lead,
.psf-pb:not(.pb-ancho) .pb-vista>p.pb-sub.pb-sub,
.psf-pb:not(.pb-ancho) .pb-vista>p.pb-ecierre.pb-ecierre{
 margin-left:auto!important;margin-right:auto!important;max-width:var(--pf-w-read,680px)!important}
@media (max-width:760px){
 .psf-pb:not(.pb-ancho) .pb-vista>*{max-width:none!important}
}
.psf-pb.pb-ancho .pb-nav-in{max-width:var(--pf-w-index,1280px)!important}

/* Formato de viñetas del capítulo 8 y de lo que se rehaga en ese estilo.
   [autor, 31-07-2026: «más figuras, frases más cortas, bullet points»] */
.psf-pb ul.pb-lista.pb-lista{margin:0 0 20px!important;padding-left:22px!important;
 list-style-type:disc!important;list-style-position:outside!important}
.psf-pb ul.pb-lista li{display:list-item!important}
.psf-pb .pb-lista li::marker{color:var(--acento)}
.psf-pb .pb-lista li{font-size:var(--pf-fs-body)!important;line-height:1.65!important;
 margin:0 0 10px!important;max-width:68ch}
.psf-pb .pb-lista li:last-child{margin:0!important}
.psf-pb .pb-lista li b{color:var(--tinta)!important}
.psf-pb .pb-ident-aviso{border-left-color:var(--calido)!important}
.psf-pb .pb-fig-adme svg,.psf-pb .pb-fig-vm svg,
.psf-pb .pb-fig-col svg,.psf-pb .pb-fig-sal svg{width:100%;height:auto;display:block;margin:6px 0 4px}
/* [D-29] Una grafica de barras se lee comparando longitudes: se le da el ancho
   de su tarjeta, no el de la columna de lectura. El §4.3 limita el texto, no
   las figuras. Solo afecta a las dos familias nuevas. */
.psf-pb .pb-fig-rom svg,.psf-pb .pb-fig-c19 svg,.psf-pb .pb-fig-auc svg,.psf-pb .pb-fig-adme svg,.psf-pb .pb-fig-col svg{width:100%!important;max-width:none!important;height:auto;display:block;margin:6px 0 4px}
/* [D-30] El texto de un SVG se escala con el viewBox: uno de 960 pintado en
   292 px deja las etiquetas en 3,8 px. Cada figura nueva trae dos versiones
   —ancha y estrecha— y el CSS elige. No es duplicar contenido: son los mismos
   datos con dos disposiciones. */
.psf-pb .pb-fig-movil{display:none!important}
@media (max-width:760px){
 .psf-pb .pb-fig-ancha{display:none!important}
 .psf-pb .pb-fig-movil{display:block!important}
}
.psf-pb .pb-fig-rom{margin-bottom:6px!important}
.psf-pb .pb-fig-auc{margin-bottom:14px!important}
.psf-pb .pb-fig-rom+.pb-auto{margin-top:0!important}

/* ─────────────────────────────────────────────────────────────────────────
   [D-33] Sub-navegacion anclada y vista «lado a lado» de los sistemas.
   [D-34] Linea de ultima revision.
   Mismo patron que la ficha de farmaco, con los nombres de esta hoja.
   ───────────────────────────────────────────────────────────────────────── */
.psf-pb .pb-anclas{position:sticky;top:0;z-index:20;margin:0 0 18px!important;padding:10px 0 8px;
  background:var(--pf-paper,#f8f9fa);border-bottom:1px solid var(--pf-line,#e9ecef)}
.psf-pb .pb-anclas-t{display:block!important;font-family:var(--pf-mono,ui-monospace,monospace);
  text-transform:uppercase;letter-spacing:.06em;font-size:12px!important;
  color:var(--pf-ink-faint-tx,#5d6169);margin:0 0 6px!important}
.psf-pb ul.pb-anclas-l.pb-anclas-l{display:flex;flex-wrap:wrap;gap:6px;margin:0!important;
  padding:0!important;list-style:none!important}
.psf-pb .pb-anclas-l li{margin:0!important}
.psf-pb .pb-anclas-l a{display:inline-block;padding:7px 12px;border-radius:999px;
  border:1px solid var(--pf-line,#e9ecef);background:#fff;color:var(--pf-ink-soft,#43474e);
  text-decoration:none;font-size:var(--pf-fs-micro,13px)!important;font-weight:600;
  line-height:1.3;white-space:nowrap}
.psf-pb .pb-anclas-l a:hover{border-color:var(--cc,#1a365d);color:var(--pf-ink,#191c1d)}
@media (max-width:1024px){
  .psf-pb ul.pb-anclas-l.pb-anclas-l{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    padding-bottom:4px!important;scrollbar-width:none}
  .psf-pb .pb-anclas-l::-webkit-scrollbar{display:none}
  .psf-pb .pb-anclas-l a{min-height:44px;display:inline-flex;align-items:center}
}
.psf-pb .pb-f{scroll-margin-top:96px}
.psf-pb .pb-cmp{scroll-margin-top:96px;margin:30px 0 0}
.psf-pb .pb-cmp-h{font-size:var(--pf-fs-h2,26px)!important;margin:0 0 8px!important}
.psf-pb .pb-cmp-lead{font-size:var(--pf-fs-body,17px)!important;line-height:1.65!important;
  margin:0 0 14px!important;max-width:68ch}
.psf-pb .pb-cmp-env{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--pf-line,#e9ecef);
  border-radius:8px;background:#fff}
.psf-pb .pb-cmp-tabla{width:100%;border-collapse:collapse;font-size:var(--pf-fs-micro,13px);
  line-height:1.55;min-width:880px}
.psf-pb .pb-cmp-tabla caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.psf-pb .pb-cmp-tabla th,.psf-pb .pb-cmp-tabla td{padding:10px 12px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--pf-line,#e9ecef)}
.psf-pb .pb-cmp-tabla thead th{position:sticky;top:0;z-index:2;background:var(--pf-paper-alt,#f3f4f5);
  font-family:var(--pf-mono,ui-monospace,monospace);text-transform:uppercase;letter-spacing:.04em;
  font-weight:700;white-space:nowrap}
.psf-pb .pb-cmp-tabla tbody th{white-space:nowrap;font-weight:800;color:var(--cc,#191c1d)}
.psf-pb .pb-cmp-tabla tbody tr:nth-child(even) td{background:rgba(243,244,245,.38)}
.psf-pb .pb-cmp-gap{font-style:italic}
@media (max-width:900px){
  .psf-pb .pb-cmp-env{overflow-x:visible;border:0;background:transparent}
  .psf-pb .pb-cmp-tabla{min-width:0;display:block}
  .psf-pb .pb-cmp-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .psf-pb .pb-cmp-tabla tbody,.psf-pb .pb-cmp-tabla tr,.psf-pb .pb-cmp-tabla td,
  .psf-pb .pb-cmp-tabla th{display:block;width:auto}
  .psf-pb .pb-cmp-tabla tr{border:1px solid var(--pf-line,#e9ecef);border-radius:8px;background:#fff;
    margin:0 0 14px;padding:4px 0;overflow:hidden}
  .psf-pb .pb-cmp-tabla tbody tr:nth-child(even) td{background:transparent}
  .psf-pb .pb-cmp-tabla tbody th{font-size:var(--pf-fs-body,17px)!important;padding:12px 14px 8px;
    background:var(--pf-paper-alt,#f3f4f5);border-bottom:1px solid var(--pf-line,#e9ecef)}
  .psf-pb .pb-cmp-tabla td{border-bottom:1px dashed var(--pf-line,#e9ecef);padding:9px 14px}
  .psf-pb .pb-cmp-tabla tr td:last-child{border-bottom:0}
  .psf-pb .pb-cmp-tabla td::before{content:attr(data-lbl);display:block;
    font-family:var(--pf-mono,ui-monospace,monospace);text-transform:uppercase;letter-spacing:.04em;
    font-size:12px;color:var(--pf-ink-faint-tx,#5d6169);margin-bottom:2px}
}
.psf-pb .pb-traza{margin:28px 0 0;padding:14px 0 0;border-top:1px solid var(--pf-line,#e9ecef);
  font-family:var(--pf-mono,ui-monospace,monospace);font-size:var(--pf-fs-micro,13px)!important;
  color:var(--pf-ink-faint-tx,#5d6169)}
.psf-pb .pb-traza p{margin:0!important;font-size:inherit!important;line-height:1.7!important}
.psf-pb .pb-traza-k{text-transform:uppercase;letter-spacing:.05em}
.psf-pb .pb-traza-v{color:var(--pf-ink,#191c1d);font-weight:700}
.psf-pb .pb-traza-sep{margin:0 8px;opacity:.6}


/* ═══════════════════════════════════════════════════════════════
   9 · LA SINAPSIS, PASO A PASO   [D-45]
   ═══════════════════════════════════════════════════════════════
   POR QUE POR PASOS Y NO EN BUCLE. Decision del autor, 03-08-2026. Una
   animacion que corre sola se mira; una que se detiene se estudia. Aqui el
   estudiante puede repetir SOLO la recaptacion, o SOLO el autorreceptor,
   que es donde se pierde la gente.

   COMO SE MUEVE. No hay @keyframes ni temporizadores: cada paso coloca los
   puntos con transform y una transicion los lleva de un sitio al otro. Sale
   gratis lo mas importante — que se pueda ir y volver sin desincronizarse—,
   y con prefers-reduced-motion basta con anular la transicion para que el
   paso sea instantaneo sin perder ni un contenido.

   EL COLOR NUNCA ES LA UNICA SEÑAL. Lo que esta activo en cada paso lleva
   ademas trazo mas grueso, y todo lo que la figura dice esta escrito en el
   panel de al lado. Criterio 1.4.1. */

.psf-pb .pb-sin{
  display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);
  gap:22px; align-items:start; margin:18px 0 0}
.psf-pb .pb-sin-svg{display:block; width:100%; height:auto;
  background:#fff; border:1px solid var(--pf-line,#e9ecef); border-radius:8px}
.psf-pb .pb-sin-aviso{margin:10px 0 0!important; font-size:var(--pf-fs-micro,13px)!important;
  line-height:1.5!important; color:var(--pf-ink-faint-tx,#5d6169)}

/* ---- la escena ---- */
.psf-pb .pb-sin-cel{fill:var(--pf-paper-alt,#f3f4f5); stroke:var(--pf-ink-faint,#74777f); stroke-width:2}
.psf-pb .pb-sin-mem{stroke:var(--pf-ink,#191c1d); stroke-width:4; stroke-linecap:round}
.psf-pb .pb-sin-rot{fill:var(--pf-ink-faint-tx,#5d6169); font-family:var(--pf-mono,monospace);
  font-size:15px; letter-spacing:.1em; text-transform:uppercase}
.psf-pb .pb-sin-rot--sw{text-anchor:end}
.psf-pb .pb-sin-eti{fill:var(--pf-ink-soft,#43474e); font-family:var(--pf-sans,sans-serif);
  font-size:15px; text-anchor:middle}
.psf-pb .pb-sin-eti--sw{font-style:italic}
.psf-pb .pb-sin-eti--freno{fill:var(--pf-danger,#a11d1d); font-weight:600}
.psf-pb .pb-sin-mito ellipse{fill:#fff; stroke:var(--pf-ink-faint,#74777f); stroke-width:2}
.psf-pb .pb-sin-mito path{stroke:var(--pf-ink-faint,#74777f); stroke-width:2}
.psf-pb .pb-sin-ves{fill:#fff; stroke:var(--pf-ink-faint,#74777f); stroke-width:2}
.psf-pb .pb-sin-enz circle{fill:#fff; stroke:var(--pf-ink-faint,#74777f); stroke-width:2}
.psf-pb .pb-sin-prot rect{fill:#fff; stroke:var(--pf-ink,#191c1d); stroke-width:3}

/* Lo activo: color Y trazo, nunca color solo. */
.psf-pb .pb-sin .pb-sin-act ellipse,
.psf-pb .pb-sin .pb-sin-act circle,
.psf-pb .pb-sin .pb-sin-act rect{stroke:var(--pf-brand,#1a365d); stroke-width:5}
.psf-pb .pb-sin .pb-sin-act path{stroke:var(--pf-brand,#1a365d)}

.psf-pb .pb-sin-nt{fill:var(--pf-cat-principios,#4A5C80); opacity:0;
  transition:transform .55s cubic-bezier(.4,0,.2,1), opacity .35s}
.psf-pb .pb-sin-ca{fill:var(--pf-warn,#9A6A00); opacity:0;
  transition:transform .55s cubic-bezier(.4,0,.2,1), opacity .35s}
.psf-pb .pb-sin-ves--mov{transition:transform .55s cubic-bezier(.4,0,.2,1)}
.psf-pb .pb-sin-senal,
.psf-pb .pb-sin-freno,
.psf-pb .pb-sin-tachado{opacity:0; transition:opacity .3s}
.psf-pb .pb-sin-senal path{stroke:var(--pf-cat-principios,#4A5C80); stroke-width:4; stroke-linecap:round}
.psf-pb .pb-sin-freno path{stroke:var(--pf-danger,#a11d1d); stroke-width:3.5; stroke-linecap:round}
.psf-pb .pb-sin-tachado line{stroke:var(--pf-danger,#a11d1d); stroke-width:6; stroke-linecap:round}
.psf-pb .pb-sin .pb-sin-on{opacity:1}

/* ---- las tres familias de transmisor   [D-50] -----------------------
   La escena no se «amplía» para caber las tres rutas de retirada: se
   RECONFIGURA. Ninguna sinapsis real degrada en la hendidura, recapta a
   la glía y usa MAO al mismo tiempo, así que dibujarlas juntas enseñaría
   una célula que no existe. Cada familia enciende lo suyo y apaga lo que
   no le corresponde —empezando por el rótulo de la MAO.

   Se conduce con data-fam en .pb-sin y no con clases repartidas por el
   JS: un solo atributo, y el estado de la figura se lee de un vistazo en
   el inspector. */
.psf-pb .pb-sin-fam{opacity:0; transition:opacity .35s}
.psf-pb .pb-sin[data-fam="mono"] #sin-comt,
.psf-pb .pb-sin[data-fam="ach"] #sin-ache,
.psf-pb .pb-sin[data-fam="glu"] #sin-ast{opacity:1}
.psf-pb .pb-sin-eti{transition:opacity .3s}
.psf-pb .pb-sin[data-fam="ach"] #sin-eti-mao,
.psf-pb .pb-sin[data-fam="glu"] #sin-eti-mao{opacity:0}
/* Con clase y NO con #sin-ache: un selector de id le ganaba en
   especificidad a .pb-sin-act y la enzima no se resaltaba en su paso. */
.psf-pb .pb-sin-ache{fill:#fff; stroke:var(--pf-ink-faint,#74777f); stroke-width:2}

/* Lo que vuelve al terminal cuando la ruta NO es recaptación —colina,
   glutamina— va hueco en vez de relleno. Forma además de color: no es el
   neurotransmisor, es su precursor, y esa es la lección entera. */
.psf-pb .pb-sin-nt--otro{fill:#fff; stroke:var(--pf-cat-principios,#4A5C80); stroke-width:3}

.psf-pb .pb-sin-leyenda .pb-sin-ley--fam{display:none}
.psf-pb .pb-sin[data-fam="mono"] .pb-sin-ley--mono,
.psf-pb .pb-sin[data-fam="ach"] .pb-sin-ley--ach,
.psf-pb .pb-sin[data-fam="glu"] .pb-sin-ley--glu{display:list-item}

/* Clase propia, NO pb-sin-fsin: el pie de fuentes se busca con
   querySelector('.pb-sin-fsin') y estos avisos van antes en el DOM. Con
   la misma clase se lo robarian y el paso 6 dejaria de citar. */
.psf-pb .pb-sin-avisillo{margin:10px 0 0!important; font-size:var(--pf-fs-micro,13px)!important;
  font-style:italic; line-height:1.5!important; color:var(--pf-ink-faint-tx,#5d6169)}
.psf-pb .pb-sin-capa-aviso:empty{display:none}
/* EL CONTROL DESACTIVADO NO SE ATENUA. Se probo con opacidad —0,45 y luego
   0,72— y ninguna llegaba al 4,5:1: 2,11 y 3,71 medidos. Un componente
   inactivo esta exento del 1.4.3, pero este rotulo lleva contenido que hay
   que poder leer, que es de lo que va la figura. Asi que se marca con
   PALABRAS, no con gris: la casilla ya se ve apagada por el navegador y el
   rotulo lo dice. Criterio 1.4.1, el mismo de siempre: nunca solo color. */
.psf-pb .pb-sin-capa input:disabled{cursor:default}
.psf-pb .pb-sin-nope{font-style:normal; font-weight:600; color:var(--pf-ink-faint-tx,#5d6169)}

/* ---- el panel ---- */
.psf-pb .pb-sin-panel{background:var(--pf-surface,#fff); border:1px solid var(--pf-line,#e9ecef);
  border-radius:8px; padding:16px 18px 18px}
.psf-pb .pb-sin-mandos{display:flex; align-items:center; gap:10px; margin-bottom:14px}
.psf-pb .pb-sin-btn{min-height:44px; padding:0 14px; border-radius:999px; cursor:pointer;
  border:1px solid var(--pf-line,#e9ecef); background:var(--pf-paper-alt,#f3f4f5);
  font-family:var(--pf-sans,sans-serif); font-size:var(--pf-fs-micro,13px); font-weight:600;
  color:var(--pf-ink,#191c1d)}
.psf-pb .pb-sin-btn--pri{background:var(--pf-cat-principios,#4A5C80); border-color:var(--pf-cat-principios,#4A5C80); color:#fff}
.psf-pb .pb-sin-btn[disabled]{opacity:.4; cursor:default}
.psf-pb .pb-sin-cuenta{margin-left:auto; font-family:var(--pf-mono,monospace);
  font-size:var(--pf-fs-micro,13px); color:var(--pf-ink-faint-tx,#5d6169)}
.psf-pb ol.pb-sin-pasos.pb-sin-pasos{list-style:none; margin:0 0 14px!important; padding:0!important;
  display:flex; flex-wrap:wrap; gap:5px}
.psf-pb .pb-sin-pasos li{margin:0!important}
.psf-pb .pb-sin-pasos button{min-height:44px; padding:0 11px; border-radius:999px; cursor:pointer;
  border:1px solid var(--pf-line,#e9ecef); background:#fff; color:var(--pf-ink-soft,#43474e);
  font-family:var(--pf-sans,sans-serif); font-size:var(--pf-fs-micro,13px); font-weight:600}
.psf-pb .pb-sin-pasos button[aria-current="true"]{
  background:var(--pf-cat-principios,#4A5C80); border-color:var(--pf-cat-principios,#4A5C80); color:#fff}
.psf-pb .pb-sin-texto h2{font-size:var(--pf-fs-h3,20px)!important; margin:0 0 6px!important; line-height:1.25}
.psf-pb .pb-sin-texto p{margin:0 0 8px!important; font-size:var(--pf-fs-small,15px)!important; line-height:1.6!important}
.psf-pb .pb-sin-nota{color:var(--pf-brand-tx,#1a365d); font-weight:600}
.psf-pb .pb-sin-nota:empty{display:none}
.psf-pb fieldset.pb-sin-capas{border:1px solid var(--pf-line,#e9ecef); border-radius:8px;
  padding:10px 12px 12px; margin:14px 0 0}
.psf-pb .pb-sin-capas legend{padding:0 6px; font-family:var(--pf-mono,monospace);
  font-size:var(--pf-fs-micro,13px); text-transform:uppercase; letter-spacing:.06em;
  color:var(--pf-ink-faint-tx,#5d6169)}
.psf-pb label.pb-sin-capa{display:flex; align-items:center; gap:9px; min-height:44px; cursor:pointer;
  font-size:var(--pf-fs-micro,13px); line-height:1.4; color:var(--pf-ink-soft,#43474e)}
.psf-pb .pb-sin-capa input{width:24px; height:24px; flex:none; accent-color:var(--pf-cat-principios,#4A5C80)}
.psf-pb .pb-sin-fsin{margin:12px 0 0!important; font-size:var(--pf-fs-micro,13px)!important;
  font-style:italic; color:var(--pf-ink-faint-tx,#5d6169)}
.psf-pb .pb-sin-hueco{margin:16px 0 0; padding:12px 16px; background:var(--pf-paper-alt,#f3f4f5);
  border:1px dashed var(--pf-line,#e9ecef); border-radius:8px; max-width:var(--pf-w-read,816px)}
.psf-pb .pb-sin-hueco p{margin:6px 0 0!important; font-size:var(--pf-fs-micro,13px)!important;
  line-height:1.55!important; color:var(--pf-ink-faint-tx,#5d6169)}

@media (max-width:900px){
  .psf-pb .pb-sin{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .psf-pb .pb-sin-nt, .psf-pb .pb-sin-ca, .psf-pb .pb-sin-ves--mov,
  .psf-pb .pb-sin-senal, .psf-pb .pb-sin-freno, .psf-pb .pb-sin-tachado,
  .psf-pb .pb-sin-fam, .psf-pb .pb-sin-eti{transition:none}
}

/* [D-45] LA LEYENDA NO ES ADORNO: ES EL ARREGLO DE MOVIL. A 390 px el SVG
   mide unos 280, y con un viewBox de 820 su letra de 15 px se queda en 5.
   Es el mismo defecto que obligó a duplicar las figuras del capítulo 8
   [D-30]. En vez de agrandar la letra del dibujo —que se solaparía— los
   nombres se dan aquí en texto de verdad, al tamaño del sistema. El dibujo
   enseña el ORDEN; la leyenda, los NOMBRES. */
.psf-pb ul.pb-sin-leyenda.pb-sin-leyenda{
  list-style:none; margin:12px 0 0!important; padding:0!important;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:4px 18px}
.psf-pb .pb-sin-leyenda li{margin:0!important; font-size:var(--pf-fs-micro,13px)!important;
  line-height:1.5!important; color:var(--pf-ink-soft,#43474e)}
.psf-pb .pb-sin-capa input{width:24px; height:24px}


/* ---- Caso: el desplazamiento en el D2  [D-46] ---- */
.psf-pb .pb-des-h{font-size:var(--pf-fs-h2,26px)!important; margin:34px 0 6px!important; line-height:1.25}
.psf-pb .pb-des{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);
  gap:22px; align-items:start; margin:14px 0 0}
.psf-pb .pb-des-pista{fill:var(--pf-paper-alt,#f3f4f5); stroke:var(--pf-line,#e9ecef); stroke-width:2}
.psf-pb .pb-des-nivel{fill:var(--pf-cat-principios,#4A5C80); transition:width .55s cubic-bezier(.4,0,.2,1)}
.psf-pb .pb-des-rec rect{fill:#fff; stroke:var(--pf-ink,#191c1d); stroke-width:3}
.psf-pb .pb-des-oc{transition:fill .4s, opacity .4s; opacity:0}
.psf-pb .pb-des-oc.pb-des-v{opacity:1}
.psf-pb .pb-des-oc.pb-des-dopa{fill:var(--pf-cat-principios,#4A5C80)}
.psf-pb .pb-des-oc.pb-des-halo{fill:var(--pf-ink-faint,#74777f)}
.psf-pb .pb-des-oc.pb-des-ari{fill:var(--pf-brand,#1a365d)}
/* El aripiprazol lleva ademas un anillo: el color nunca es la unica señal. */
.psf-pb .pb-des-anillo{fill:none; stroke:var(--pf-ink,#191c1d); stroke-width:3; opacity:0; transition:opacity .4s}
.psf-pb .pb-des-anillo.pb-des-v{opacity:1}
.psf-pb ul.pb-des-ley.pb-des-ley{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.psf-pb .pb-des-k{display:inline-block; width:14px; height:14px; border-radius:50%;
  vertical-align:-2px; border:2px solid var(--pf-ink,#191c1d)}
.psf-pb .pb-des-k--libre{background:#fff}
.psf-pb .pb-des-k--dopa{background:var(--pf-cat-principios,#4A5C80)}
.psf-pb .pb-des-k--halo{background:var(--pf-ink-faint,#74777f)}
.psf-pb .pb-des-k--ari{background:var(--pf-brand,#1a365d)}
@media (max-width:900px){ .psf-pb .pb-des{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){
  .psf-pb .pb-des-nivel, .psf-pb .pb-des-oc, .psf-pb .pb-des-anillo{transition:none}
}


/* ---- Adaptacion y retirada  [D-48] ---- */
.psf-pb .pb-ada{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);
  gap:22px; align-items:start; margin:14px 0 0}
.psf-pb .pb-ada-casos{display:flex; gap:6px; margin:0 0 14px}
.psf-pb .pb-ada-caso{flex:1; min-height:44px; border-radius:999px; cursor:pointer;
  border:1px solid var(--pf-line,#e9ecef); background:#fff; color:var(--pf-ink-soft,#43474e);
  font-family:var(--pf-sans,sans-serif); font-size:var(--pf-fs-micro,15px); font-weight:600}
.psf-pb .pb-ada-caso[aria-pressed="true"]{
  background:var(--pf-cat-principios,#4A5C80); border-color:var(--pf-cat-principios,#4A5C80); color:#fff}
.psf-pb .pb-ada-rec rect{fill:#fff; stroke:var(--pf-ink,#191c1d); stroke-width:3;
  transition:opacity .4s}
@media (max-width:900px){ .psf-pb .pb-ada{grid-template-columns:1fr} }

/* =====================================================================
   [D-58] LOS DOS EJES, EN EL RECEPTOR.
   Reutiliza casi todo de la figura de desplazamiento —el marco, los
   mandos, la lista de pasos, la pista de la barra— y solo añade lo que
   de verdad es nuevo: las moléculas del medio, el color de los tres
   fármacos y la barra de señal en dos capas.

   LOS COLORES SON LOS DEL GRÁFICO DE DOS EJES QUE ESTÁ JUSTO ENCIMA, no
   los de la figura de desplazamiento. Los mismos tres fármacos con dos
   códigos de color distintos en la misma pantalla serían un error de
   lectura; a la figura de desplazamiento, que está en otra sección y
   compara otra cosa, no le afecta.
   ===================================================================== */
.psf-pb .pb-af{margin:24px 0 8px}
.psf-pb .pb-af-svg{width:100%; height:auto}

/* Las moléculas del medio. */
.psf-pb .pb-af-mol{opacity:0; transition:opacity .4s}
.psf-pb .pb-af-mol.pb-af-v{opacity:1}
.psf-pb .pb-af-mol--dopa{fill:var(--pf-brand,#1a365d)}
.psf-pb .pb-af-mol--far{fill:var(--pb-af-c,#785AA5)}

/* Los receptores. */
.psf-pb .pb-af-rec rect{fill:var(--pf-paper-alt,#f3f4f5); stroke:var(--pf-line,#e9ecef); stroke-width:2}
.psf-pb .pb-af-oc{opacity:0; transition:fill .45s, opacity .45s}
.psf-pb .pb-af-oc.pb-af-v{opacity:1}
.psf-pb .pb-af-oc--dopa{fill:var(--pf-brand,#1a365d)}
.psf-pb .pb-af-oc--far{fill:var(--pb-af-c,#785AA5)}
/* El anillo dice «este emite señal» sin usar el color para decirlo: §1.4.1
   pide que ninguna información dependa solo del color. */
.psf-pb .pb-af-anillo{fill:none; stroke:var(--pf-ink,#191c1d); stroke-width:2;
  stroke-dasharray:3 4; opacity:0; transition:opacity .45s}
.psf-pb .pb-af-anillo.pb-af-v{opacity:.55}

/* Las dos barras. La de señal va en dos capas: detrás, el total; delante,
   la parte que pone el fármaco. Así se lee de dónde viene cada trozo. */
.psf-pb .pb-af-oc-n{fill:var(--pb-af-c,#785AA5); transition:width .55s cubic-bezier(.4,0,.2,1)}
.psf-pb .pb-af-se-d{fill:var(--pf-brand,#1a365d); transition:width .55s cubic-bezier(.4,0,.2,1)}
.psf-pb .pb-af-se-f{fill:var(--pb-af-c,#785AA5); transition:width .55s cubic-bezier(.4,0,.2,1)}
.psf-pb .pb-af-cifra{font-family:var(--pf-mono,monospace); font-size:13px; font-weight:700;
  fill:var(--pf-ink,#191c1d); text-anchor:start}

/* El color del fármaco elegido. Son los tres del gráfico de dos ejes. */
.psf-pb .pb-af[data-far="ari"]  {--pb-af-c:#785AA5}
.psf-pb .pb-af[data-far="halo"] {--pb-af-c:#436D92}
.psf-pb .pb-af[data-far="cloz"] {--pb-af-c:#33746C}

/* La pastilla de la leyenda. */
.psf-pb .pb-af-k{display:inline-block; width:12px; height:12px; border-radius:50%;
  vertical-align:-1px; margin-right:2px}
.psf-pb .pb-af-k--dopa{background:var(--pf-brand,#1a365d)}
.psf-pb .pb-af-k--far{background:var(--pb-af-c,#785AA5)}

.psf-pb .pb-af-casos{margin-bottom:10px}

@media(prefers-reduced-motion:reduce){
  .psf-pb .pb-af-mol, .psf-pb .pb-af-oc, .psf-pb .pb-af-anillo,
  .psf-pb .pb-af-oc-n, .psf-pb .pb-af-se-d, .psf-pb .pb-af-se-f{transition:none}
}

.psf-pb .pb-af-espera{color:var(--pf-ink-faint-tx,#5d6169)}

/* ═══════════════════════════════════════════════════════════════════════
   [D-93 · v6.21.0] LA FIGURA Y EL TEXTO QUE LA EXPLICA, JUNTOS.
   ---------------------------------------------------------------------
   El problema, medido: la figura mide 192 px de alto en el teléfono y el
   texto del paso 170 —juntos caben de sobra en una pantalla de 667—, pero
   entre los dos había 339 px de mandos: los tres botones de fármaco, la
   barra de avance y la lista de pasos. El bloque entero medía 803 px, así
   que el lector no podía ver a la vez el dibujo y la frase que lo explica:
   tenía que subir y bajar en cada paso. Que es exactamente lo que arruina
   una figura por pasos.

   Se arregla SOLO CON `order`, sin tocar el HTML. El orden del documento
   —figura, botones, mandos, lista, texto— es el correcto para un lector de
   pantalla y para quien navega con teclado, y se conserva intacto; lo que
   cambia es el orden VISUAL. Es la razón por la que existe `order`.
   ═══════════════════════════════════════════════════════════════════════ */
.psf-pb .pb-af .pb-sin-panel{display:flex; flex-direction:column}
.psf-pb .pb-af .pb-sin-texto{order:-1; margin-bottom:14px}
.psf-pb .pb-af .pb-af-casos{order:0}
.psf-pb .pb-af .pb-sin-mandos{order:1; margin-bottom:0}
.psf-pb .pb-af .pb-sin-pasos{order:2}
.psf-pb .pb-af .pb-sin-fsin{order:3}
/* El panel se pega a la figura: son una sola pieza, no dos. */
.psf-pb .pb-af .pb-sin-esc{margin-bottom:0}
.psf-pb .pb-af .pb-sin-panel{border-top-left-radius:0; border-top-right-radius:0; border-top:0}

/* En pantalla ancha, uno al lado del otro y la figura fija: al avanzar por
   los cinco pasos el dibujo no se mueve de sitio, que es lo que permite ver
   QUÉ cambia entre un paso y el siguiente. */
@media (min-width:900px){
  .psf-pb .pb-af{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:0}
  .psf-pb .pb-af .pb-sin-esc{position:sticky; top:16px; align-self:start}
  .psf-pb .pb-af .pb-sin-panel{
    border-top:1px solid var(--pf-line,#e9ecef); border-left:0;
    border-radius:0 8px 8px 0}
}


/* ═════════════════════════════════════════════════════════════════════
   [D-140 · v8.8.0] PRINCIPIOS BÁSICOS HABLA v8 («Clinical Archive»).
   ---------------------------------------------------------------------
   Capa de overrides AL FINAL de la hoja, a propósito: el export de la
   maqueta (exportar_wp.py) regenera lo de arriba; esta capa se vuelve a
   pegar después. No introduce UN SOLO literal nuevo: todo bebe de
   psf-tokens.css, y por eso el módulo entra de una vez al tema oscuro
   [D-134] y al alto contraste [D-108].
   LOS DIAGRAMAS NO SE TOCAN: los colores de las figuras (dos ejes,
   sinapsis, ocupación) son INFORMACIÓN pactada con la batería de humo,
   no interfaz — igual que los colores de ilustración de clinical.css.
   ═════════════════════════════════════════════════════════════════════ */

/* 1 · Las variables locales del módulo beben del sistema. */
.psf-pb{
 --tinta:var(--pf-ink); --papel:var(--pf-paper); --papel2:var(--pf-paper-alt);
 --linea:var(--pf-line); --sub:var(--pf-ink-soft); --muted:var(--pf-ink-faint-tx);
 --acento:var(--pf-cat-principios-tx); --ok:var(--pf-ok-tx); --mid:var(--pf-warn-tx); --bad:var(--pf-danger-tx);
 background:var(--pf-paper)!important; color:var(--pf-ink)!important;
}

/* 2 · El hero del módulo, con la voz de la maqueta: chip + display serif. */
.psf-pb .pb-marca{
 display:inline-block!important; padding:4px 12px!important; margin:0 0 16px!important;
 background:var(--pf-sage-tint)!important; color:var(--pf-sage-tx)!important;
 font-family:var(--pf-sans)!important; font-size:12px!important; font-weight:600!important;
 letter-spacing:.08em!important; text-transform:uppercase!important;
 border-radius:2px!important; line-height:1.5!important;
}
.psf-pb .pb-marca .pb-pt{ color:var(--pf-sage-tx)!important; }
.psf-pb .pb-marca .pb-b{ font-weight:600!important; }
.psf-pb h1{
 font-family:var(--pf-serif)!important; font-weight:600!important;
 font-size:44px!important; line-height:1.1!important; letter-spacing:-.02em!important;
 color:var(--pf-brand-deep)!important;
}
@media (max-width:640px){ .psf-pb h1{ font-size:32px!important; } }
.psf-pb h1 .pb-wm .pb-pt{ color:var(--pf-brand-deep)!important; }
.psf-pb h2{ font-family:var(--pf-serif)!important; font-weight:500!important; color:var(--pf-brand-deep)!important; }

/* 3 · La navegación de pasos, como los chips de la ficha. */
.psf-pb .pb-nav{ background:var(--pf-paper)!important; border-bottom:1px solid var(--pf-line)!important; }
.psf-pb .pb-paso button{
 background:var(--pf-surface)!important; color:var(--pf-ink-soft)!important;
 border:1px solid var(--pf-line)!important; border-radius:999px!important;
 font-weight:600!important;
}
.psf-pb .pb-paso button.pb-on{
 background:var(--pf-sage-tint)!important; border-color:var(--pf-sage-tx)!important;
 color:var(--pf-sage-tx)!important;
}
.psf-pb .pb-paso button.pb-on .pb-mm{ color:var(--pf-sage-tx)!important; }
.psf-pb .pb-paso button.pb-visto:not(.pb-on){ border-color:var(--pf-cat-principios-tx)!important; color:var(--pf-cat-principios-tx)!important; }

/* 4 · Tarjetas y cajas: superficie con filete fino, sin sombras pesadas. */
.psf-pb .pb-tesis, .psf-pb .pb-ident, .psf-pb .pb-ruta, .psf-pb .pb-llevas,
.psf-pb .pb-sigu, .psf-pb .pb-modo, .psf-pb .pb-ejemplo, .psf-pb .pb-caso,
.psf-pb .pb-col, .psf-pb .pb-cat, .psf-pb .pb-card, .psf-pb .pb-f,
.psf-pb .pb-c.pb-ej, .psf-pb .pb-fdev, .psf-pb .pb-auto, .psf-pb .pb-t-dev,
.psf-pb .pb-dir, .psf-pb .pb-sc, .psf-pb .pb-fig, .psf-pb .pb-limites,
.psf-pb .pb-imprimir, .psf-pb .pb-cm-scroll, .psf-pb .pb-t-scroll,
.psf-pb .pb-cmp-env, .psf-pb .pb-sin-svg, .psf-pb .pb-sin-panel,
.psf-pb .pb-escala div, .psf-pb .pb-dosejes>div, .psf-pb .pb-hito::before{
 background:var(--pf-surface)!important; border-color:var(--pf-line)!important;
}
.psf-pb .pb-tesis{ border-left:4px solid var(--pf-brand-line)!important; }
.psf-pb .pb-card:hover, .psf-pb .pb-ruta:hover, .psf-pb .pb-modo:hover{ box-shadow:var(--pf-shadow)!important; }

/* 5 · Tablas comparativas y anclas: los grises pasan por tokens. */
.psf-pb .pb-anclas-l a{ background:var(--pf-surface)!important; border-color:var(--pf-line)!important; color:var(--pf-ink-soft)!important; }
.psf-pb .pb-anclas-l a:hover{ color:var(--pf-brand-tx)!important; border-color:var(--pf-brand-tx)!important; }
.psf-pb .pb-anclas-t{ color:var(--pf-ink-faint-tx)!important; }
.psf-pb .pb-cmp-tabla th, .psf-pb .pb-cmp-tabla td{ border-color:var(--pf-line)!important; }
.psf-pb .pb-cmp-tabla thead th, .psf-pb .pb-cmp-tabla tbody th{ background:var(--pf-paper-alt)!important; color:var(--pf-ink)!important; }
.psf-pb .pb-cmp-tabla tr{ background:var(--pf-surface)!important; border-color:var(--pf-line)!important; }
.psf-pb .pb-traza{ color:var(--pf-ink-faint-tx)!important; border-color:var(--pf-line)!important; }
.psf-pb .pb-traza-v{ color:var(--pf-ink)!important; }
.psf-pb .pb-fnota{ color:var(--pf-ink-soft)!important; }

/* 6 · Botones de panel (sinapsis y compañía): interfaz, no diagrama. */
.psf-pb .pb-sin-btn{ background:var(--pf-paper-alt)!important; border-color:var(--pf-line)!important; color:var(--pf-ink)!important; }
.psf-pb .pb-sin-pasos button{ background:var(--pf-surface)!important; border-color:var(--pf-line)!important; color:var(--pf-ink-soft)!important; }
.psf-pb .pb-sin-cuenta, .psf-pb .pb-sin-fsin, .psf-pb .pb-sin-rot,
.psf-pb .pb-sin-nope, .psf-pb .pb-sin-capas legend, .psf-pb .pb-sin-aviso{ color:var(--pf-ink-faint-tx)!important; }
.psf-pb label.pb-sin-capa, .psf-pb .pb-sin-leyenda li, .psf-pb .pb-sin-eti{ color:var(--pf-ink-soft)!important; }
.psf-pb .pb-sin-hueco{ background:var(--pf-paper-alt)!important; border-color:var(--pf-line)!important; }
.psf-pb .pb-sin-hueco p{ color:var(--pf-ink-faint-tx)!important; }
.psf-pb .pb-des-pista{ background:var(--pf-paper-alt)!important; border-color:var(--pf-line)!important; }
.psf-pb fieldset.pb-sin-capas{ border-color:var(--pf-line)!important; }

/* 7 · El botón «siguiente» y el activo del panel, en marino de la casa. */
.psf-pb .pb-siguiente{ background:var(--pf-brand)!important; }
.psf-pb .pb-siguiente:hover{ background:var(--pf-brand-deep)!important; }

/* 8 · En el tema oscuro, las escenas SVG de los diagramas —dibujadas
   sobre blanco— quedan como láminas apoyadas, igual que las moléculas. */
:root[data-pf-tema="oscuro"] .psf-pb .pb-sin-svg,
:root[data-pf-tema="oscuro"] .psf-pb .pb-fig{
 box-shadow:0 2px 12px rgba(0,0,0,.4)!important;
}

/* [D-186 · v9.16.0] LA SIMULACIÓN DE LA SINAPSIS, que se mudó de las
   fichas a este módulo (capítulo «Agudo · crónico · retirada»). El guion
   (assets/v8/psf-sinapsis.js) busca [data-psf-sinapsis] y pone .is-activo
   en el botón elegido; el lienzo es un canvas de three.js con fondo
   transparente. Más bajo que en la ficha (380 px): aquí es la puerta del
   capítulo, no la pieza central. */
.psf-pb .pb-fig-sim{ padding-bottom:14px!important; }
.psf-pb .pb-sim-lienzo{
 width:100%; height:380px; position:relative; overflow:hidden;
 background:var(--papel2)!important; border:1px solid var(--linea)!important; border-radius:8px!important;
}
@media (max-width:640px){ .psf-pb .pb-sim-lienzo{ height:300px; } }
.psf-pb .pb-sim-lienzo canvas{ display:block; max-width:100%; }
.psf-pb .pb-sim-estados{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:12px 0 0!important; }
.psf-pb .pb-sim-estados button{
 font:inherit!important; font-size:var(--pf-fs-micro)!important; font-weight:700!important; cursor:pointer;
 border:1px solid var(--linea)!important; background:#fff!important; color:var(--sub)!important;
 border-radius:8px!important; padding:6px 14px!important; transition:background .15s, color .15s;
}
.psf-pb .pb-sim-estados button:hover{ border-color:var(--acento)!important; color:var(--acento)!important; }
.psf-pb .pb-sim-estados button.is-activo{ background:var(--acento)!important; border-color:var(--acento)!important; color:#fff!important; }
.psf-pb .pb-sim-estados button:focus-visible{ outline:2px solid var(--acento); outline-offset:2px; }
:root[data-pf-tema="oscuro"] .psf-pb .pb-sim-lienzo{ background:#e9ebee!important; }
@media print{ .psf-pb .pb-sim-lienzo, .psf-pb .pb-sim-estados{ display:none!important; } }

/* [T8 · D-153 · v9.0.0] UN SOLO H1 POR PÁGINA. Los nueve pasos siguientes
   son secciones del mismo documento, no nueve documentos: pasan a h2 y
   conservan exactamente la pinta que tenían. La revisión externa del
   29-08-2026 contó once H1 en esta página. */
.psf-pb .pb-h1{
	font-family:var(--pf-serif)!important; font-weight:600!important;
	font-size:44px!important; line-height:1.1!important; letter-spacing:-.02em!important;
	color:var(--pf-brand-deep)!important; margin:0 0 18px!important;
}
@media (max-width:640px){ .psf-pb .pb-h1{ font-size:32px!important; } }