<style>
  .speakers-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
    padding: 40px 0;
  }

  .speaker-card {
    max-width: 340px;
    width: 100%;
    font-family: Arial, sans-serif;
    text-align: left;
  }

  .speaker-img {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 16px;
  }

  .speaker-location {
    background-color: #0047FF;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 6px;
  }

  .speaker-name {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 4px;
  }

  .speaker-role {
    font-size: 14px;
    margin: 0 0 12px;
    color: #666;
  }

  .speaker-bio {
    font-size: 15px;
    line-height: 1.6;
    color: #222;
  }

  @media screen and (max-width: 768px) {
    .speakers-wrapper {
      flex-direction: column;
      align-items: center;
    }

    .speaker-card {
      text-align: center;
    }

    .speaker-bio {
      text-align: center;
    }
  }
</style>

<div class="speakers-wrapper">
  <!-- Charles -->
  <div class="speaker-card">
    <img src="URL_IMG_CHARLES" alt="Charles Hayes" class="speaker-img">
    <div class="speaker-location">DESDE SINGAPUR</div>
    <h3 class="speaker-name">CHARLES HAYES</h3>
    <p class="speaker-role">Former Partner en <a href="https://www.ideo.com/" target="_blank">IDEO Asia</a></p>
    <p class="speaker-bio">
      Tras 30 años liderando diseño e innovación global, hoy Charles explora cómo tecnologías emergentes como IA y blockchain pueden impulsar el crecimiento, especialmente en el sur global, combinando consultoría, inversión y pensamiento estratégico con enfoque creativo.
    </p>
    <p class="speaker-bio">
      Charles ha sido speaker en diversos Inspiration Shots de <strong>Colectivo23</strong>, en eventos presenciales en Ciudad de México y, hoy, Content Board de <strong>un nuevo programa especializado</strong>.
    </p>
  </div>

  <!-- Priscilla -->
  <div class="speaker-card">
    <img src="URL_IMG_PRISCILLA" alt="Priscilla Williams" class="speaker-img">
    <div class="speaker-location">DESDE SÃO PAULO</div>
    <h3 class="speaker-name">PRISCILLA WILLIAMS</h3>
    <p class="speaker-role">Senior Design Manager en <a href="https://nubank.com.br/" target="_blank">Nubank</a></p>
    <p class="speaker-bio">
      Priscilla lidera equipos de diseño con enfoque estratégico en una de las fintech más influyentes de América Latina. Su trabajo conecta diseño centrado en el usuario con resultados reales para el negocio.
    </p>
    <p class="speaker-bio">
      Hoy es parte del Content Board de <strong>nuestro nuevo programa especializado</strong> y compartirá su experiencia en este evento.
    </p>
  </div>

  <!-- Carla -->
  <div class="speaker-card">
    <img src="URL_IMG_CARLA" alt="Carla Duarte" class="speaker-img">
    <div class="speaker-location">DESDE LIMA</div>
    <h3 class="speaker-name">CARLA DUARTE</h3>
    <p class="speaker-role">Head de Ventas Digitales en <a href="https://www.viabcp.com/" target="_blank">BCP</a></p>
    <p class="speaker-bio">
      Carla conecta diseño, data y negocio para lograr resultados concretos en canales digitales. Su visión ha ayudado a escalar soluciones centradas en las personas con impacto real en ventas.
    </p>
    <p class="speaker-bio">
      Como Content Board del nuevo programa, compartirá cómo integrar diseño y negocio desde la banca digital.
    </p>
  </div>
</div>
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/