/* =====================================================================
   psf-articulos.css — los bloques de artículo de la página de
   antipsicóticos. [D-193 · v9.22.0] · [D-194 · v9.23.0]
   ---------------------------------------------------------------------
   .psf-agi  la urgencia (Hatta 2026)
   .psf-lai  los inyectables de acción prolongada (Harrison 2026)
   .psf-tec  la terapia electroconvulsiva (Wang 2026)
   .psf-mace el desenlace cardiovascular duro (Richards-Belle 2026)

   REGLA DE ESTA HOJA: ni un hex. Todo sale de psf-tokens.css. Cuatro
   prefijos y solo cuatro: nada de aquí toca a otro componente.

   LOS COLORES COMUNICAN [diseño §3.4]. Los recuadros de aviso llevan
   --pf-warn (precaución: cómo hay que leer esto) y --pf-info (nota de
   procedencia); lo verde es --pf-ok y solo marca una comparación que
   alcanza significación, nunca «lo bueno».
   ===================================================================== */

/* ---------------- común a los cuatro ---------------- */
.psf-agi__h3, .psf-lai__h3, .psf-tec__h3, .psf-mace__h3{
	font-family:var(--pf-sans); font-size:var(--pf-fs-h4); font-weight:600;
	color:var(--pf-ink); margin:var(--pf-s-6) 0 var(--pf-s-2);
}
.psf-agi__scroll, .psf-lai__scroll, .psf-tec__scroll, .psf-mace__scroll{
	overflow-x:auto; margin:0 0 var(--pf-s-3);
}
.psf-agi__tabla, .psf-lai__tabla, .psf-tec__tabla, .psf-mace__tabla{
	border-collapse:collapse; width:100%; min-width:34rem;
	font-size:var(--pf-fs-small); line-height:1.5;
}
.psf-agi__tabla th, .psf-agi__tabla td,
.psf-lai__tabla th, .psf-lai__tabla td,
.psf-tec__tabla th, .psf-tec__tabla td,
.psf-mace__tabla th, .psf-mace__tabla td{
	border:1px solid var(--pf-line); padding:var(--pf-s-2) var(--pf-s-3);
	text-align:left; vertical-align:top;
}
.psf-agi__tabla thead th, .psf-lai__tabla thead th,
.psf-tec__tabla thead th, .psf-mace__tabla thead th{
	background:var(--pf-paper-alt); font-size:var(--pf-fs-micro);
	font-weight:600; color:var(--pf-ink-soft); white-space:normal;
}
.psf-agi__tabla tbody th, .psf-lai__tabla tbody th,
.psf-tec__tabla tbody th, .psf-mace__tabla tbody th{
	font-weight:600; color:var(--pf-ink); width:14rem;
}
.psf-agi__nota, .psf-lai__nota, .psf-tec__nota, .psf-mace__nota{
	margin:0 0 var(--pf-s-4); font-size:var(--pf-fs-small);
	color:var(--pf-ink-soft); max-width:74ch;
}
.psf-agi__fuente, .psf-lai__fuente, .psf-tec__fuente, .psf-mace__fuente{
	margin:var(--pf-s-6) 0 0; padding-top:var(--pf-s-3);
	border-top:1px solid var(--pf-line);
	font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx);
}
.psf-agi__ic, .psf-lai__ic, .psf-mace__ic{
	font-family:var(--pf-mono); color:var(--pf-ink-faint-tx);
}
.psf-agi__seg, .psf-agi__limites, .psf-lai__seg, .psf-lai__leer,
.psf-tec__leer, .psf-tec__limites, .psf-mace__leer, .psf-mace__limites{
	margin:0 0 var(--pf-s-4); padding-left:var(--pf-s-4);
	display:grid; gap:var(--pf-s-3);
	font-size:var(--pf-fs-small); color:var(--pf-ink-soft); max-width:74ch;
}

