/* =========================================================
   Página: ¿Por Qué Innovaria?
   - Manifest hero (palabras grandes con animación)
   - Manifesto / Por qué nacimos
   - vs Inmobiliaria tradicional (comparativa)
   - 5 promesas firmadas
   - Método: 8 pasos timeline
   - IA en acción (4 capacidades)
   - Números
   - Reconocimientos
   - CTA
   ========================================================= */

/* ---------- Hero manifiesto ---------- */
function PorQueHero() {
  return (
    <section className="pq-hero" aria-label="Hero manifesto">
      <div className="pq-hero__bg" />
      <div className="container">
        <div className="pq-hero__inner">
          <span className="pq-hero__eyebrow">Manifiesto Innovaria</span>
          <h1 className="pq-hero__title">
            No somos<br />
            <span className="pq-hero__strike">una franquicia más</span><br />
            de las que llaman<br />
            <em className="pq-hero__hl">"inmobiliaria".</em>
          </h1>
          <p className="pq-hero__sub">
            Nacimos para hacer las cosas de otra forma. Con transparencia firmada, IA puesta al servicio del vendedor y un único interlocutor que conoce tu calle.
          </p>
          <div className="pq-hero__stats">
            <div>
              <span className="pq-hero__stat-num">18+</span>
              <span className="pq-hero__stat-lbl">años marketing</span>
            </div>
            <div>
              <span className="pq-hero__stat-num">7+</span>
              <span className="pq-hero__stat-lbl">años sector</span>
            </div>
            <div>
              <span className="pq-hero__stat-num">5</span>
              <span className="pq-hero__stat-lbl">idiomas</span>
            </div>
            <div>
              <span className="pq-hero__stat-num">MLS</span>
              <span className="pq-hero__stat-lbl">exclusiva compartida</span>
            </div>
          </div>
        </div>
      </div>
    </section>);

}

/* ---------- Manifiesto editorial sobre fondo verde oscuro ---------- */
function PorQueManifesto() {
  const ideas = [
  {
    num: "01",
    title: "Lo que prometemos, lo firmamos.",
    text: "Cada servicio que hacemos por tu casa va por contrato. Si no lo cumplimos, la exclusiva no te obliga a ti. Sin letra pequeña."
  },
  {
    num: "02",
    title: "El precio anunciado es el precio final.",
    text: "Al comprador no se le añade comisión sobre el anuncio. Lo que ve es lo que paga. Tu vivienda gana atractivo, gana ofertas."
  },
  {
    num: "03",
    title: "Una exclusiva, toda la red MLS.",
    text: "Firmas con un único interlocutor pero tu casa entra en toda la red de agencias asociadas. Más visibilidad, menos ruido."
  }];

  return (
    <section className="qv-manifesto" aria-label="Manifiesto Innovaria">
      <div className="qv-manifesto__bg" aria-hidden="true" />
      <div className="container qv-manifesto__inner">
        <header className="qv-manifesto__head">
          <span className="qv-manifesto__eyebrow">Cómo trabajamos</span>
          <h2 className="qv-manifesto__title">
            Tres principios <em>irrompibles</em><br />que firmamos antes de empezar.
          </h2>
        </header>

        <ol className="qv-manifesto__list">
          {ideas.map((i) =>
          <li key={i.num} className="qv-manifesto__item">
              <span className="qv-manifesto__num" aria-hidden="true">{i.num}</span>
              <h3 className="qv-manifesto__item-title">{i.title}</h3>
              <p className="qv-manifesto__item-text">{i.text}</p>
            </li>
          )}
        </ol>

        <div className="qv-manifesto__seal">
          <Icon name="badge-check" size={20} />
          <span>Comprometido por contrato firmado entre las partes.</span>
        </div>
      </div>
    </section>);

}

