/* =============================================================================
   casos.css — Elementos compartidos entre páginas de caso de éxito
   (public/portafolio/[slug]/). Cada caso mantiene su propio CSS (egr.css,
   graphenemex.css, toolbox.css) para layout y color propios; lo que es
   idéntico en los 3 y en cada caso nuevo vive aquí para no duplicarlo.
   ============================================================================= */

/* Fecha de última actualización, junto al <h1> del hero. Todos los heroes de
   caso de éxito hoy son fondo oscuro (var(--navy)) — si algún caso futuro usa
   un hero claro, sobreescribe el color en el CSS propio de ese caso. */
.caso-updated {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, .55);
}