/* ---------------- recuadros de aviso ---------------- */
.psf-agi__aviso, .psf-tec__aviso{
	background:var(--pf-warn-tint); border-left:4px solid var(--pf-warn);
	border-radius:0 var(--pf-r-sm) var(--pf-r-sm) 0;
	padding:var(--pf-s-3) var(--pf-s-4); margin:0 0 var(--pf-s-6);
}
.psf-agi__aviso p, .psf-tec__aviso p{
	margin:0; font-size:var(--pf-fs-small); color:var(--pf-ink);
}
.psf-lai__ci{
	background:var(--pf-info-tint); border-left:4px solid var(--pf-info);
	border-radius:0 var(--pf-r-sm) var(--pf-r-sm) 0;
	padding:var(--pf-s-3) var(--pf-s-4); margin:0 0 var(--pf-s-6);
}
.psf-lai__ci p{ margin:0; font-size:var(--pf-fs-small); color:var(--pf-ink); }

/* ---------------- agitación ---------------- */
.psf-agi__ref{ font-family:var(--pf-mono); color:var(--pf-ink-faint-tx); }
.psf-agi__p{ font-family:var(--pf-mono); color:var(--pf-ink-faint-tx); }

/* ---------------- agitación · dosis [D-248 · v9.67.0] ----------------
   UNA DECISIÓN QUE NO ES ESTÉTICA: la columna del TOPE se pinta distinta
   del resto de la tabla. No para destacarla como si fuera la respuesta,
   sino al revés — es el único número de la fila que NO es una pauta, y si
   se lee con el mismo peso que la dosis inicial acaba usándose como si lo
   fuera. Va en monoespaciada y en tinta apagada: legible, no imperativa.

   Y LOS DESACUERDOS LLEVAN BORDE, NO COLOR DE AVISO. Que dos fuentes
   serias no coincidan no es un peligro: es el estado real del campo. Un
   recuadro rojo lo convertiría en alarma y un recuadro amarillo, en
   advertencia; lo que es, es una diferencia que el lector tiene que ver. */
.psf-agi--dosis{ margin-bottom:var(--pf-s-12); }
.psf-agi__tabla--dosis tbody th{ width:11rem; }
.psf-agi__via th{
	background:var(--pf-paper-alt); font-family:var(--pf-sans);
	font-size:var(--pf-fs-micro); font-weight:600; letter-spacing:.06em;
	text-transform:uppercase; color:var(--pf-ink-soft);
}
.psf-agi__tope{
	font-family:var(--pf-mono); font-variant-numeric:tabular-nums;
	color:var(--pf-ink-faint-tx); white-space:nowrap;
}
.psf-agi__marca{
	font-family:var(--pf-mono); color:var(--pf-warn-tx);
	text-decoration:none; border-bottom:1px dotted var(--pf-warn);
	cursor:help; margin-left:2px;
}
.psf-agi__llamadas{
	margin:0 0 var(--pf-s-6); padding-left:var(--pf-s-4);
	list-style:none; display:grid; gap:var(--pf-s-2);
	font-size:var(--pf-fs-micro); line-height:1.55;
	color:var(--pf-ink-soft); max-width:74ch;
}

/* Ficha de un fármaco que el consenso no dosifica. */
.psf-agi__ficha{
	background:var(--pf-surface); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-md); padding:var(--pf-s-4);
	margin:0 0 var(--pf-s-3); max-width:var(--pf-w-read);
}
.psf-agi__ficha-h{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h4); font-weight:600;
	color:var(--pf-ink); margin:0 0 var(--pf-s-3);
}
.psf-agi__ficha-dl{
	display:grid; grid-template-columns:auto 1fr;
	gap:var(--pf-s-1) var(--pf-s-4); margin:0 0 var(--pf-s-3);
}
.psf-agi__ficha-dl dt{
	font-family:var(--pf-sans); font-size:var(--pf-fs-micro);
	letter-spacing:.06em; text-transform:uppercase;
	color:var(--pf-ink-faint-tx); white-space:nowrap; padding-top:2px;
}
.psf-agi__ficha-dl dd{
	margin:0; font-size:var(--pf-fs-small); line-height:1.55;
	color:var(--pf-ink); min-width:0; overflow-wrap:anywhere;
}
.psf-agi__prec, .psf-agi__ev{
	font-size:var(--pf-fs-small); line-height:1.6;
	margin:0 0 var(--pf-s-2); max-width:70ch;
}
.psf-agi__prec{
	color:var(--pf-ink); background:var(--pf-paper-alt);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-3);
}
.psf-agi__ev{ color:var(--pf-ink-soft); }
.psf-agi__fte{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx); margin:var(--pf-s-2) 0 0;
}

