// Logo real de TecnoEducando — cubo isométrico azul/púrpura
function Logo({ size = 40, glow = true }) {
  return (
    <span
      style={{
        display: 'inline-block',
        width: size, height: size,
        position: 'relative',
        flex: `0 0 ${size}px`,
      }}
      aria-label="TecnoEducando"
    >
      {glow && (
        <span
          aria-hidden
          style={{
            position: 'absolute',
            inset: '-15%',
            background: 'radial-gradient(circle, rgba(79,140,255,0.45), rgba(168,85,247,0.2) 50%, transparent 70%)',
            filter: 'blur(8px)',
            zIndex: 0,
          }}
        />
      )}
      <img
        src="assets/logo.png"
        alt=""
        style={{
          position: 'relative',
          width: '100%', height: '100%',
          objectFit: 'contain',
          zIndex: 1,
          filter: glow ? 'drop-shadow(0 4px 12px rgba(79,140,255,0.35))' : 'none',
        }}
      />
    </span>
  );
}
window.Logo = Logo;