# Abre la valvula

Una guia breve e ilustrada de John Klymshyn sobre la creatividad como una fuerza que se puede abrir a voluntad, con ilustraciones de Isaac Naor. Edicion en español adaptada por Federico Ramallo.

<section class="hero" id="top">
  <div class="container hero-grid">
    <div class="hero-text">
      <p class="hero-eyebrow"></p>
      <h1>Abre la <em>Valvula</em></h1>
      <p class="hero-sub"></p>
      <div class="hero-ctas">
        <a class="btn btn-primary" href="#order"></a>
        <a class="btn btn-secondary" href="#origin"></a>
      </div>
      <p class="hero-note"></p>
    </div>
    <div class="hero-art">
      <img class="hero-cover" src="" alt="Abre la valvula, edicion en español" loading="eager">
    </div>
  </div>
</section>

<section id="origin">
  <div class="container">
    <div class="origin-prose">
      <h2></h2>
      <p></p>
      <p></p>
      
      <p class="yt-caption"></p>
    </div>
  </div>
</section>

<section id="authors">
  <div class="container">
    <h2></h2>
    <div class="authors-grid">
      <article class="author-card">
        <img class="author-photo" src="" alt="John Klymshyn" loading="lazy">
        <h3></h3>
        <p></p>
        <div class="author-links">
          <a href="" target="_blank" rel="noopener"></a>
        </div>
      </article>
      <article class="author-card">
        <img class="author-photo" src="" alt="Isaac Naor" loading="lazy">
        <h3></h3>
        <p></p>
        <div class="author-links">
          <a href="" target="_blank" rel="noopener"></a>
        </div>
      </article>
      <article class="author-card">
        <img class="author-photo" src="" alt="Federico Ramallo" loading="lazy">
        <h3></h3>
        <p></p>
        <div class="author-links">
          <a href="" target="_blank" rel="noopener"></a>
        </div>
      </article>
    </div>
  </div>
</section>

<section id="order" class="notify">
  <div class="container">
    <h2></h2>
    <p class="notify-lead"></p>

    <form class="notify-form" action="https://formspree.io/f/" method="POST">
      <input type="hidden" name="_subject" value="ES waitlist signup">
      <input type="hidden" name="_next" value="">
      <input type="hidden" name="lang" value="es">
      <input type="hidden" name="source" value="es-waitlist">
      <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" aria-hidden="true">
      <label for="notify-email" class="visually-hidden"></label>
      <input id="notify-email" type="email" name="email" placeholder="" required>
      <button type="submit"></button>
    </form>

    <p class="notify-en"> <a href=""></a></p>
    <p class="order-preview"> <a href="#origin"></a></p>
  </div>
</section>

<section id="also">
  <div class="container">
    <h2></h2>
    <div class="also-grid">
      <div>
        <h3></h3>
        <ul class="book-list">
          
          <li>
            <a href="" target="_blank" rel="noopener"></a><span></span>
            <div class="book-sub"></div>
          </li>
          
        </ul>
      </div>
      <div>
        <h3></h3>
        <ul class="book-list">
          
          <li>
            <a href="" target="_blank" rel="noopener"></a><span></span>
            <div class="book-sub"></div>
          </li>
          
        </ul>
      </div>
    </div>
  </div>
</section>