/* Desacuerdo entre dos fuentes: borde, nunca color de alarma. */
.psf-agi__desac{
	border-left:3px solid var(--pf-line); padding-left:var(--pf-s-4);
	margin:0 0 var(--pf-s-6); max-width:var(--pf-w-read);
}
.psf-agi__desac h4{
	font-family:var(--pf-sans); font-size:var(--pf-fs-body); font-weight:600;
	color:var(--pf-ink); margin:0 0 var(--pf-s-2);
}
.psf-agi__desac-a, .psf-agi__desac-b, .psf-agi__desac-c{
	font-size:var(--pf-fs-small); line-height:1.6;
	margin:0 0 var(--pf-s-2); max-width:70ch; color:var(--pf-ink-soft);
}
.psf-agi__desac-c{ color:var(--pf-ink); }

/* ---------------------------------------------------------------------
   [D-251 · v9.70.0] EL PARRAFO FIRMADO Y LA INTERACCION DE LA OLANZAPINA.

   La firma del autor se pinta con el acento del sitio y un filete a la
   izquierda: en una pagina donde todo lo demas es transcripcion con fuente,
   lo que lleva su criterio tiene que verse distinto desde lejos. No usa
   color de peligro —no es una advertencia, es una opinion clinica firmada—.
   --------------------------------------------------------------------- */
.psf-agi__firma{
	font-size:var(--pf-fs-small); line-height:1.6; max-width:var(--pf-w-read);
	margin:var(--pf-s-3) 0 0; padding:var(--pf-s-2) var(--pf-s-3);
	border-left:3px solid var(--pf-accent); background:var(--pf-paper-alt);
	color:var(--pf-ink);
}
.psf-agi__firma b{ color:var(--pf-accent); }

.psf-agi__olzbzd{
	max-width:var(--pf-w-read); margin:0 0 var(--pf-s-6);
	padding:var(--pf-s-4); border:1px solid var(--pf-line); border-radius:3px;
	background:var(--pf-paper-alt);
}
.psf-agi__olzbzd h4{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h4); font-weight:600;
	color:var(--pf-ink); margin:0 0 var(--pf-s-3);
}
.psf-agi__olzbzd p{
	font-size:var(--pf-fs-small); line-height:1.6; margin:0 0 var(--pf-s-3);
	color:var(--pf-ink-soft);
}
.psf-agi__olzbzd-r{
	color:var(--pf-ink) !important; border-top:1px solid var(--pf-line);
	padding-top:var(--pf-s-3); margin-bottom:var(--pf-s-2) !important;
}

.psf-agi__mezcla{
	max-width:var(--pf-w-read); margin:0 0 var(--pf-s-4);
	padding-bottom:var(--pf-s-3); border-bottom:1px solid var(--pf-line);
}
.psf-agi__mezcla h4{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h4); font-weight:600;
	color:var(--pf-ink); margin:0 0 var(--pf-s-1);
}
.psf-agi__mezcla-c{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	color:var(--pf-ink-soft); margin:0 0 var(--pf-s-2); line-height:1.6;
}
.psf-agi__mezcla-d{
	font-size:var(--pf-fs-small); line-height:1.6;
	color:var(--pf-ink); margin:0 0 var(--pf-s-2); max-width:70ch;
}

.psf-agi__regla{
	background:var(--pf-brand-tint); border:1px solid var(--pf-brand-line);
	border-radius:var(--pf-r-md); padding:var(--pf-s-4);
	max-width:var(--pf-w-read); margin:0 0 var(--pf-s-8);
}
.psf-agi__regla-r{
	font-size:var(--pf-fs-body); line-height:1.6;
	color:var(--pf-ink); margin:0 0 var(--pf-s-3); max-width:66ch;
}
.psf-agi__regla-e, .psf-agi__regla-o{
	font-size:var(--pf-fs-small); line-height:1.6;
	color:var(--pf-ink-soft); margin:0 0 var(--pf-s-2); max-width:70ch;
}
.psf-agi__regla-o{ color:var(--pf-warn-tx); margin-bottom:0; }

