/**
 * psf-venta-libre.css — venta libre y suplementos; listas para el paciente
 * mayor. [D-290 · D-291 · v9.93.0]
 *
 * Una tarjeta por producto. La fuerza de la evidencia va arriba a la derecha,
 * con el borde izquierdo del mismo tono, para que el ginkgo y la valeriana no
 * se lean con el mismo peso que la hierba de San Juan.
 *
 * Ni un hexadecimal propio: todo de psf-tokens.css.
 */
.psf-vl{ max-width:var(--pf-w-read); padding-bottom:var(--pf-s-8); }
.psf-vl__h{ font-family:var(--pf-serif); margin:0 0 var(--pf-s-3); }
.psf-vl__lead{ line-height:var(--pf-lh-body); margin:0 0 var(--pf-s-6); }
.psf-vl__lista{ display:grid; gap:var(--pf-s-4); }
.psf-vl__f,.psf-vl__ext{ border:1px solid var(--pf-line); border-left-width:4px; border-radius:var(--pf-r-md); padding:var(--pf-s-4); background:var(--pf-paper-alt); }
.psf-vl__f--solida{ border-left-color:var(--pf-ink); }
.psf-vl__f--moderada{ border-left-color:var(--pf-ink-soft); }
.psf-vl__f--debil{ border-left-color:var(--pf-line); border-left-style:dashed; }
.psf-vl__fh{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:var(--pf-s-2); margin-bottom:var(--pf-s-2); }
.psf-vl__n{ margin:0; font-size:var(--pf-fs-body); font-weight:var(--pf-w-semibold); line-height:var(--pf-lh-tight); }
.psf-vl__ev{ font-size:var(--pf-fs-micro); letter-spacing:var(--pf-track-label); text-transform:var(--pf-rotulo-caso); color:var(--pf-ink-soft); }
.psf-vl__f--debil .psf-vl__ev{ color:var(--pf-warn-tx); }
.psf-vl__dl{ display:grid; grid-template-columns:max-content 1fr; gap:var(--pf-s-2) var(--pf-s-3); margin:0; font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); }
.psf-vl__dl dt{ font-weight:var(--pf-w-semibold); color:var(--pf-ink-soft); }
.psf-vl__dl dd{ margin:0; }
.psf-vl__src{ margin-top:var(--pf-s-3); font-size:var(--pf-fs-micro); color:var(--pf-ink-soft); }
.psf-vl__src ul{ margin:var(--pf-s-2) 0 0; padding-left:var(--pf-s-4); }
.psf-vl__ext p{ margin:var(--pf-s-2) 0 0; font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); }
.psf-vl__cita,.psf-vl__u2{ font-size:var(--pf-fs-micro); color:var(--pf-ink-soft); }
.psf-vl__nota{ margin-top:var(--pf-s-6); font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx); line-height:var(--pf-lh-body); }
@media (max-width:560px){ .psf-vl__dl{ grid-template-columns:1fr; } .psf-vl__dl dd{ margin-bottom:var(--pf-s-2); } }

/* [D-315 · v10.8.0] ENCABEZADOS SIN SALTOS. La etiqueta cambió de nivel para que la
   página no salte (H1 a H3, H2 a H4); el aspecto se queda como estaba, que lo
   fijaba la capa correctora de psf-componentes.css. */
.psf-ov .psf-vl__n{font-size:var(--pf-fs-h3);line-height:1.3}