// Feijoo Energy logo — usa los paths exactos del archivo Recurso 4.svg, embebidos
// inline para poder controlar el color por modo. Visualmente idéntico al SVG.
// Modos: 'default' | 'dark' | 'mono-dark' | 'mono-light' | 'inverse'

function FeijooLogo({ mode = 'default', width = 200, style }) {
  const palettes = {
    'default':       { cls1: '#848484', cls2: '#00b31b' },
    'dark':          { cls1: '#ffffff', cls2: '#00b31b' },
    'mono-dark':     { cls1: '#111111', cls2: '#111111' },
    'mono-light':    { cls1: '#ffffff', cls2: '#ffffff' },
    'inverse':       { cls1: '#111111', cls2: '#00b31b' },
    'green-on-dark': { cls1: '#ffffff', cls2: '#7be38a' },
  };
  const p = palettes[mode] || palettes['default'];
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1012.46 155.73" width={width} style={{ display: 'block', ...style }} aria-label="Feijoo Energy">
      <g>
        <path fill={p.cls1} d="M445.43,97.53H397.61a17.68,17.68,0,0,0,5.56,12.22,17.47,17.47,0,0,0,12.27,4.61q10.46,0,14.77-8.87h14a28.56,28.56,0,0,1-10.28,14.34q-7.44,5.6-18.46,5.59a31.56,31.56,0,0,1-16.07-4.09,28.94,28.94,0,0,1-11.14-11.52,35.68,35.68,0,0,1-4-17.23,36.46,36.46,0,0,1,3.92-17.23,27.87,27.87,0,0,1,11-11.46,32.41,32.41,0,0,1,16.3-4,31.53,31.53,0,0,1,15.79,3.91,27.42,27.42,0,0,1,10.79,11,33.46,33.46,0,0,1,3.87,16.3A40.72,40.72,0,0,1,445.43,97.53Zm-13.06-10.6a15,15,0,0,0-5.11-11.63,18.13,18.13,0,0,0-12.38-4.39,16.52,16.52,0,0,0-11.48,4.33,18.18,18.18,0,0,0-5.68,11.69Z"/>
        <path fill={p.cls1} d="M503.43,63a22,22,0,0,1,9.14,9.23,30.6,30.6,0,0,1,3.3,14.74v37.45H503V88.89q0-8.52-4.2-13.08t-11.48-4.55q-7.26,0-11.53,4.55t-4.26,13.08v35.49H458.61V60.89h12.95v7.26A21.51,21.51,0,0,1,479.68,62a25.67,25.67,0,0,1,10.51-2.18A27.82,27.82,0,0,1,503.43,63Z"/>
        <path fill={p.cls1} d="M589.25,97.53H541.43A17.68,17.68,0,0,0,547,109.75a17.45,17.45,0,0,0,12.27,4.61q10.46,0,14.77-8.87h14a28.56,28.56,0,0,1-10.28,14.34q-7.44,5.6-18.46,5.59a31.56,31.56,0,0,1-16.07-4.09,28.87,28.87,0,0,1-11.14-11.52,35.68,35.68,0,0,1-4-17.23,36.46,36.46,0,0,1,3.92-17.23,27.81,27.81,0,0,1,11-11.46,32.41,32.41,0,0,1,16.3-4,31.53,31.53,0,0,1,15.79,3.91,27.42,27.42,0,0,1,10.79,11,33.46,33.46,0,0,1,3.87,16.3A40.72,40.72,0,0,1,589.25,97.53Zm-13.06-10.6a15,15,0,0,0-5.11-11.63,18.13,18.13,0,0,0-12.38-4.39,16.52,16.52,0,0,0-11.48,4.33,18.18,18.18,0,0,0-5.68,11.69Z"/>
        <path fill={p.cls1} d="M622.93,62.56a22.15,22.15,0,0,1,11.19-2.7V73.45h-3.29q-7.62,0-11.53,3.92T615.38,91v33.41h-13V60.89h13v9.22A20.56,20.56,0,0,1,622.93,62.56Z"/>
        <path fill={p.cls1} d="M684.17,62.79a24.91,24.91,0,0,1,8.8,7.32V60.89H706v64.53A32.9,32.9,0,0,1,702.4,141a26.57,26.57,0,0,1-10.51,10.77,32.62,32.62,0,0,1-16.41,3.92q-12.74,0-21.13-6a22.4,22.4,0,0,1-9.55-16.42h12.84a14.1,14.1,0,0,0,6.3,8,21.18,21.18,0,0,0,11.54,3q7.85,0,12.66-4.78t4.83-13.88v-10.6a25.79,25.79,0,0,1-8.86,7.49,25.4,25.4,0,0,1-12.49,3,28,28,0,0,1-14.94-4.15,29.42,29.42,0,0,1-10.74-11.58,35.93,35.93,0,0,1-4-17.11,35.21,35.21,0,0,1,4-16.93,28.83,28.83,0,0,1,10.74-11.4,28.66,28.66,0,0,1,15-4A25.13,25.13,0,0,1,684.17,62.79Zm6,16.36a17,17,0,0,0-6.47-6.74,17.31,17.31,0,0,0-8.74-2.31,17.62,17.62,0,0,0-8.74,2.25,16.83,16.83,0,0,0-6.47,6.62A21.27,21.27,0,0,0,657.27,89a22.45,22.45,0,0,0,2.5,10.83,17.13,17.13,0,0,0,6.53,7,17,17,0,0,0,8.69,2.36,17.27,17.27,0,0,0,8.74-2.3,17,17,0,0,0,6.47-6.75A21.34,21.34,0,0,0,692.6,89.7,21.43,21.43,0,0,0,690.13,79.15Z"/>
        <path fill={p.cls1} d="M778.61,60.89,739.7,154.78H726.29l12.85-30.74L714.16,60.89h14.49l18,48.74,18.43-48.74Z"/>
        <path fill={p.cls1} d="M826.31,71.61H814.78v52.77h-13.07V71.61h-7.38V60.89h7.38V56.4q0-10.95,5.74-16t18-5V46.37c-3.94,0-6.7.75-8.3,2.25s-2.39,4.09-2.39,7.78v4.49h11.55Z"/>
        <path fill={p.cls1} d="M250.61,124.38V44.94h26.55q14.7,0,26.78,5.13a39.6,39.6,0,0,1,18.65,15.42q6.57,10.31,6.58,25.65,0,17.61-9.45,28.42-9.43,10.83-26.71,10.82Zm12.95-11h13.6q14.07,0,21.61-7.6t7.55-21.61q0-13.95-7.55-21.58t-21.61-7.65h-13.6Z"/>
        <path fill={p.cls2} d="M879.29,8.55Q891.59-.53,913.23,0l-3.72,22.33c-6.23-.13-10.82.95-13.81,3.22s-5,6.36-6,12.29L889,42.22h18.1L903.35,64H885.26L870.71,147h-26.3L859,64H847l3.74-21.76h11.93l.93-5.3Q867,17.63,879.29,8.55Z"/>
        <path fill={p.cls2} d="M1000.9,51.59q11.55,11.07,11.56,29.79a56.34,56.34,0,0,1-.93,10.79,94.83,94.83,0,0,1-2.43,9.83H933.56a30.24,30.24,0,0,0-.18,3.79q0,9.84,5.69,15.42t15,5.58a25.32,25.32,0,0,0,13.52-3.5,28.05,28.05,0,0,0,9.24-9.18H1005A59.29,59.29,0,0,1,983.65,139a57.24,57.24,0,0,1-32.74,9.74q-19.77,0-31.71-11.35t-11.93-30.84a67.16,67.16,0,0,1,1.12-11.91,69,69,0,0,1,11.47-28.57A59.32,59.32,0,0,1,941.4,47.14a60.67,60.67,0,0,1,28.16-6.62Q989.33,40.52,1000.9,51.59ZM986,81.57q0-9.07-5.78-14.19t-15.1-5.1a27.44,27.44,0,0,0-17.72,6.33q-7.85,6.35-11,17.32H985.6A40.18,40.18,0,0,0,986,81.57Z"/>
      </g>
    </svg>
  );
}