.psf-agi__fuentes{
	list-style:none; margin:0 0 var(--pf-s-4); padding:0;
	display:grid; gap:var(--pf-s-3); max-width:var(--pf-w-read);
}
.psf-agi__fuentes li{
	font-size:var(--pf-fs-micro); line-height:1.6; color:var(--pf-ink-soft);
}
.psf-agi__fuentes a{ color:var(--pf-accent-tx); word-break:break-word; }
.psf-agi__q{
	display:block; margin-top:2px; font-style:italic;
	color:var(--pf-ink-faint-tx);
}
.psf-agi__sinver{
	font-size:var(--pf-fs-micro); color:var(--pf-warn-tx);
	background:var(--pf-warn-tint); border-radius:var(--pf-r-sm);
	padding:var(--pf-s-2) var(--pf-s-3); margin:0; max-width:var(--pf-w-read);
}

/* ---------------- inyectables ---------------- */
.psf-lai__problema{
	list-style:none; margin:0 0 var(--pf-s-6); padding:0;
	display:grid; gap:var(--pf-s-3);
	grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.psf-lai__problema li{
	background:var(--pf-surface); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-md); padding:var(--pf-s-3) var(--pf-s-4);
	font-size:var(--pf-fs-small); color:var(--pf-ink-soft);
}
.psf-lai__cifra{
	display:block; font-family:var(--pf-mono);
	font-size:var(--pf-fs-h3); color:var(--pf-brand-tx);
	margin:0 0 var(--pf-s-1);
}
.psf-lai__disenio{
	display:block; margin-top:var(--pf-s-1);
	font-family:var(--pf-sans); font-weight:400;
	font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx);
}
/* [D-217 · v9.41.0] Sin nowrap. «RR 0,88 · 0,92 · 0,44» no cabe en una línea
   a 390 px, y una celda que no rompe empuja la página entera a scroll
   horizontal — es exactamente el fallo que corregimos en .ea-ev en la v9.36. */
.psf-lai__v{ font-family:var(--pf-mono); max-width:100%; overflow-wrap:anywhere; }

/* La cita del estudio, dentro de la celda del resultado. */
.psf-lai__cita{
	display:block; margin-top:var(--pf-s-2);
	font-size:var(--pf-fs-micro); line-height:1.45;
	color:var(--pf-ink-faint-tx); overflow-wrap:anywhere;
}
.psf-lai__cita + .psf-lai__cita{ margin-top:var(--pf-s-1); }
.psf-lai__cita a{ color:var(--pf-brand-tx); }
.psf-lai__ci-in{ color:var(--pf-ink-soft); font-weight:600; }
.psf-lai__contra{
	border:1px solid var(--pf-line); border-radius:var(--pf-r-md);
	background:var(--pf-paper-alt);
	padding:var(--pf-s-4); margin:var(--pf-s-6) 0;
}
.psf-lai__contra p{ font-size:var(--pf-fs-small); color:var(--pf-ink); }
.psf-lai__contra .psf-lai__h3{ margin-top:0; }
.psf-lai__declara, .psf-mace__declara{ display:block; margin-top:var(--pf-s-2); font-style:italic; }
.psf-lai__tabla--guias tbody th{ width:12rem; }

/* ---------------- TEC ---------------- */
.psf-tec__n{ font-family:var(--pf-mono); font-weight:400; color:var(--pf-ink-faint-tx); }
.psf-tec__si{ color:var(--pf-ok-tx); }
.psf-tec__no{ color:var(--pf-ink-faint-tx); }
.psf-tec__ref{ font-family:var(--pf-mono); color:var(--pf-ink-faint-tx); }
.psf-tec__ae{ font-family:var(--pf-mono); white-space:nowrap; }

/* ---------------- MACE ---------------- */
.psf-mace__ramas{
	list-style:none; margin:0 0 var(--pf-s-4); padding:0;
	display:flex; flex-wrap:wrap; gap:var(--pf-s-2);
}
.psf-mace__ramas li{
	border:1px solid var(--pf-line); border-radius:var(--pf-r-pill);
	background:var(--pf-surface); padding:6px 14px;
	font-size:var(--pf-fs-small); color:var(--pf-ink);
}
.psf-mace__ramas span{ font-family:var(--pf-mono); color:var(--pf-ink-faint-tx); }
.psf-mace__sub{
	display:block; font-weight:400; font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx);
}
.psf-mace__tabla td b{ font-family:var(--pf-mono); }
.psf-mace__sig td{ background:var(--pf-ok-tint); }

