/* ---- Leyendo ahora (en-proceso.js) ------------------------------------------------- */
.en-proceso { background: var(--cobalto-suave); border-bottom: 1px solid #dfe5ff; color: var(--tinta); }
.en-proceso-interior { max-width: var(--ancho); margin: 0 auto; padding: 10px 16px; display: flex; gap: 12px; align-items: flex-start; font-size: 0.92rem; }
.en-proceso ul { list-style: none; margin: 2px 0 0; padding: 0; }
.girando {
  flex: none; width: 16px; height: 16px; margin-top: 3px; border-radius: 50%;
  border: 2.5px solid rgba(43, 75, 255, 0.25); border-top-color: var(--cobalto);
  animation: girar 0.9s linear infinite;
}
@keyframes girar { to { transform: rotate(360deg); } }
a.toast { display: block; color: #fff; text-decoration: none; }
a.toast:hover { color: #fff; text-decoration: underline; }