function FeijooSymbol({ width = 48, color = '#00b31b', style }) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="780 0 240 155" width={width} style={{ display: 'block', ...style }} aria-label="fE">
      <path fill={color} d="M879.29,8.55Q891.59-.53,913.23,0l-3.72,22.33c-6.23-.13-10.82.95-13.81,3.22s-5,6.36-6,12.29L889,42.22h18.1L903.35,64H885.26L870.71,147h-26.3L859,64H847l3.74-21.76h11.93l.93-5.3Q867,17.63,879.29,8.55Z"/>
      <path fill={color} d="M1000.9,51.59q11.55,11.07,11.56,29.79a56.34,56.34,0,0,1-.93,10.79,94.83,94.83,0,0,1-2.43,9.83H933.56a30.24,30.24,0,0,0-.18,3.79q0,9.84,5.69,15.42t15,5.58a25.32,25.32,0,0,0,13.52-3.5,28.05,28.05,0,0,0,9.24-9.18H1005A59.29,59.29,0,0,1,983.65,139a57.24,57.24,0,0,1-32.74,9.74q-19.77,0-31.71-11.35t-11.93-30.84a67.16,67.16,0,0,1,1.12-11.91,69,69,0,0,1,11.47-28.57A59.32,59.32,0,0,1,941.4,47.14a60.67,60.67,0,0,1,28.16-6.62Q989.33,40.52,1000.9,51.59ZM986,81.57q0-9.07-5.78-14.19t-15.1-5.1a27.44,27.44,0,0,0-17.72,6.33q-7.85,6.35-11,17.32H985.6A40.18,40.18,0,0,0,986,81.57Z"/>
    </svg>
  );
}

window.FeijooLogo = FeijooLogo;
window.FeijooSymbol = FeijooSymbol;