// Logo recreation: tree-shaped-as-brain with roots, echoing the brand mark.
// Uses stacked, overlapping leaf curves to evoke the hand-drawn brain/foliage silhouette.
function SemillasMark({ size = 52 }) {
  return (
    <svg viewBox="0 0 120 120" width={size} height={size} aria-hidden="true">
      <defs>
        <linearGradient id="leafG" x1="0" y1="0" x2="1" y2="1">
          <stop offset="0%"  stopColor="#7A8A4A"/>
          <stop offset="55%" stopColor="#607250"/>
          <stop offset="100%" stopColor="#C17048"/>
        </linearGradient>
      </defs>
      {/* trunk */}
      <path d="M60 104 C 60 90, 60 78, 60 64"
            fill="none" stroke="#5C4A35" strokeWidth="3" strokeLinecap="round"/>
      {/* roots */}
      <path d="M60 104 C 50 106, 40 108, 28 110" fill="none" stroke="#5C4A35" strokeWidth="2" strokeLinecap="round"/>
      <path d="M60 104 C 70 106, 80 108, 92 110" fill="none" stroke="#5C4A35" strokeWidth="2" strokeLinecap="round"/>
      <path d="M60 104 C 55 108, 50 112, 44 114" fill="none" stroke="#5C4A35" strokeWidth="1.5" strokeLinecap="round"/>
      <path d="M60 104 C 65 108, 70 112, 76 114" fill="none" stroke="#5C4A35" strokeWidth="1.5" strokeLinecap="round"/>
      {/* foliage - brain lobes */}
      <g fill="url(#leafG)" opacity="0.92">
        <ellipse cx="42" cy="48" rx="18" ry="20" transform="rotate(-20 42 48)"/>
        <ellipse cx="78" cy="48" rx="18" ry="20" transform="rotate(20 78 48)"/>
        <ellipse cx="60" cy="32" rx="16" ry="18"/>
        <ellipse cx="36" cy="62" rx="14" ry="14"/>
        <ellipse cx="84" cy="62" rx="14" ry="14"/>
      </g>
      {/* leaf veins */}
      <g stroke="#4A5A3A" strokeWidth="1" fill="none" opacity="0.6" strokeLinecap="round">
        <path d="M42 38 Q 42 48 42 58"/>
        <path d="M78 38 Q 78 48 78 58"/>
        <path d="M60 22 Q 60 32 60 44"/>
        <path d="M48 46 Q 52 48 56 46"/>
        <path d="M72 46 Q 68 48 64 46"/>
      </g>
    </svg>
  );
}

function LogoFull({ size = 52, showTag = true, dark = false }) {
  return (
    <img src="uploads/semillas-removebg-preview.png" alt="Semillas" style={{
      height: size * 2.4, width: dark ? size * 4 : size * 5.5,
      filter: dark ? 'brightness(1.8)' : 'none',
    }}/>
  );
}

Object.assign(window, { SemillasMark, LogoFull });