// Información solicitada al oferente. NO son requisitos técnicos confirmados,
// solo elementos que se piden incluir en la propuesta.
const Requirements = ({ t }) => (
  <section id="info-requested" className="section">
    <div className="container">
      <div className="section-head">
        <div className="eyebrow">{t.info_eyebrow}</div>
        <h2>{t.info_title}</h2>
        <p className="section-lede">{t.info_lede}</p>
      </div>

      <ul className="info-grid">
        {t.info_items.map((item, i) => (
          <li key={item} className="info-item">
            <span className="info-num">{String(i + 1).padStart(2, '0')}</span>
            <span className="info-text">{item}</span>
          </li>
        ))}
      </ul>
    </div>
  </section>
);

window.Requirements = Requirements;