// Vídeo institucional
const Institucional = () => {
  return (
    <section className="instv">
      <div className="instv-bg ph navy">
        <span>vídeo institucional — full bleed</span>
      </div>
      <div className="container instv-overlay">
        <div className="eyebrow eyebrow-light">Vídeo institucional</div>
        <h2>Conheça o Ábaco<br/>em <span>3 minutos</span>.</h2>
        <button className="instv-play" aria-label="reproduzir vídeo">
          <svg viewBox="0 0 24 24" width="36" height="36" fill="var(--abc-navy)">
            <path d="M8 5v14l11-7z" />
          </svg>
        </button>
        <p className="instv-cap">Dirigido pelos próprios alunos do Ensino Médio · 2026</p>
      </div>
    </section>
  );
};

window.Institucional = Institucional;