// Milfers · Alfàbega sister-restaurant band — embedded brand card
function AlfabegaCard() {
  return (
    <section className="mf-sister" id="alfabega" data-screen-label="Asador Alfàbega (hermano)">
      <div className="mf-sister-inner">
        <div className="mf-sister-head reveal">
          <span className="ed-sec-title"><span className="n">·</span> {window.t('alfabega.family')}</span>
          <span className="kick">{window.t('alfabega.kick')}</span>
        </div>

        <article className="alfcard reveal delay-1">
          <div className="alfcard__media">
            <img src="assets/alfabega/arroz-lena.jpg" alt="Arroz a leña de Asador Alfàbega" />
          </div>

          <div className="alfcard__body">
            <p className="alfcard__eyebrow">{window.t('alfabega.eyebrow')}</p>

            <img className="alfcard__logo" src="assets/alfabega/logo-alfabega.svg" alt="Asador Alfàbega" />

            <h3 className="alfcard__lead" dangerouslySetInnerHTML={{__html: window.t('alfabega.lead')}} />

            <p className="alfcard__desc">{window.t('alfabega.desc')}</p>

            <ul className="alfcard__feats">
              <li>
                <span className="ic"><img src="assets/alfabega/ic-brasa.svg" alt="" /></span>
                <span className="ft" dangerouslySetInnerHTML={{__html: window.t('alfabega.f1')}} />
              </li>
              <li>
                <span className="ic"><img src="assets/alfabega/ic-horno.svg" alt="" /></span>
                <span className="ft" dangerouslySetInnerHTML={{__html: window.t('alfabega.f2')}} />
              </li>
              <li>
                <span className="ic"><img src="assets/alfabega/ic-carnes.svg" alt="" /></span>
                <span className="ft" dangerouslySetInnerHTML={{__html: window.t('alfabega.f3')}} />
              </li>
            </ul>

            <div className="alfcard__actions">
              <a className="alfcard__btn alfcard__btn--primary" href="https://widget.thefork.com/b8d2674b-0fba-4ebf-8667-dafeba50864a" target="_blank" rel="noopener">
                {window.t('alfabega.reserve')} <span className="arw">→</span>
              </a>
              <a className="alfcard__btn alfcard__btn--ghost" href="https://asadoralfabega.com" target="_blank" rel="noopener">
                {window.t('alfabega.menu')}
              </a>
              <a className="alfcard__btn alfcard__btn--ghost" href="https://maps.app.goo.gl/SXus6FesPy1NhQNU8" target="_blank" rel="noopener">
                {window.t('alfabega.howToGet')} →
              </a>
            </div>

            <div className="alfcard__meta">
              <span><b>Alginet</b> · València</span>
              <span className="dot"></span>
              <span>C/ del Censal, 21</span>
              <span className="dot"></span>
              <span><b>asadoralfabega.com</b></span>
            </div>
          </div>
        </article>
      </div>
    </section>
  );
}