// Logo "Simulador Docente" — libro abierto + check, hecho ad-hoc.
// Devuelve un componente React; sólo formas geométricas simples (rect/path).
window.Logo = function Logo({ size = 28, color = 'currentColor', accent = null, withWordmark = true, dark = false }) {
  const ac = accent || color;
  const wm = dark ? '#fff' : '#0B2545';
  return (
    <span style={{ display: 'inline-flex', alignItems: 'center', gap: 10, lineHeight: 1 }}>
      <svg width={size} height={size} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        {/* libro abierto (dos páginas) */}
        <path d="M3 7 H14 a2 2 0 0 1 2 2 V27 a2 2 0 0 0 -2 -2 H3 Z" fill={color} />
        <path d="M29 7 H18 a2 2 0 0 0 -2 2 V27 a2 2 0 0 1 2 -2 H29 Z" fill={color} opacity="0.78" />
        {/* check sobre el lomo */}
        <circle cx="16" cy="9" r="5.2" fill={ac} />
        <path d="M13.4 9.1 L15.3 11 L18.7 7.3" stroke="#fff" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" fill="none" />
      </svg>
      {withWordmark ? (
        <span style={{ fontFamily: '"Fraunces", serif', fontWeight: 700, fontSize: size * 0.66, color: wm, letterSpacing: '-0.01em' }}>
          Simulador<span style={{ color: ac, fontWeight: 700 }}> Docente</span>
        </span>
      ) : null}
    </span>
  );
};