/* Nereida · Frases tachadas (Core 1.9.0, /posicionamiento-ia-geo/). Píldoras con una frase tachada; la raya
   va línea a línea (box-decoration-break). Con JavaScript (.is-js), se tachan al verse, una detrás de otra. */
.n-tachadas {
	--ntc-pill: #fff;
	--ntc-text: color-mix(in srgb, var(--color-ink, #070035) 60%, transparent);
	/* la raya, más suave que el texto (1.19.6): en tinta al 100 % pesaba más que la frase al 60 % y no se leía bien (JC) */
	--ntc-line: color-mix(in srgb, var(--color-ink, #070035) 30%, transparent);
	--ntc-edge: color-mix(in srgb, var(--color-ink, #070035) 8%, transparent);
	--ntc-ease: var(--ease, cubic-bezier(.22, 1, .36, 1));
	list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;
}
.n-tachadas li { width: fit-content; max-width: 100%; margin: 0; padding: 9px 16px; border-radius: 999px; background: var(--ntc-pill); font-size: var(--font-body, 17px); line-height: 1.35; color: var(--ntc-text); box-shadow: inset 0 0 0 1px var(--ntc-edge); }
.n-tachadas s { text-decoration: none; background: linear-gradient(var(--ntc-line), var(--ntc-line)) 0 58% / 100% 1.5px no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.n-tachadas.is-js s { background-size: 0% 1.5px; transition: background-size .6s var(--ntc-ease); transition-delay: calc(.4s + var(--d) * .35s); }
.n-tachadas.is-js.is-in s { background-size: 100% 1.5px; }
@media (max-width: 640px) { .n-tachadas li { border-radius: 22px; } }
@media (prefers-reduced-motion: reduce) { .n-tachadas s { transition: none; } }