/* =========================================================================
   Psicofarmacología NbN · Página introductoria por grupo
   La nemotecnia es la pieza central: cada palabra grande, con su inicial
   resaltada, y debajo el fármaco enlazado a su ficha.
   ========================================================================= */

.psf-intro{
	--in-tinta:#2a2622;
	--in-papel:#f7f3ea;
	--in-linea:#ddd4c2;
	--in-muted:#8a8072;
	--in-acento:#5a6b8c;
	--in-acento-2:#8494b3;
	max-width:820px;margin:0 auto;color:var(--in-tinta);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	line-height:1.55;
}
.psf-intro *{box-sizing:border-box;}

.psf-intro-lead{font-size:15px;color:var(--in-muted);margin:0 0 22px;padding:0 2px;}

/* Acentos por grupo */
.psf-intro-grupo[data-acento="isrs"]{--in-acento:#4d7ea8;--in-acento-2:#7ba7c9;}
.psf-intro-grupo[data-acento="d2"]{--in-acento:#b07d3a;--in-acento-2:#cc9c5f;}
.psf-intro-grupo[data-acento="sga"]{--in-acento:#8c5a9e;--in-acento-2:#ad82bd;}

.psf-intro-grupo{
	position:relative;margin:0 0 30px;padding:24px 24px 20px;
	border:1px solid var(--in-linea);border-radius:18px;
	background:linear-gradient(165deg,#fffdf8,var(--in-papel));
	border-left:5px solid var(--in-acento);
}

.psf-intro-gen{
	display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;
	letter-spacing:.08em;color:#fff;background:var(--in-acento);
	padding:3px 10px;border-radius:20px;margin-bottom:10px;
}
.psf-intro-titulo{margin:0 0 8px;font-size:23px;line-height:1.2;}
.psf-intro-sub{margin:0 0 20px;font-size:15px;color:var(--in-muted);max-width:64ch;}

/* ---- La nemotecnia ---- */
.psf-mnemo{background:rgba(255,255,255,.55);border:1px dashed var(--in-linea);border-radius:14px;padding:18px 16px 14px;}
.psf-mnemo-frase{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
	gap:14px 10px;
}
.psf-mnemo-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;}
.psf-mnemo-palabra{font-size:15px;color:var(--in-tinta);font-weight:600;line-height:1.15;}
.psf-mnemo-ini{
	display:inline-block;font-size:26px;font-weight:800;line-height:1;
	color:var(--in-acento);
	font-family:Georgia,"Times New Roman",serif;
}
.psf-mnemo-farmaco{
	font-size:13px;font-weight:600;color:var(--in-acento);
	text-decoration:none;border-bottom:1.5px solid transparent;
	transition:border-color .12s,color .12s;
}
.psf-mnemo-farmaco:hover{border-bottom-color:var(--in-acento);color:var(--in-acento-2);}
.psf-mnemo-pendiente{color:var(--in-muted);cursor:default;}
.psf-mnemo-pie{margin:16px 0 0;font-size:12.5px;color:var(--in-muted);text-align:center;font-style:italic;}

/* La frase completa como texto corrido, arriba, para leerla de un tirón */
.psf-mnemo::before{
	content:attr(data-frase);
}

@media(max-width:560px){
	.psf-intro-grupo{padding:18px 16px;}
	.psf-mnemo-frase{grid-template-columns:repeat(2,1fr);}
	.psf-intro-titulo{font-size:20px;}
}
@media(prefers-reduced-motion:reduce){
	.psf-mnemo-farmaco{transition:none;}
}

/* v5.43.0 — frase alternativa dentro del subtítulo de la nemotecnia */
.psf-mnemo-alt{display:block;margin-top:6px;font-size:13px;opacity:.85;}