/* ---------------- teléfono ---------------- */
@media (max-width:760px){
	.psf-agi__tabla, .psf-lai__tabla, .psf-tec__tabla, .psf-mace__tabla{ min-width:28rem; }
	.psf-agi__tabla tbody th, .psf-lai__tabla tbody th,
	.psf-tec__tabla tbody th, .psf-mace__tabla tbody th{ width:auto; }
	.psf-lai__tabla--guias tbody th{ width:auto; }
	/* [D-248] En el móvil la etiqueta encima del dato, no al lado: una
	   rejilla de dos columnas con «Cada cuánto» a la izquierda deja al
	   valor un hueco de cuatro caracteres. */
	.psf-agi__ficha-dl{ grid-template-columns:1fr; gap:0; }
	.psf-agi__ficha-dl dt{ padding-top:var(--pf-s-2); }
}

/* =====================================================================
   LAS CURVAS DOSIS-RESPUESTA  [D-194 · v9.23.0]
   ---------------------------------------------------------------------
   El dibujo trae su propio papel y sus propios colores dentro del SVG
   —es una ilustración, como las moléculas, y no cambia con el tema—, así
   que aquí solo va la caja que lo rodea: rejilla, pies y avisos, esos sí
   con tokens.
   ===================================================================== */
.psf-curva__h{
	font-family:var(--pf-sans); font-size:var(--pf-fs-h4); font-weight:600;
	color:var(--pf-ink); margin:var(--pf-s-6) 0 var(--pf-s-2);
}
.psf-curva__rejilla{
	display:grid; gap:var(--pf-s-6);
	grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));
	margin:0 0 var(--pf-s-6);
}
.psf-curva__celda, .psf-curva__fig{ margin:0; min-width:0; }
.psf-curva__svg{
	display:block; width:100%; height:auto;
	border:1px solid var(--pf-line); border-radius:var(--pf-r-md);
	background:var(--pf-surface);
}
.psf-curva__pie{
	margin:var(--pf-s-2) 0 0;
	font-size:var(--pf-fs-small); line-height:1.5; color:var(--pf-ink-soft);
}
.psf-curva__aviso{
	background:var(--pf-warn-tint); border-left:4px solid var(--pf-warn);
	border-radius:0 var(--pf-r-sm) var(--pf-r-sm) 0;
	padding:var(--pf-s-3) var(--pf-s-4); margin:var(--pf-s-4) 0;
	font-size:var(--pf-fs-small); color:var(--pf-ink); max-width:74ch;
}
.psf-curva__aviso--eje{
	background:var(--pf-info-tint); border-left-color:var(--pf-info);
}
.psf-curva__aviso--grande{ margin:0 0 var(--pf-s-6); }
.psf-curva__aviso--grande p{ margin:0 0 var(--pf-s-3); }
.psf-curva__aviso--grande p:last-child{ margin:0; }
.psf-curva__leer{
	margin:0 0 var(--pf-s-4); padding-left:var(--pf-s-4);
	display:grid; gap:var(--pf-s-3);
	font-size:var(--pf-fs-small); color:var(--pf-ink-soft); max-width:74ch;
}
.psf-curva__fuente{
	margin:var(--pf-s-6) 0 0; padding-top:var(--pf-s-3);
	border-top:1px solid var(--pf-line);
	font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx);
}
/* La leyenda del dibujo  [D-196 · v9.25.0]
   Las muestras son SVG suelto: el color vive en la ilustración, nunca en
   esta hoja. Aquí solo va la caja. */
.psf-curva__leyenda{
	list-style:none; margin:0 0 var(--pf-s-6); padding:var(--pf-s-3) var(--pf-s-4);
	display:grid; gap:var(--pf-s-2);
	grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));
	border:1px solid var(--pf-line); border-radius:var(--pf-r-md);
	background:var(--pf-surface);
	font-size:var(--pf-fs-micro); line-height:1.5; color:var(--pf-ink-soft);
}
.psf-curva__leyenda-i{ display:flex; gap:var(--pf-s-2); align-items:flex-start; }
.psf-curva__muestra{ flex:0 0 34px; margin-top:2px; }
.psf-curva__muestra svg{ display:block; }

