/**
 * La marca de AgendaMax, en un solo lugar.
 *
 * Es el mismo dibujo que `public/favicon.svg` y que los iconos de la PWA: cuadrado
 * redondeado en el azul primario `#3b66ff`, tres renglones de agenda en blanco y el
 * punto naranja `#f17616` sobre el último. Se replica aquí como SVG en línea para
 * que herede el tamaño del texto y no dependa de una petición de red.
 *
 * Los colores están fijos a propósito: si cambian, tienen que cambiar también en
 * `public/favicon.svg` y en los iconos generados por `npm run generate:pwa-icons`,
 * o la pestaña del navegador deja de coincidir con la página.
 */
export function BrandMark({ className = "h-8 w-8" }: { className?: string }) {
  return (
    <svg viewBox="0 0 32 32" className={className} role="img" aria-label="AgendaMax">
      <rect width="32" height="32" rx="7" fill="#3b66ff" />
      <path d="M9 11h14M9 16h14M9 21h9" stroke="#fff" strokeWidth="2.4" strokeLinecap="round" />
      <circle cx="23" cy="21" r="3" fill="#f17616" />
    </svg>
  );
}