/* ---------- Comparativa Innovaria vs tradicional ---------- */
function PorQueVs() {
  const rows = [
  {
    topic: "Honorarios y precio",
    trad: "Comisión sobre el comprador además de la del vendedor",
    innov: "El precio anunciado es el precio final, sin comisión añadida al comprador"
  },
  {
    topic: "Exclusiva",
    trad: "Exclusiva cerrada, una sola agencia",
    innov: "Exclusiva compartida con toda la red MLS, un único interlocutor para ti"
  },
  {
    topic: "Servicios",
    trad: "Promesas verbales sin garantía de cumplimiento",
    innov: "Todos los servicios por contrato. Si no cumplimos, no te obliga"
  },
  {
    topic: "Marketing",
    trad: "Anuncio en portales y poco más",
    innov: "Producción profesional: tour 360, dron, vídeo comercial y fotografía"
  },
  {
    topic: "Valoración",
    trad: "Sobrevalorada para captar la exclusiva",
    innov: "Precio realista con datos de mercado + IA de pricing + visita técnica"
  },
  {
    topic: "Idiomas",
    trad: "Castellano y poco más",
    innov: "Atención e información en cinco idiomas: ES · EN · DE · FR · RU"
  },
  {
    topic: "IA aplicada",
    trad: "Sin uso de inteligencia artificial",
    innov: "Imágenes, copys, segmentación, pricing y matching comprador-vivienda"
  },
  {
    topic: "Reporte de actividad",
    trad: "Llamada de cortesía cuando se acuerdan",
    innov: "Reporte periódico de visitas, ofertas y ajustes de estrategia"
  }];

  return (
    <section className="section pq-vs" aria-label="Comparativa" style={{ padding: "0px 0px 80px" }}>
      <div className="container">
        <div className="section-head">
          <span className="eyebrow eyebrow--center">Innovaria vs el resto</span>
          <h2>Compara y <span className="hl">decide</span></h2>
          <p>Punto por punto, cómo trabajamos comparado con una inmobiliaria tradicional.</p>
        </div>

        <div className="pq-vs__table">
          <div className="pq-vs__head">
            <span></span>
            <span className="pq-vs__col-trad">Inmobiliaria tradicional</span>
            <span className="pq-vs__col-innov">
              <img src="assets/innovaria-logo.png" alt="Innovaria" />
            </span>
          </div>
          {rows.map((r, i) =>
          <div key={i} className="pq-vs__row">
              <span className="pq-vs__topic">{r.topic}</span>
              <span className="pq-vs__trad">
                <Icon name="x" size={16} /> {r.trad}
              </span>
              <span className="pq-vs__innov">
                <Icon name="check" size={16} strokeWidth={3} /> {r.innov}
              </span>
            </div>
          )}
        </div>
      </div>
    </section>);

}

/* ---------- Método: timeline de 7 pasos (PDF oficial Innovaria) ---------- */
function PorQueMethod() {
  const steps = [
  {
    n: "01",
    icon: "bar-chart-3",
    title: "Análisis comparativo de mercado",
    text: "Evaluación minuciosa de la zona comparando ventas reales recientes. De ahí sale un precio de salida sólido y competitivo, no inflado para captar."
  },
  {
    n: "02",
    icon: "megaphone",
    title: "Plan de marketing exclusivo",
    text: "Dossier de comercialización propio para tu vivienda + estrategias tradicionales y digitales: fotografía, tour 360, dron, vídeo y campañas segmentadas."
  },
  {
    n: "03",
    icon: "user-check",
    title: "Trabajamos con los compradores",
    text: "Sistema de puntuación que califica la capacidad financiera del comprador. Presentamos la propiedad profesionalmente y abordamos objeciones con datos."
  },
  {
    n: "04",
    icon: "wallet",
    title: "Buscamos financiación",
    text: "Competimos con las ofertas bancarias buscando soluciones de financiamiento alternativas. La falta de financiación no frena tu venta."
  },
  {
    n: "05",
    icon: "handshake",
    title: "Cerramos la venta",
    text: "Te acompañamos en cada paso de la negociación final. Nuestra experiencia y destreza negociadora son tu mayor ventaja en la mesa."
  },
  {
    n: "06",
    icon: "clipboard-check",
    title: "Nos ocupamos de la gestión",
    text: "Desde la preparación de la propiedad hasta la documentación: contratos, certificados, notas simples y notaría. Sin papeleo encima tuyo."
  },
  {
    n: "07",
    icon: "shield-check",
    title: "Supervisamos la postventa",
    text: "Después de la firma seguimos contigo. Nos aseguramos de que la transición sea limpia: empadronamiento, suministros y cualquier incidencia."
  }];

  return (
    <section className="section pq-method" aria-label="Método Innovaria">
      <div className="container">
        <div className="section-head">
          <span className="eyebrow eyebrow--center">El camino hacia una venta exitosa</span>
          <h2>7 pasos. <span className="hl">Cero improvisación</span>.</h2>
          <p>Nuestro método oficial, escrito y firmado. De la primera llamada a la postventa, sabes exactamente qué pasa y cuándo.</p>
        </div>

        <ol className="pq-method__timeline">
          {steps.map((s) =>
          <li key={s.n} className="pq-method__step">
              <span className="pq-method__step-n" style={{ fontWeight: "800", letterSpacing: "1.3px" }}>{s.n}</span>
              <div className="pq-method__step-body">
                <span className="pq-method__step-icon"><Icon name={s.icon} size={20} /></span>
                <h3>{s.title}</h3>
                <p>{s.text}</p>
              </div>
            </li>
          )}
        </ol>
      </div>
    </section>);

}