/* En la ficha va una sola curva y no necesita ocupar todo el ancho. */
.psf-curva--ficha{ margin:var(--pf-s-6) 0; }
.psf-curva--ficha .psf-curva__svg{ max-width:34rem; }
.psf-curva--ficha .psf-curva__leyenda{ max-width:34rem; }

/* =====================================================================
   ELEGIR AGENTES EN EL MAPA DE CALOR  [D-195 · v9.24.0]
   ---------------------------------------------------------------------
   El mapa de calor vive en psf-overview.css, que es hoja heredada y sí
   lleva literales. Lo que se añade aquí —los mandos de selección— es
   nuevo, y va con tokens como todo lo nuevo.
   ===================================================================== */
.psf-heat-elegir{
	border:1px solid var(--pf-line); border-radius:var(--pf-r-md);
	background:var(--pf-paper-alt);
	padding:var(--pf-s-3) var(--pf-s-4); margin:0 0 var(--pf-s-4);
}
.psf-heat-elegir__cab{
	display:flex; flex-wrap:wrap; align-items:baseline;
	justify-content:space-between; gap:var(--pf-s-2);
}
.psf-heat-elegir__lbl{
	margin:0; font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	letter-spacing:var(--pf-track-label); text-transform:uppercase;
	color:var(--pf-ink-faint-tx);
}
.psf-heat-elegir__n{ color:var(--pf-ink); font-weight:600; margin-left:var(--pf-s-2); }
.psf-heat-elegir__atajos{ display:flex; flex-wrap:wrap; gap:var(--pf-s-2); }
.psf-heat-atajo{
	border:1px solid var(--pf-line); border-radius:var(--pf-r-sm);
	background:var(--pf-surface); color:var(--pf-ink-soft);
	font-family:var(--pf-sans); font-size:var(--pf-fs-micro);
	padding:5px 10px; cursor:pointer; min-height:32px;
}
.psf-heat-atajo:hover{ border-color:var(--pf-brand-line); color:var(--pf-brand-tx); }
.psf-heat-atajo:focus-visible{ outline:2px solid var(--pf-accent); outline-offset:2px; }
.psf-heat-chips{
	display:flex; flex-wrap:wrap; gap:var(--pf-s-2);
	margin:var(--pf-s-3) 0 0;
}
.psf-heat-chip{
	border:1px solid var(--pf-line); border-radius:var(--pf-r-pill);
	background:var(--pf-surface); color:var(--pf-ink-faint-tx);
	font-family:var(--pf-sans); font-size:var(--pf-fs-small);
	padding:6px 13px; min-height:var(--pf-tap); cursor:pointer;
}
.psf-heat-chip:hover{ border-color:var(--pf-brand-line); }
.psf-heat-chip:focus-visible{ outline:2px solid var(--pf-accent); outline-offset:2px; }
.psf-heat-chip[aria-pressed="true"]{
	background:var(--pf-brand); border-color:var(--pf-brand);
	color:var(--pf-surface); font-weight:600;
}
.psf-heat-elegir__color{
	margin:var(--pf-s-3) 0 0; font-size:var(--pf-fs-small); color:var(--pf-ink-soft);
}
.psf-heat-elegir__color label{ display:inline-flex; align-items:center; gap:var(--pf-s-2); cursor:pointer; }
.psf-heat-elegir__ojo{
	display:block; margin-top:var(--pf-s-2);
	border-left:3px solid var(--pf-warn); background:var(--pf-warn-tint);
	padding:var(--pf-s-2) var(--pf-s-3); border-radius:0 var(--pf-r-sm) var(--pf-r-sm) 0;
	color:var(--pf-ink); max-width:74ch;
}
.psf-heat-elegir__sinjs{
	margin:var(--pf-s-2) 0 0; font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx);
}
@media (max-width:760px){
	.psf-heat-chip{ font-size:var(--pf-fs-micro); padding:6px 10px; }
}