Introduce este HTML en el prompt para que ChatGPT lo edite según tus instrucciones.

<section class="seccion-testimoniales">
  <!-- Título principal de la sección -->
  <h2 class="titulo-testimoniales">LOS CLIENTES ADORAN SUBE</h2>

  <div class="contenedor-testimoniales">
    <!-- Tarjeta de testimonial 1 -->
    <div class="tarjeta-testimonial">
      <h3 class="nombre-empresa">Nitro</h3>
      <p class="texto-testimonial">
        <span class="comilla">“</span>
        Sube nos permitió rastrear eventos únicos y segmentar quiénes son los usuarios y qué hace cada uno. Google Analytics no lo permite.
        <span class="comilla">”</span>
      </p>
      <div class="persona-testimonial">
        <span class="nombre-persona">Alex Acker</span>, <span class="cargo-persona">Senior Manager, Marketing & Insights</span>
      </div>
    </div>

    <!-- Tarjeta de testimonial 2 -->
    <div class="tarjeta-testimonial">
      <h3 class="nombre-empresa">Pagerduty</h3>
      <p class="texto-testimonial">
        <span class="comilla">“</span>
        Vimos un aumento del 25% en el compromiso durante la prueba usando los reportes de cohortes de Sube. Nos mostró que los usuarios utilizaban antes el producto y usaban más funciones.
        <span class="comilla">”</span>
      </p>
      <div class="persona-testimonial">
        <span class="nombre-persona">David Shackelford</span>, <span class="cargo-persona">Project Manager</span>
      </div>
    </div>

    <!-- Tarjeta de testimonial 3 -->
    <div class="tarjeta-testimonial">
      <h3 class="nombre-empresa">Lucidchart</h3>
      <p class="texto-testimonial">
        <span class="comilla">“</span>
        Los insights de Sube impulsaron un aumento del 30% en nuestras conversiones. Podemos identificar y actuar ante obstáculos en nuestro ciclo de crecimiento.
        <span class="comilla">”</span>
      </p>
      <div class="persona-testimonial">
        <span class="nombre-persona">Spencer Mann</span>, <span class="cargo-persona">VP of Growth</span>
      </div>
    </div>
  </div>
</section>

<style>
/* ======== Sección general de testimoniales ======== */
.seccion-testimoniales {
  padding: 60px 20px;
  text-align: center;
}

/* ======== Título principal ======== */
.titulo-testimoniales {
  font-size: 2.5em;
  margin-bottom: 50px;
  font-weight: 700;
}

/* ======== Contenedor de todas las tarjetas ======== */
.contenedor-testimoniales {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}

/* ======== Tarjeta individual de testimonial ======== */
.tarjeta-testimonial {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  padding: 30px 25px;
  flex: 1 1 30%;
  max-width: 400px;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ======== Nombre de la empresa (gris suave) ======== */
.nombre-empresa {
  font-size: 1.1em;
  color: #999;
  margin-bottom: 20px;
  font-weight: 600;
}

/* ======== Texto del testimonial con comillas ======== */
.texto-testimonial {
  font-style: italic;
  margin-bottom: 25px;
  position: relative;
}

.comilla {
  font-size: 2em;
  color: #0073e6;
  vertical-align: middle;
}

/* ======== Nombre y cargo de la persona ======== */
.persona-testimonial {
  font-weight: bold;
  font-size: 1em;
}

.nombre-persona {
  display: inline;
}

.cargo-persona {
  font-weight: normal;
  color: #555;
  font-size: 0.95em;
}

/* ======== Responsividad ======== */
@media (max-width: 767px) {
  .contenedor-testimoniales {
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .tarjeta-testimonial:nth-child(3) {
    margin-left: auto;
    margin-right: auto;
  }
}
</style>

Copia y pega este prompt en un documento de Word u otro editor de texto. Introduce el HTML de este diseño en la parte que dice “Aquí está el HTML que quiero que edites“. Luego pega el prompt, incluyendo el HTML en ChatGPT y dale enter.

Prompt:

Edita este HTML para mi página hecha con Sube. Estos son los detalles que quiero cambiar:

---

🏷️ Título principal de la sección

• Título:
  (Ejemplo: LOS CLIENTES ADORAN SUBE)

---

💬 Testimonial 1

• Nombre de la empresa:
  (Ejemplo: Nitro)
• Reseña:
  (Ejemplo: Sube nos permitió rastrear eventos únicos y segmentar quiénes son los usuarios y qué hace cada uno. Google Analytics no lo permite.)
• Nombre de la persona:
  (Ejemplo: Alex Acker)
• Cargo de la persona:
  (Ejemplo: Senior Manager, Marketing & Insights)

---

💬 Testimonial 2

• Nombre de la empresa:
  (Ejemplo: Pagerduty)
• Reseña:
  (Ejemplo: Vimos un aumento del 25% en el compromiso durante la prueba usando los reportes de cohortes de Sube. Nos mostró que los usuarios utilizaban antes el producto y usaban más funciones.)
• Nombre de la persona:
  (Ejemplo: David Shackelford)
• Cargo de la persona:
  (Ejemplo: Project Manager)

---

💬 Testimonial 3

• Nombre de la empresa:
  (Ejemplo: Lucidchart)
• Reseña:
  (Ejemplo: Los insights de Sube impulsaron un aumento del 30% en nuestras conversiones. Podemos identificar y actuar ante obstáculos en nuestro ciclo de crecimiento.)
• Nombre de la persona:
  (Ejemplo: Spencer Mann)
• Cargo de la persona:
  (Ejemplo: VP of Growth)

---

🛠️ Aquí está el HTML que quiero que edites

(Pega aquí el código HTML original de este diseño)

---

✅ Notas adicionales (opcional)

• (Aquí puedes decir si quieres cambiar colores, tamaño de las tarjetas, agregar/quitar testimoniales, o cualquier detalle visual extra)