/* ---------- IA en acción: 4 capacidades ---------- */
function PorQueAI() {
  const caps = [
  {
    icon: "image",
    title: "Tu casa en su mejor versión",
    text: "Staging virtual y retoque con IA para enseñar el potencial de cada estancia."
  },
  {
    icon: "languages",
    title: "Un anuncio para cada comprador",
    text: "Descripciones en 5 idiomas adaptadas a cada cultura, no solo traducidas."
  },
  {
    icon: "bar-chart-3",
    title: "Sabes qué pasa con tu casa",
    text: "Informes automáticos del estado de tu venta: visitas, interés real y avances."
  },
  {
    icon: "message-circle",
    title: "Atención que no duerme",
    text: "Respondemos a cada interesado en tu casa al instante, también de noche y en su idioma."
  }];

  return (
    <section className="section section--inverse pq-ai" aria-label="IA aplicada" style={{ padding: "0px" }}>
      <div className="container" style={{ padding: "40px 80px" }}>
        <div className="pq-ai__intro" style={{ margin: "0px 88px" }}>
          <div className="pq-ai__intro-text">
            <span className="eyebrow eyebrow--inverse">Pioneros · IA aplicada</span>
            <h2>La IA no <span className="hl" style={{ color: "var(--innov-green-300)" }}>sustituye</span> al agente</h2>
            <p>Lo hace más efectivo. Esto es lo que hace por tu vivienda mientras tú vives tu vida.</p>
          </div>
          <div className="pq-ai__intro-robot">
            <img src="assets/robot-ia-pointing.png" alt="Robot IA de Innovaria señalando las capacidades" style={{ width: "351px", height: "417px" }} />
          </div>
        </div>

        <div className="pq-ai__grid">
          {caps.map((c, i) =>
          <article key={i} className="pq-ai__card">
              <span className="pq-ai__icon"><Icon name={c.icon} size={24} /></span>
              <h3>{c.title}</h3>
              <p>{c.text}</p>
            </article>
          )}
        </div>
      </div>
    </section>);

}

/* ---------- Números clave ---------- */
function PorQueNumbers() {
  const stats = [
  { num: "18+", lbl: "años de experiencia en marketing aplicados al sector" },
  { num: "7+", lbl: "años especializados en Torrevieja y Orihuela Costa" },
  { num: "5", lbl: "idiomas de atención: ES · EN · DE · FR · RU" },
  { num: "100%", lbl: "de servicios firmados por contrato" }];

  return (
    <section className="section pq-numbers" aria-label="Números">
      <div className="container">
        <div className="pq-numbers__grid">
          {stats.map((s, i) =>
          <div key={i} className="pq-numbers__cell">
              <span className="pq-numbers__num">{s.num}</span>
              <span className="pq-numbers__lbl">{s.lbl}</span>
            </div>
          )}
        </div>
      </div>
    </section>);

}

