/* Nereida · Reloj del estudio (Core 1.5.0; escala de texto de cinco tamaños desde la 1.6.0) */
.n-hora {
	--nh-ink: var(--color-ink, #070035);
	--nh-ok: var(--color-success, #22C55E);
	--nh-btn: var(--color-paper, #fff);
	--nh-ease: cubic-bezier(.22, 1, .36, 1);
	display: flex; align-items: center; gap: 14px; width: 100%; padding: 20px 0 0; border-top: 1px solid color-mix(in srgb, var(--nh-ink) 16%, transparent); font-family: inherit; color: var(--nh-ink); text-decoration: none;
}
a.n-hora, a.n-hora:hover { color: var(--nh-ink); text-decoration: none; }
.n-hora-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--nh-ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--nh-ok) 16%, transparent); animation: n-hora-pulso 2.4s ease-in-out infinite; }
.n-hora.is-off .n-hora-dot, .n-hora:not(.is-live) .n-hora-dot { background: color-mix(in srgb, var(--nh-ink) 32%, transparent); box-shadow: none; animation: none; }
@keyframes n-hora-pulso { 0%, 100% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--nh-ok) 16%, transparent); } 50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--nh-ok) 5%, transparent); } }
.n-hora-txt { flex: 1; display: flex; flex-direction: column; font-size: 17px; line-height: 1.5; font-weight: 500; letter-spacing: -.01em; }
.n-hora-t { font-weight: 500; font-variant-numeric: tabular-nums; }
.n-hora.is-live .n-hora-t::after { content: " · "; color: color-mix(in srgb, var(--nh-ink) 60%, transparent); }
.n-hora-b { align-self: flex-start; color: color-mix(in srgb, var(--nh-ink) 70%, transparent); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .6s var(--nh-ease), color .4s; }
.n-hora:hover .n-hora-b { background-size: 100% 1px; color: var(--nh-ink); }
.n-hora > svg { flex: none; width: 40px; height: 40px; padding: 12px; border-radius: 50%; background: var(--nh-btn); transition: transform .45s var(--nh-ease), background .4s, color .4s; }
.n-hora:hover > svg { background: var(--nh-ink); color: var(--nh-btn); transform: translate(2px, -2px); }
@media (max-width: 900px) {
	.n-hora { align-items: flex-start; }
	.n-hora-dot { margin-top: .5em; }
}
@media (prefers-reduced-motion: reduce) { .n-hora-dot { animation: none; } }

/* Dirección y horario encima del reloj (1.24.0): con el mismo filete, rótulos de fila y texto de la escala. */
.n-hora-datos {
	--nh-ink: var(--color-ink, #070035);
	display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 24px; margin: 0; padding: 20px 0; border-top: 1px solid color-mix(in srgb, var(--nh-ink) 16%, transparent); color: var(--nh-ink); font-family: inherit; font-size: var(--font-body, 17px); line-height: 1.5; font-weight: 450;
}
.n-hora-datos > div { display: contents; }
.n-hora-datos dt { margin: 0; color: color-mix(in srgb, var(--nh-ink) 70%, transparent); font-size: var(--font-kicker, 14px); line-height: calc(var(--font-body, 17px) * 1.5); font-weight: 500; }
.n-hora-datos dd { margin: 0; }
.n-hora-datos a { color: inherit; font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.n-hora-datos a:hover { text-decoration: none; }