/* ---------- Founder / equipo ---------- */
function PorQueFounder() {
  return (
    <section className="section pq-founder" aria-label="Fundador">
      <div className="container">
        <div className="pq-founder__inner">
          <div className="pq-founder__media">
            <span className="pq-founder__bgcircle" aria-hidden="true" />
            <img src="assets/ceo-isaac.webp" alt="Isaac Ruiz, fundador de Innovaria" />
          </div>
          <div className="pq-founder__content">
            <span className="eyebrow">Quién está detrás</span>
            <h2>Una inmobiliaria con alma de <span className="hl">marketing</span></h2>
            <p className="pq-founder__quote">
              "Llevo 18 años en marketing y 7 en el sector inmobiliario. Innovaria nace de ver cómo se podía hacer mucho mejor. Estrategia, datos y trato cercano. Sin atajos."
            </p>
            <div className="pq-founder__author">
              <strong>Isaac Ruiz</strong>
              <span>CEO · Fundador de Innovaria</span>
            </div>
            <div className="pq-founder__credentials">
              <div className="pq-founder__credential">
                <Icon name="graduation-cap" size={16} />
                Titulado por la Universidad de Alicante
              </div>
              <div className="pq-founder__credential">
                <Icon name="award" size={16} />
                Formación CRS (Certified Residential Specialist)
              </div>
              <div className="pq-founder__credential">
                <Icon name="badge-check" size={16} />
                Colegiado APIAL · RAICV 2926
              </div>
            </div>
            <div style={{ display: "flex", gap: 12, flexWrap: "wrap", marginTop: 24 }}>
              <Button variant="primary" iconRight="arrow-right" as="a" href="#contacto">¿Hablamos?</Button>
              <Button variant="ghost" icon="phone" as="a" href="tel:+34604494089">604 49 40 89</Button>
            </div>
          </div>
        </div>
      </div>
    </section>);

}

/* ---------- Reconocimientos ---------- */
function PorQueAwards() {
  const badges = [
  { img: "assets/badge-apial.png", label: "APIAL · Asociación Profesional de Expertos Inmobiliarios de Alicante" },
  { img: "assets/badge-raicv.png", label: "RAICV 2926 · Registro de Agentes Inmobiliarios CV" },
  { img: "assets/badge-ua.jpg", label: "Universidad de Alicante" },
  { img: "assets/badge-crs.png", label: "CRS · Certified Residential Specialist" },
  { img: "assets/badge-happy-customers.webp", label: "Clientes satisfechos" },
  { img: "assets/badge-google-rating.webp", label: "Valoración 4.9 sobre 5 en Google" }];

  return (
    <section className="section pq-awards section--cream" aria-label="Reconocimientos">
      <div className="container">
        <div className="section-head">
          <span className="eyebrow eyebrow--center">Reconocimientos y certificaciones</span>
          <h2>Avalados por <span className="hl">quien importa</span></h2>
          <p>No somos un nombre nuevo en una franquicia. Formación, colegios profesionales y la confianza de nuestros clientes.</p>
        </div>

        <div className="pq-awards__grid">
          {badges.map((b, i) =>
          <div key={i} className="pq-awards__card">
              <img src={b.img} alt={b.label} />
              <span className="pq-awards__label">{b.label}</span>
            </div>
          )}
        </div>
      </div>
    </section>);

}

/* ---------- CTA final ---------- */
function PorQueCTA() {
  return (
    <section className="section section--tight pq-cta" aria-label="CTA final">
      <div className="container">
        <div className="handhouse" style={{ width: "1700px", maxWidth: "100%", minHeight: "420px", margin: "0 auto" }}>
          <div className="handhouse__content" style={{ maxWidth: "920px" }}>
            <span className="handhouse__eyebrow">Da el primer paso</span>
            <h2>
              Pide tu estudio de mercado <span className="hl">gratuito</span>.
            </h2>
            <p>
              Respuesta en menos de 24 horas con un rango de precio realista y un plan claro para vender tu casa. Sin compromiso, sin presión y sin cobrarte nada.
            </p>
            <div className="handhouse__ctas">
              <Button variant="light" iconRight="arrow-right" as="a" href="valorar-mi-casa-gratis.html">
                Solicitar estudio gratuito
              </Button>
              <Button variant="ghost-light" icon="phone" as="a" href="tel:+34604494089">
                604 49 40 89
              </Button>
            </div>
          </div>
          <img className="handhouse__img" src="assets/hand-house.png" alt="Mano sosteniendo una casa" />
        </div>
      </div>
    </section>);

}

/* ---------- (Movido desde por-que-innovaria) Marca cercana + profesional ---------- */
function PqiBrand() {
  return (
    <section className="section pqi-brand" aria-label="Cercanía y profesionalidad" style={{ padding: "40px 0px 80px" }}>
      <div className="container">
        <div className="pqi-brand__layout" style={{ textAlign: "left" }}>
          <div className="pqi-brand__content">
            <span className="eyebrow">Cercanía y profesionalidad</span>
            <h2>Pioneros sí, pero <span className="hl">de carne y hueso</span>.</h2>
            <p>Detrás de cada algoritmo hay un equipo que vive en tu calle. Que conoce tu plaza, tu colegio, tu farmacia. Esto no es un call center, es tu vecino con 18 años de experiencia.</p>

            <div className="pqi-brand__pillars">
              <div className="pqi-brand__pillar">
                <Icon name="map-pin" size={18} />
                <div>
                  <strong>Local hasta la raíz</strong>
                  <span>Vivimos en Torrevieja y Orihuela Costa. Conocemos cada urbanización.</span>
                </div>
              </div>
              <div className="pqi-brand__pillar">
                <Icon name="handshake" size={18} />
                <div>
                  <strong>Trato uno a uno</strong>
                  <span>Un único interlocutor. Sin pasar de un agente a otro. Te conocemos por tu nombre.</span>
                </div>
              </div>
              <div className="pqi-brand__pillar">
                <Icon name="award" size={18} />
                <div>
                  <strong>Profesionalidad acreditada</strong>
                  <span>Colegiados APIAL · RAICV 2926 · Formación CRS · Titulados Universidad de Alicante.</span>
                </div>
              </div>
            </div>
          </div>

          <div className="pqi-brand__visual" style={{ height: "305px", width: "471px" }}>
            <div className="pqi-brand__quote" style={{ padding: "36px 32px", width: "460px", height: "297px" }}>
              <Icon name="quote" size={28} />
              <p>Si te llaman para venderte algo y luego no saben tu nombre, ese no somos nosotros. Cada cliente importa por separado.</p>
              <footer>
                <strong>Isaac Ruiz</strong>
                <span>CEO · Fundador de Innovaria</span>
              </footer>
            </div>
          </div>
        </div>
      </div>
    </section>);

}

/* ---------- Quiero Vender · Hero manifiesto para vendedores ---------- */
function QuieroVenderHero() {
  return (
    <section className="pq-hero" aria-label="Quiero vender">
      <div className="pq-hero__bg" />
      <div className="container">
        <div className="pq-hero__inner">
          <span className="pq-hero__eyebrow">Quiero vender</span>
          <h1 className="pq-hero__title">
            Tu casa no se vende<br />
            <span className="pq-hero__strike">colgando un cartel</span><br />
            ni esperando<br />
            <em className="pq-hero__hl">a que suene el teléfono.</em>
          </h1>
          <p className="pq-hero__sub">
            Se vende con una estrategia clara, datos, presentación profesional y un único interlocutor que te acompañe hasta la firma. Eso es lo que hacemos por ti.
          </p>
          <div className="pq-hero__stats">
            <div>
              <span className="pq-hero__stat-num">24h</span>
              <span className="pq-hero__stat-lbl">respuesta a tu valoración</span>
            </div>
            <div>
              <span className="pq-hero__stat-num">0€</span>
              <span className="pq-hero__stat-lbl">coste para empezar</span>
            </div>
            <div>
              <span className="pq-hero__stat-num">5</span>
              <span className="pq-hero__stat-lbl">idiomas atendidos</span>
            </div>
            <div>
              <span className="pq-hero__stat-num">MLS</span>
              <span className="pq-hero__stat-lbl">exclusiva compartida</span>
            </div>
          </div>
        </div>
      </div>
    </section>);

}

/* ---------- Quiero Vender · Trato humano (agente local) ---------- */
function QvAgenteLocal() {
  const features = [
  { icon: "map-pin", title: "Conoce tu barrio", text: "Tu agente vive donde tú vives. Sabe qué se ha vendido en tu calle, a qué precio y por qué." },
  { icon: "user", title: "Un solo interlocutor", text: "No te pasamos de una persona a otra. Hablas siempre con quien te conoce y conoce tu vivienda." },
  { icon: "calendar-check", title: "De principio a fin", text: "Desde la primera visita hasta la firma del notario. Aquí estamos, contigo, todo el proceso." },
  { icon: "languages", title: "En tu idioma", text: "Español, inglés, alemán, francés y ruso. Tu agente te entiende, te explica y te tranquiliza." }];

  return (
    <section className="section qv-human" aria-label="Trato humano · Agente local">
      <div className="container">
        <div className="qv-human__layout">
          <div className="qv-human__media">
            <div className="qv-human__photo-wrap">
              <img className="qv-human__photo" src="assets/agente-isaac-llaves.jpg" alt="Isaac Ruiz entregando las llaves de una vivienda con vistas al mar en Torrevieja" />
            </div>
          </div>

          <div className="qv-human__content">
            <span className="qv-human__eyebrow">Trato humano · Agente local</span>
            <h2 className="qv-human__title">
              Detrás de cada venta hay una persona.<br />
              <span className="qv-human__title-em">Y vive en tu calle.</span>
            </h2>
            <p className="qv-human__intro">
              No somos una centralita ni un algoritmo distante. Cada propiedad tiene asignado un agente especialista de tu zona que te acompaña desde la primera visita hasta el día de la firma. Te conoce, conoce tu casa y conoce a tus vecinos.
            </p>

            <div className="qv-human__features">
              {features.map((f, i) =>
              <article key={i} className="qv-human__feature">
                  <span className="qv-human__feature-icon"><Icon name={f.icon} size={20} /></span>
                  <h3>{f.title}</h3>
                  <p>{f.text}</p>
                </article>
              )}
            </div>

            <blockquote className="qv-human__quote">
              <Icon name="quote" size={24} />
              <p>"Vender una casa es algo más que cerrar una operación. Es un capítulo importante en tu vida, y nuestro trabajo es estar contigo en cada paso. Por teléfono, en la oficina o en tu salón."</p>
              <footer>
                <strong>Isaac Ruiz</strong>
                <span>CEO · Innovaria</span>
              </footer>
            </blockquote>
          </div>
        </div>
      </div>
    </section>);

}

/* ---------- Breather 1 · Statement editorial (post-hero) ---------- */
function QvIntroStatement() {
  return (
    <section className="qv-statement" aria-label="Por qué vender con Innovaria">
      <div className="container">
        <div className="qv-statement__inner">
          <span className="qv-statement__label">Vender con Innovaria</span>
          <h2 className="qv-statement__copy">
            <span className="qv-statement__lead">Tu casa no es un anuncio más. Es un capítulo que cierras para abrir otro.</span>
            <span className="qv-statement__rest"> Nuestro trabajo es asegurarnos de que ese capítulo se cierre bien.</span>
          </h2>
        </div>
      </div>
    </section>);

}

/* ---------- Breather 2 · Cifras editorial (entre secciones densas) ---------- */
function QvStats() {
  const stats = [
  { num: "24h", lbl: "respuesta a tu valoración" },
  { num: "5", lbl: "idiomas atendidos" },
  { num: "100%", lbl: "servicios por contrato" },
  { num: "0€", lbl: "coste para empezar" }];

  const ref = useRef(null);
  const [visible, setVisible] = useState(false);
  useEffect(() => {
    const el = ref.current;
    if (!el || visible) return;
    const obs = new IntersectionObserver((entries) => {
      entries.forEach((e) => {
        if (e.isIntersecting) {
          setVisible(true);
          obs.disconnect();
        }
      });
    }, { threshold: 0.25 });
    obs.observe(el);
    return () => obs.disconnect();
  }, [visible]);

  return (
    <section ref={ref} className={"qv-stats qv-stats--dark" + (visible ? " is-in" : "")} aria-label="Datos clave">
      <div className="container">
        <div className="qv-stats__head">
          <span className="qv-stats__label">En cifras</span>
          <h2 className="qv-stats__title">Promesas, en datos.</h2>
        </div>
        <div className="qv-stats__grid">
          {stats.map((s, i) =>
          <div key={i} className="qv-stats__cell" style={{ transitionDelay: visible ? `${i * 120}ms` : "0ms" }}>
              <span className="qv-stats__num">{s.num}</span>
              <span className="qv-stats__lbl">{s.lbl}</span>
            </div>
          )}
        </div>
      </div>
    </section>);

}

/* ---------- Breather 3 · Pull quote (entre secciones) ---------- */
function QvPullQuote() {
  return (
    <section className="qv-pullquote" aria-label="Pull quote">
      <div className="container">
        <p className="qv-pullquote__text">
          "El mejor precio para tu casa<br />
          es el que <em>realmente</em> consigues."
        </p>
        <p className="qv-pullquote__source">Isaac Ruiz · CEO Innovaria</p>
      </div>
    </section>);

}

Object.assign(window, {
  PorQueHero, QuieroVenderHero, PorQueManifesto, PorQueVs, PorQueMethod, PorQueAI,
  PorQueNumbers, PorQueFounder, PorQueAwards, PorQueCTA, PqiBrand, QvAgenteLocal,
  QvIntroStatement, QvStats, QvPullQuote
});