<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>William56 &#8211; Creativiti Site</title>
	<atom:link href="https://creeative.site/author/william56/feed/" rel="self" type="application/rss+xml" />
	<link>https://creeative.site</link>
	<description>My WordPress Blog</description>
	<lastBuildDate>Fri, 09 Jan 2026 20:19:58 +0000</lastBuildDate>
	<language>es-CO</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://creeative.site/wp-content/uploads/2025/12/cropped-design_and_creativity-1-32x32.webp</url>
	<title>William56 &#8211; Creativiti Site</title>
	<link>https://creeative.site</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Oferta 2</title>
		<link>https://creeative.site/oferta-2/</link>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Sun, 28 Dec 2025 20:22:49 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=84</guid>

					<description><![CDATA[Oferta Solo por Hoy – Kit Creativo &#x1f381; OFERTA EXCLUSIVA &#x23f0; SOLO POR HOY Kit Creativo para Vender Más con Estampados y Vinilos Diseños, ideas y recursos listos para producir, atraer clientes y aumentar tus ventas sin complicarte. ¿Qué incluye este Kit Creativo? &#x2714;&#xfe0f; Ideas de productos listos para vender &#x2714;&#xfe0f; Diseños creativos para estampados ... <a title="Oferta 2" class="read-more" href="https://creeative.site/oferta-2/" aria-label="Read more about Oferta 2">Leer más</a>]]></description>
										<content:encoded><![CDATA[
<div>
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Oferta Solo por Hoy – Kit Creativo</title>

<style>
:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --soft:#f1f5f9;

  --ink:#0f172a;
  --muted:#334155;

  --primary:#6366f1;
  --secondary:#06b6d4;
  --alert:#f97316;

  --radius:18px;
  --shadow:0 20px 45px rgba(15,23,42,.12);
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,#f8fafc,#eef2ff);
  color:var(--ink);
}

.wrap{
  max-width:1050px;
  margin:0 auto;
  padding:36px 18px 60px;
}

.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* BADGES */
.badge{
  display:inline-block;
  margin:26px 26px 10px;
  padding:10px 18px;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  background:linear-gradient(90deg,var(--primary),var(--secondary));
  color:#fff;
}

.badge-alert{
  display:inline-block;
  margin-left:26px;
  padding:8px 16px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  background:linear-gradient(90deg,var(--alert),#facc15);
  color:#431407;
}

/* HERO TITLE */
.hero-title{
  margin:18px 26px 28px;
  padding:36px 26px;
  border-radius:20px;
  text-align:center;
  background:linear-gradient(135deg,#e0e7ff,#cffafe);
}

.hero-title h1{
  margin:0;
  font-size:40px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.6px;
  color:#0f172a;
}

.hero-title p{
  margin-top:14px;
  font-size:18px;
  color:#1e293b;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

/* GRID */
.grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:26px;
  padding:0 26px 36px;
}

@media(max-width:900px){
  .grid{grid-template-columns:1fr}
  .hero-title h1{font-size:32px}
}

/* BOXES */
.box{
  background:var(--soft);
  border-radius:16px;
  padding:24px;
}

h2{
  margin:0 0 14px;
  font-size:24px;
  font-weight:900;
  color:var(--ink);
}

ul{
  margin:0;
  padding-left:20px;
}

li{
  margin:14px 0;
  font-size:17px;
  color:var(--muted);
}

/* IMAGE + ANIMATION */
.img-wrap{
  position:relative;
  animation:float 6s ease-in-out infinite;
}

.img-wrap::after{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:24px;
  background:linear-gradient(120deg,var(--primary),var(--secondary));
  opacity:.18;
  filter:blur(28px);
  z-index:-1;
}

.img{
  width:100%;
  display:block;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 14px 40px rgba(15,23,42,.15);
}

/* PRECIO */
.price{
  margin-top:20px;
  font-size:18px;
  font-weight:800;
  color:var(--ink);
}

.price .old{
  display:block;
  font-size:15px;
  color:#64748b;
  text-decoration:line-through;
}

.price .new{
  font-size:26px;
  font-weight:900;
  color:var(--alert);
}

.price .save{
  display:block;
  margin-top:4px;
  font-size:14px;
  color:#166534;
  font-weight:800;
}

/* TEXTOS */
.note{
  margin-top:12px;
  font-size:14px;
  color:#475569;
}

@keyframes float{
  0%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
  100%{transform:translateY(0)}
}
</style>
</head>

<body>
<div class="wrap">
  <div class="card">

    <div class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> OFERTA EXCLUSIVA</div>
    <div class="badge-alert"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f0.png" alt="⏰" class="wp-smiley" style="height: 1em; max-height: 1em;" /> SOLO POR HOY</div>

    <!-- TITULO -->
    <div class="hero-title">
      <h1>
        Kit Creativo para Vender Más<br>
        con Estampados y Vinilos
      </h1>
      <p>
        Diseños, ideas y recursos listos para producir,
        atraer clientes y aumentar tus ventas sin complicarte.
      </p>
    </div>

    <div class="grid">

      <div class="box">
        <h2>¿Qué incluye este Kit Creativo?</h2>
        <ul>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ideas de productos listos para vender</li>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Diseños creativos para estampados y vinilos</li>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Enfoque comercial para vender más</li>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ideal para emprendedores y negocios creativos</li>
        </ul>

        <div class="price">
          <span class="old">Precio normal: USD 19.99</span>
          <span class="new"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hoy solo: USD 11.99</span>
          <span class="save">Ahorras USD 8 por tiempo limitado</span>
        </div>

        <div class="note">
          Acceso inmediato. El material se envía a tu correo y queda disponible en Hotmart.
        </div>
      </div>

      <div class="box">
        <div class="img-wrap">
          <img decoding="async"
            class="img"
            src="https://creeative.site/wp-content/uploads/2025/12/kit-creativo-para-estampados-y-vinilos.webp"
            alt="Kit creativo para estampados y vinilos">
        </div>

        <div class="note">
          Perfecto para convertir tu creatividad en ingresos reales.
        </div>
      </div>

    </div>

  </div>
</div>
</body>
</html>

</div>



<div>
<!-- HOTMART - Sales Funnel Widget -->
<!--- sales funnel container --->
<div id="hotmart-sales-funnel"></div>

<!--- script load and setup --->
<script src="https://checkout.hotmart.com/lib/hotmart-checkout-elements.js"></script>
<script>
checkoutElements.init('salesFunnel').mount('#hotmart-sales-funnel')
</script>
<!-- HOTMART - Sales Funnel Widget -->
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>OFERTA</title>
		<link>https://creeative.site/oferta/</link>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Sun, 28 Dec 2025 19:53:12 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=75</guid>

					<description><![CDATA[Oferta Exclusiva – Pack Viral &#x1f680; OFERTA EXCLUSIVA SOLO AHORA Publica Reels que Atraen Clientes y Generan Ventas Ideas, guiones y CTAs listos para publicar y vender sin improvisar ni perder tiempo. &#x1f4a5; Descuento especial (solo en este paso) Aprovecha el precio reducido antes de continuar. Ahorra 50% US$ 9.99 US$ 4.99 &#x2705; Hoy ¿Qué ... <a title="OFERTA" class="read-more" href="https://creeative.site/oferta/" aria-label="Read more about OFERTA">Leer más</a>]]></description>
										<content:encoded><![CDATA[
<div>
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Oferta Exclusiva – Pack Viral</title>

<style>
:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --soft:#f1f5f9;

  --ink:#0f172a;
  --muted:#334155;

  --primary:#6366f1;
  --secondary:#06b6d4;

  --radius:18px;
  --shadow:0 20px 45px rgba(15,23,42,.12);
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,#f8fafc,#eef2ff);
  color:var(--ink);
}

.wrap{
  max-width:1050px;
  margin:0 auto;
  padding:36px 18px 60px;
}

.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* BADGE */
.badge{
  display:inline-block;
  margin:26px;
  padding:10px 18px;
  border-radius:999px;
  font-weight:800;
  font-size:13px;
  background:linear-gradient(90deg,var(--primary),var(--secondary));
  color:#fff;
}

/* HERO TITLE */
.hero-title{
  margin:0 26px 18px;
  padding:36px 26px;
  border-radius:20px;
  text-align:center;
  background:linear-gradient(135deg,#e0e7ff,#cffafe);
}

.hero-title h1{
  margin:0;
  font-size:42px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.6px;
  color:#0f172a;
}

.hero-title p{
  margin-top:14px;
  font-size:18px;
  color:#1e293b;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

/* PRICE STRIP (NEW) */
.price-strip{
  margin:0 26px 22px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(99,102,241,.22);
  background:linear-gradient(135deg, rgba(99,102,241,.08), rgba(6,182,212,.08));
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.price-left{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.price-title{
  font-weight:900;
  letter-spacing:-.2px;
  font-size:16px;
  color:#0f172a;
}
.price-sub{
  font-size:13.5px;
  color:#475569;
}
.price-right{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.old-price{
  font-size:15px;
  color:#64748b;
  text-decoration:line-through;
  font-weight:800;
}
.save-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  font-size:12.5px;
  color:#0f172a;
  background:#ffffff;
  border:1px solid rgba(6,182,212,.35);
}
.save-dot{
  width:10px;height:10px;border-radius:999px;
  background:linear-gradient(135deg,var(--secondary),var(--primary));
  box-shadow:0 0 0 4px rgba(6,182,212,.12);
}
.new-price{
  font-size:34px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.6px;
  color:#0f172a;
}
.new-price small{
  font-size:14px;
  font-weight:900;
  color:#334155;
  margin-left:6px;
}

/* GRID */
.grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:26px;
  padding:0 26px 36px;
}

@media(max-width:900px){
  .grid{grid-template-columns:1fr}
  .hero-title h1{font-size:32px}
  .new-price{font-size:32px}
}

/* BOXES */
.box{
  background:var(--soft);
  border-radius:16px;
  padding:24px;
}

h2{
  margin:0 0 14px;
  font-size:24px;
  font-weight:900;
  color:var(--ink);
}

ul{
  margin:0;
  padding-left:20px;
}

li{
  margin:14px 0;
  font-size:17px;
  color:var(--muted);
}

/* IMAGE + ANIMATION */
.img-wrap{
  position:relative;
  animation:float 6s ease-in-out infinite;
}

.img-wrap::after{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:24px;
  background:linear-gradient(120deg,var(--primary),var(--secondary));
  opacity:.18;
  filter:blur(28px);
  z-index:-1;
}

.img{
  width:100%;
  display:block;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 14px 40px rgba(15,23,42,.15);
}

/* TEXTOS */
.price{
  margin-top:18px;
  font-size:18px;
  font-weight:900;
  color:var(--primary);
}

.note{
  margin-top:12px;
  font-size:14px;
  color:#475569;
}

.mini-note{
  margin-top:10px;
  font-size:13px;
  color:#475569;
}

/* HIGHLIGHT LINE (NEW) */
.highlight{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid rgba(99,102,241,.22);
  font-size:14px;
  color:#334155;
  font-weight:800;
}

@keyframes float{
  0%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
  100%{transform:translateY(0)}
}
</style>
</head>

<body>
<div class="wrap">
  <div class="card">

    <div class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> OFERTA EXCLUSIVA SOLO AHORA</div>

    <!-- TITULO CENTRADO CON DEGRADADO -->
    <div class="hero-title">
      <h1>
        Publica Reels que Atraen Clientes<br>
        y Generan Ventas
      </h1>
      <p>
        Ideas, guiones y CTAs listos para publicar y vender
        sin improvisar ni perder tiempo.
      </p>
    </div>

    <!-- &#x2705; PRECIO + DESCUENTO (NEW) -->
    <div class="price-strip">
      <div class="price-left">
        <div class="price-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a5.png" alt="💥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Descuento especial (solo en este paso)</div>
        <div class="price-sub">Aprovecha el precio reducido antes de continuar.</div>
      </div>

      <div class="price-right">
        <div class="save-badge"><span class="save-dot"></span> Ahorra 50%</div>
        <div class="old-price">US$ 9.99</div>
        <div class="new-price">US$ 4.99 <small><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Hoy</small></div>
      </div>
    </div>

    <div class="grid">

      <div class="box">
        <h2>¿Qué incluye este Pack?</h2>
        <ul>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 50 ideas de Reels diseñadas para atraer clientes reales</li>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Guiones simples para grabar rápido y con seguridad</li>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> CTAs estratégicos para convertir vistas en ventas</li>
          <li><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2714.png" alt="✔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Fórmula reutilizable para tu contenido diario</li>
        </ul>

        <div class="price"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Precio especial: <b>US$ 4.99</b> (antes <span style="text-decoration:line-through;color:#64748b;">US$ 9.99</span>)</div>

        <div class="highlight"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Tip: Usa 1 idea por día + 1 CTA claro → más DMs → más ventas.</div>

        <div class="note">Acceso inmediato. El ebook se envía a tu correo y queda guardado en Hotmart.</div>
        <div class="mini-note"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f512.png" alt="🔒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Compra segura • Descarga inmediata • Ideal para emprendedores</div>
      </div>

      <div class="box">
        <div class="img-wrap">
          <img decoding="async"
            class="img"
            src="https://creeative.site/wp-content/uploads/2025/12/Pack-Viral-para-atraer-clientes.webp"
            alt="Pack Viral 50 Ideas de Reels Guiones y CTAs">
        </div>

        <div class="note">
          Ideal para emprendedores que quieren vender con Reels de forma constante.
        </div>
      </div>

    </div>

  </div>
</div>
</body>
</html>

</div>



<div>
<!-- HOTMART - Sales Funnel Widget -->
<!--- sales funnel container --->
<div id="hotmart-sales-funnel"></div>

<!--- script load and setup --->
<script src="https://checkout.hotmart.com/lib/hotmart-checkout-elements.js"></script>
<script>
checkoutElements.init('salesFunnel').mount('#hotmart-sales-funnel')
</script>
<!-- HOTMART - Sales Funnel Widget -->
</div>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Agradecimientos</title>
		<link>https://creeative.site/agradecimientos/</link>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Sat, 27 Dec 2025 20:33:57 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=72</guid>

					<description><![CDATA[Compra confirmada ¡Gracias por tu compra! &#x1f389; Has dado un paso importante. El material llegará al correo con el que realizaste la compra. &#x1f4e9; &#x1f4e9; Revisa tu correo: el acceso llega en pocos minutos. Si no lo ves, revisa Spam o Promociones. &#x1f510; Guarda el email: ahí tendrás tu acceso cuando lo necesites. &#x1f680; Empieza ... <a title="Agradecimientos" class="read-more" href="https://creeative.site/agradecimientos/" aria-label="Read more about Agradecimientos">Leer más</a>]]></description>
										<content:encoded><![CDATA[
<div>
<!-- THANK YOU PAGE - HOTMART / CREATIVE (VERSIÓN LIMPIA) -->
<style>
  :root{
    --bg0:#f6f9ff;
    --bg1:#eef5ff;
    --text:#0f172a;
    --muted:#475569;
    --accent:#2563eb;
    --accent2:#7c3aed;
    --ok:#16a34a;
    --card: rgba(255,255,255,.78);
    --border: rgba(15,23,42,.10);
    --shadow: 0 24px 70px rgba(2,6,23,.10);
    --radius: 22px;
  }
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--text);
    background:
      radial-gradient(900px 520px at 15% 10%, rgba(124,58,237,.10), transparent 60%),
      radial-gradient(900px 520px at 85% 20%, rgba(37,99,235,.10), transparent 60%),
      radial-gradient(900px 520px at 50% 95%, rgba(22,163,74,.08), transparent 60%),
      linear-gradient(180deg, var(--bg1), var(--bg0));
    min-height:100vh;
  }
  .wrap{max-width:960px;margin:0 auto;padding:1.4rem 1.1rem 3rem;}
  .card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:1.4rem 1.2rem;
    backdrop-filter:blur(14px);
  }
  .badge{
    display:inline-flex;align-items:center;gap:.5rem;
    padding:.35rem .75rem;border-radius:999px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.75);
    font-weight:800;font-size:.85rem;color:var(--muted);
  }
  .badge span.dot{
    width:10px;height:10px;border-radius:999px;
    background:var(--ok);
    box-shadow:0 0 0 7px rgba(22,163,74,.12);
  }
  h1{
    margin:.7rem 0 .55rem;
    font-size:clamp(1.9rem,3vw,2.6rem);
    line-height:1.08;
    background:linear-gradient(120deg,#0f172a,var(--accent),var(--accent2));
    -webkit-background-clip:text;
    color:transparent;
  }
  .sub{color:rgba(15,23,42,.78);font-size:1rem;margin-bottom:1rem;}
  .sub strong{color:#0f172a;}
  .steps{display:grid;gap:.85rem;margin-top:.9rem;}
  .step{
    display:flex;gap:.75rem;align-items:flex-start;
    padding:.9rem .95rem;border-radius:16px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.72);
    box-shadow:0 10px 25px rgba(2,6,23,.06);
    color:rgba(15,23,42,.78);
  }
  .step .ic{font-size:1.25rem;}
  .step strong{color:#0f172a;}
  .ctaRow{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;}
  .btn{
    display:inline-flex;align-items:center;gap:.5rem;
    padding:.85rem 1.25rem;border-radius:999px;
    font-weight:900;text-transform:uppercase;
    letter-spacing:.06em;border:none;cursor:pointer;
    background:linear-gradient(120deg,var(--accent),var(--ok));
    color:#fff;text-decoration:none;
    box-shadow:0 18px 45px rgba(37,99,235,.14);
  }
  .btn.outline{
    background:rgba(255,255,255,.72);
    color:#0f172a;border:1px solid var(--border);
    box-shadow:0 10px 25px rgba(2,6,23,.06);
  }
  .note{
    margin-top:.9rem;
    padding:.85rem .95rem;
    border-radius:16px;
    border:1px solid rgba(245,158,11,.30);
    background:rgba(245,158,11,.10);
    font-size:.95rem;color:rgba(15,23,42,.78);
  }
  .note strong{color:#0f172a;}
  .divider{height:1px;background:rgba(15,23,42,.10);margin:1.2rem 0;}
  .faq{display:grid;gap:.6rem;}
  details{
    border:1px solid var(--border);
    background:rgba(255,255,255,.72);
    border-radius:16px;padding:.75rem .9rem;
  }
  summary{cursor:pointer;font-weight:900;color:#0f172a;}
  details p{margin:.55rem 0 0;color:rgba(15,23,42,.74);}
</style>

<div class="wrap">
  <div class="card">

    <div class="badge">
      <span class="dot"></span>
      <span>Compra confirmada</span>
    </div>

    <h1>¡Gracias por tu compra! <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h1>
    <p class="sub">
      Has dado un paso importante. <strong>El material llegará al correo con el que realizaste la compra</strong>. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e9.png" alt="📩" class="wp-smiley" style="height: 1em; max-height: 1em;" />
    </p>

    <div class="steps">
      <div class="step">
        <div class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e9.png" alt="📩" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <strong>Revisa tu correo:</strong> el acceso llega en pocos minutos.
          <div style="margin-top:.25rem;">Si no lo ves, revisa <strong>Spam o Promociones</strong>.</div>
        </div>
      </div>

      <div class="step">
        <div class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <strong>Guarda el email:</strong> ahí tendrás tu acceso cuando lo necesites.
        </div>
      </div>

      <div class="step">
        <div class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div>
          <strong>Empieza hoy:</strong> abre el material y aplica el primer paso sugerido.
        </div>
      </div>
    </div>

    <div class="ctaRow">
      <a href="#siguiente" class="btn">Empezar ahora ➜</a>
      <a href="#faq" class="btn outline">¿No llegó el correo?</a>
    </div>

    <div class="note">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Importante:</strong> si después de 10–15 minutos no ves el correo,
      busca “Hotmart” en tu bandeja de entrada.
    </div>

    <div class="divider"></div>

    <h2 id="siguiente">Siguiente paso recomendado <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h2>
    <p class="sub">Solo te tomará unos minutos comenzar:</p>

    <div class="steps">
      <div class="step"><div class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4dd.png" alt="📝" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div>Abre el material y revisa la primera sección.</div></div>
      <div class="step"><div class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div>Elige una idea o plantilla para aplicar.</div></div>
      <div class="step"><div class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e3.png" alt="📣" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div>Prepárala para publicarla cuando estés listo.</div></div>
    </div>

    <div class="divider"></div>

    <h2 id="faq">Ayuda rápida</h2>
    <div class="faq">
      <details>
        <summary>No me llegó el correo</summary>
        <p>
          Revisa Spam o Promociones y busca “Hotmart”.
          Asegúrate de usar el mismo email con el que compraste.
        </p>
      </details>

      <details>
        <summary>¿Dónde encuentro mi acceso luego?</summary>
        <p>
          Guarda el correo de confirmación. Desde ahí podrás acceder cuando quieras.
        </p>
      </details>
    </div>

  </div>
</div>

</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Reels que atraen clientes y venden</title>
		<link>https://creeative.site/reels-que-atraen-clientes-y-venden/</link>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Sat, 27 Dec 2025 19:30:24 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=69</guid>

					<description><![CDATA[Descuento activo por tiempo limitado: 15:00 Cambiar estilo (Diseño A / Diseño B) Reels virales • Guiones + CTAs • Ventas diarias Crea Reels que Atraen Clientes y Generan Ventas Todos los Días Ideas, guiones y CTAs listos para publicar y vender sin improvisar. Solo copia, adapta a tu negocio y publica con confianza. &#x1f3ac; ... <a title="Reels que atraen clientes y venden" class="read-more" href="https://creeative.site/reels-que-atraen-clientes-y-venden/" aria-label="Read more about Reels que atraen clientes y venden">Leer más</a>]]></description>
										<content:encoded><![CDATA[
<div>
<!-- LANDING PAGE: PACK VIRAL (MISMO DISEÑO CLARO + RELOJ + BONOS + PRECIO CON DESCUENTO + CTA HOTMART EXTERNO) -->
<style>
  :root{
    /* &#x2705; Fondo más claro y persuasivo (mantiene la vibra premium) */
    --bg-0:#f6f9ff;
    --bg-1:#eef5ff;

    --text:#0f172a;
    --muted:#475569;

    /* Paleta persuasiva (confianza + energía) */
    --trust:#2563eb;     /* azul */
    --innov:#4909f3;     /* morado */
    --result:#16a34a;    /* verde */
    --action:#f97316;    /* naranja */

    /* Cards claras (glass suave) */
    --card: rgba(255,255,255,.78);
    --card-2: rgba(255,255,255,.68);
    --border: rgba(15,23,42,.10);

    --shadow: 0 24px 70px rgba(2,6,23,.10);
    --radius: 22px;
  }

  /* Tema alternativo (Diseño B) */
  .ai-landing.theme-alt{
    --bg-0:#fbf7ff;
    --bg-1:#f3edff;
    --trust:#06b6d4;     /* cyan */
    --innov:#ec4899;     /* pink */
    --result:#10b981;    /* emerald */
    --action:#f59e0b;    /* amber */
    --border: rgba(15,23,42,.10);
    --card: rgba(255,255,255,.80);
    --card-2: rgba(255,255,255,.70);
  }

  html{scroll-behavior:smooth;}
  .ai-landing{
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    margin:0; padding:0;
    color: var(--text);
    background:
      radial-gradient(900px 520px at 15% 10%, rgba(73,9,243,.10), transparent 60%),
      radial-gradient(900px 520px at 85% 20%, rgba(37,99,235,.10), transparent 60%),
      radial-gradient(900px 520px at 50% 95%, rgba(22,163,74,.08), transparent 60%),
      linear-gradient(180deg, var(--bg-1), var(--bg-0));
  }
  .ai-landing *{box-sizing:border-box;}
  .ai-landing a{text-decoration:none;}

  .ai-container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem 1.1rem 3rem;
  }

  .top-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin: .5rem 0 1.2rem;
    flex-wrap:wrap;
  }

  .countdown-bar{
    background: linear-gradient(90deg, var(--action), var(--innov));
    color:#fff;
    padding:.75rem 1rem;
    border-radius: 999px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.75rem;
    font-size:.95rem;
    font-weight:750;
    box-shadow: 0 14px 35px rgba(249,115,22,.18);
  }
  #countdown-timer{
    background: rgba(255,255,255,.16);
    padding:.35rem .9rem;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
    letter-spacing:.08em;
    border:1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(10px);
  }

  .theme-switch{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    padding:.55rem .8rem;
    border-radius: 999px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.75);
    color:#0f172a;
    cursor:pointer;
    transition: transform .15s ease, border-color .15s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 25px rgba(2,6,23,.08);
  }
  .theme-switch:hover{transform: translateY(-2px); border-color: rgba(15,23,42,.16);}
  .theme-dot{
    width:10px;height:10px;border-radius:999px;
    background: linear-gradient(120deg, var(--trust), var(--innov));
    box-shadow: 0 0 0 6px rgba(73,9,243,.10);
  }

  .hero{
    display:grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    gap: 2rem;
    align-items:center;
    margin: 1rem 0 2.6rem;
  }

  .badge{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.35rem .75rem;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.75);
    color:#0f172a;
    font-size:.78rem;
    margin-bottom:.85rem;
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 26px rgba(2,6,23,.07);
  }
  .badge .pulse-dot{
    width:8px;height:8px;border-radius:999px;
    background: var(--result);
    box-shadow: 0 0 0 7px rgba(22,163,74,.14);
  }

  .hero h1{
    font-size: clamp(2rem, 3.2vw, 2.95rem);
    line-height:1.08;
    margin:0 0 .85rem 0;
    background: linear-gradient(120deg, #0f172a, #1d4ed8, #4909f3);
    -webkit-background-clip:text;
    color: transparent;
  }

  .hero-sub{
    color: rgba(15,23,42,.78);
    font-size: 1rem;
    max-width: 560px;
    margin: 0 0 1.15rem;
  }
  .hero-sub strong{color:#0f172a;font-weight:900;}

  .pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:.65rem;
    margin: 0 0 1.25rem;
  }
  .pill{
    font-size:.83rem;
    padding:.38rem .85rem;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.70);
    color: rgba(15,23,42,.78);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 26px rgba(2,6,23,.06);
  }

  .cta-row{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    align-items:center;
  }

  .cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    padding:.9rem 1.85rem;
    border-radius:999px;
    border:none;
    cursor:pointer;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#fff;
    background: linear-gradient(120deg, var(--trust), var(--result));
    box-shadow: 0 18px 45px rgba(37,99,235,.16);
    position:relative;
    overflow:hidden;
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .cta-btn::after{
    content:"";
    position:absolute; inset:0;
    background: radial-gradient(circle at top, rgba(255,255,255,.25), transparent 55%);
    opacity:0; transition: opacity .2s ease;
  }
  .cta-btn:hover{transform: translateY(-2px) scale(1.02); box-shadow: 0 22px 55px rgba(22,163,74,.14);}
  .cta-btn:hover::after{opacity:1;}
  .cta-btn.pulse{animation: pulseGlow 1.6s infinite ease-in-out;}
  @keyframes pulseGlow{
    0%{box-shadow: 0 18px 45px rgba(37,99,235,.16);}
    50%{box-shadow: 0 26px 65px rgba(73,9,243,.16);}
    100%{box-shadow: 0 18px 45px rgba(37,99,235,.16);}
  }
  .cta-note{font-size:.86rem; color: rgba(15,23,42,.70);}

  .hero-img-wrap{display:flex; justify-content:center; position:relative;}
  .img-card{
    width:100%;
    border:1px solid rgba(15,23,42,.10);
    border-radius: var(--radius);
    padding: .9rem;
    box-shadow: var(--shadow);
    position:relative;
    overflow:hidden;
    backdrop-filter: blur(14px);
    background: rgba(255,255,255,.72);
    max-width: 520px;
  }
  .img-card::before{
    content:"";
    position:absolute;
    width:260px;height:260px;
    background: radial-gradient(circle, rgba(73,9,243,.12), transparent 70%);
    top:-95px; right:-75px;
    z-index:0;
  }
  .img-card img{
    width:100%;
    border-radius: calc(var(--radius) - 10px);
    display:block;
    position:relative;
    z-index:1;
    animation: floatY 3.8s ease-in-out infinite;
    max-height: 420px;
    object-fit: cover;
  }
  @keyframes floatY{
    0%,100%{transform: translateY(0);}
    50%{transform: translateY(-10px);}
  }
  .floating-tag{
    position:absolute;
    left: 1.1rem;
    bottom: 1rem;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.38rem .85rem;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.78);
    color: rgba(15,23,42,.78);
    backdrop-filter: blur(10px);
    font-size:.8rem;
    box-shadow: 0 12px 26px rgba(2,6,23,.08);
  }
  .floating-tag .mini-dot{
    width:8px;height:8px;border-radius:999px;background: var(--result);
    box-shadow: 0 0 0 6px rgba(22,163,74,.12);
  }

  .section{margin: 0 0 2.9rem;}
  .grid-2{
    display:grid;
    grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
    gap: 2rem;
    align-items:center;
  }
  .h2{
    font-size: 1.45rem;
    margin: 0 0 .55rem;
    color:#0f172a;
  }
  .sub{
    color: rgba(15,23,42,.70);
    margin: 0 0 1.2rem;
    font-size:.98rem;
    max-width: 640px;
  }

  .glass{
    background: var(--card);
    border: 1px solid var(--border);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .frame{
    border-radius: var(--radius);
    overflow:hidden;
    box-shadow: var(--shadow);
    transform: translateY(0);
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .frame:hover{transform: translateY(-5px); box-shadow: 0 34px 85px rgba(2,6,23,.12);}
  .frame img{width:100%; display:block; height:auto;}

  .list{display:grid; gap:.85rem;}
  .item{
    display:flex;
    gap:.75rem;
    align-items:flex-start;
    padding:.85rem .95rem;
    border-radius: 16px;
    color: rgba(15,23,42,.78);
    transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease;
    box-shadow: 0 10px 25px rgba(2,6,23,.06);
  }
  .item .ic{font-size:1.15rem; flex-shrink:0;}
  .item strong{color:#0f172a;}
  .item:hover{
    transform: translateY(-3px) translateX(2px);
    border-color: rgba(15,23,42,.14);
    background: rgba(255,255,255,.85);
    color:#0f172a;
  }

  .product{
    border-radius: calc(var(--radius) + 2px);
    padding: 1.5rem 1.35rem;
    box-shadow: var(--shadow);
    display:grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    gap: 1.8rem;
    align-items:center;
    color: rgba(15,23,42,.78);
  }
  .product .h2{margin:0 0 .55rem;}
  .product p{color: rgba(15,23,42,.70); margin:.25rem 0 1rem; font-size:.97rem;}
  .product .mini{
    display:grid; gap:.5rem;
    color: rgba(15,23,42,.72);
    font-size:.93rem;
  }
  .product .mini span{display:inline-flex; gap:.5rem; align-items:flex-start;}
  .product .mini strong{color:#0f172a;}
  .mockup img{
    width:100%;
    display:block;
    border-radius: calc(var(--radius) - 10px);
    border:1px solid rgba(15,23,42,.10);
    box-shadow: 0 22px 70px rgba(2,6,23,.10);
    animation: floatY 4.2s ease-in-out infinite;
    object-fit: contain;
    background: rgba(255,255,255,.55);
    padding:.45rem;
  }

  .faq-wrap{
    border-radius: var(--radius);
    padding: 1.15rem 1.1rem;
    box-shadow: var(--shadow);
  }
  .faq{display:grid; gap:.75rem;}
  .q{
    width:100%;
    text-align:left;
    cursor:pointer;
    padding:.9rem .95rem;
    border-radius:16px;
    color:#0f172a;
    font-weight:900;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
  }
  .q:hover{transform: translateY(-2px); background: rgba(255,255,255,.88);}
  .a{
    display:none;
    color: rgba(15,23,42,.72);
    padding: 0 .95rem .85rem .95rem;
    line-height:1.45;
  }
  .q[aria-expanded="true"] + .a{display:block;}
  .chev{
    width:34px;height:34px;border-radius:999px;
    display:grid;place-items:center;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.70);
    color: rgba(15,23,42,.75);
    flex-shrink:0;
    transition: transform .2s ease;
  }
  .q[aria-expanded="true"] .chev{transform: rotate(180deg);}

  .bonuses{margin-top: 2.2rem;}
  .bonus{
    display:grid;
    grid-template-columns: minmax(0,.90fr) minmax(0,1.35fr);
    gap: 1.2rem;
    align-items:center;
    padding: .95rem 1rem;
    border-radius: 18px;
    box-shadow: var(--shadow);
    margin-bottom: 1.05rem;
    color: rgba(15,23,42,.78);
  }

  /* &#x2705; Asegura que los bonos se vean GRANDES en escritorio */
  .bonus img{
    width:100%;
    display:block;
    border-radius: 14px;
    border:1px solid rgba(15,23,42,.10);
    box-shadow: 0 14px 45px rgba(2,6,23,.08);
    transform: translateY(0);
    transition: transform .2s ease, box-shadow .2s ease;
    object-fit: cover;
    animation: floatY 4.8s ease-in-out infinite;
    background: rgba(255,255,255,.55);
    max-height: 320px; /* &#x1f525; un poco más grande */
  }
  .bonus img:hover{transform: translateY(-4px); box-shadow: 0 22px 60px rgba(73,9,243,.10);}

  .b-tag{color: rgba(15,23,42,.85); font-weight:900; font-size:.85rem; margin-bottom:.25rem;}
  .bonus h3{margin:.1rem 0 .35rem; font-size: 1.05rem; color:#0f172a;}
  .bonus p{margin:0; color: rgba(15,23,42,.70); font-size:.95rem; line-height:1.45;}
  .b-points{margin:.6rem 0 0; padding-left: 1.1rem; color: rgba(15,23,42,.70); font-size:.92rem;}
  .b-points li{margin:.25rem 0;}

  .pricing{margin-top: 2.4rem; text-align:center;}
  .pricing .wrap{
    display:inline-block;
    width: min(820px, 100%);
    border-radius: calc(var(--radius) + 4px);
    padding: 1.4rem 1.2rem;
    box-shadow: var(--shadow);
    color: rgba(15,23,42,.78);
  }
  .pricing h2{margin:.1rem 0 .55rem; font-size: 1.55rem; color:#0f172a;}
  .pricing .p{color: rgba(15,23,42,.70); margin:0 0 1rem; font-size:.98rem;}

  .price-line{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:.75rem;
    flex-wrap:wrap;
    margin-bottom: .35rem;
    font-variant-numeric: tabular-nums;
  }
  .price-line .old{
    color: rgba(15,23,42,.45);
    text-decoration:line-through;
    font-size:1.05rem;
  }
  .price-line .new{
    font-size:2.1rem;
    font-weight:950;
    color: #0f172a;
  }
  .deal{
    color: rgba(15,23,42,.72);
    font-size:.9rem;
    margin-bottom: 1.1rem;
  }
  .buy-btn{
    background: linear-gradient(120deg, var(--action), var(--innov));
    box-shadow: 0 20px 60px rgba(249,115,22,.14);
  }
  .buy-btn:hover{box-shadow: 0 26px 75px rgba(73,9,243,.14);}

  .summary{
    text-align:left;
    margin: 1.15rem auto 0;
    max-width: 720px;
    border-radius: 18px;
    padding: 1rem 1rem;
    color: rgba(15,23,42,.72);
    box-shadow: 0 14px 40px rgba(2,6,23,.08);
  }
  .summary h3{margin:0 0 .55rem; color:#0f172a; font-size:1.02rem;}
  .summary ul{margin:.2rem 0 0; padding-left: 0; list-style:none;}
  .summary li{display:flex; gap:.5rem; margin:.35rem 0;}
  .summary li::before{content:"&#x2714;"; color: var(--result); font-weight:900;}

  @media (max-width: 900px){
    .hero, .grid-2, .product, .bonus{grid-template-columns: 1fr;}
    .hero-img-wrap{order:-1;}
    .img-card{max-width: 620px;}
    .img-card img{max-height: 360px;}
    .bonus img{max-height: 260px;}
  }
  @media (max-width: 640px){
    .countdown-bar{flex-direction:column; text-align:center;}
    .hero h1{font-size: 1.95rem;}
    .cta-btn{width:100%;}
    .theme-switch{width:100%; justify-content:center;}
  }
</style>

<div class="ai-landing" id="ai-landing">
  <div class="ai-container">

    <!-- TOP ROW -->
    <div class="top-row">
      <div class="countdown-bar" aria-label="Temporizador de descuento">
        <span>Descuento activo por tiempo limitado:</span>
        <span id="countdown-timer">15:00</span>
      </div>

      <button class="theme-switch" type="button" onclick="toggleThemeAI()">
        <span class="theme-dot"></span>
        <span>Cambiar estilo (Diseño A / Diseño B)</span>
      </button>
    </div>

    <!-- HERO -->
    <section class="hero">
      <div>
        <div class="badge">
          <span class="pulse-dot"></span>
          <span>Reels virales • Guiones + CTAs • Ventas diarias</span>
        </div>

        <h1>Crea Reels que Atraen Clientes y Generan Ventas Todos los Días</h1>

        <p class="hero-sub">
          <strong>Ideas, guiones y CTAs listos</strong> para publicar y vender sin improvisar.
          Solo copia, adapta a tu negocio y publica con confianza.
        </p>

        <div class="pill-row">
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ideas listas para grabar</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4dd.png" alt="📝" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Guiones que retienen</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e3.png" alt="📣" class="wp-smiley" style="height: 1em; max-height: 1em;" /> CTAs que convierten</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Enfoque: clientes reales</span>
        </div>

        <div class="cta-row">
          <a href="#precio">
            <button class="cta-btn pulse" type="button">
              <span>Ver oferta</span><span>➜</span>
            </button>
          </a>
          <div class="cta-note">Acceso digital inmediato • Pago único • Bonos incluidos</div>
        </div>
      </div>

      <div class="hero-img-wrap">
        <div class="img-card">
          <img decoding="async"
            src="https://creeative.site/wp-content/uploads/2025/12/Pack-Viral-para-atraer-clientes.webp"
            alt="Pack Viral para atraer clientes: reels con ideas, guiones y CTAs listos para vender"
          />
          <div class="floating-tag">
            <span class="mini-dot"></span>
            <span>Publica con estructura y vende sin improvisar.</span>
          </div>
        </div>
      </div>
    </section>

    <!-- SECTION 1 -->
    <section class="section grid-2">
      <div class="frame glass">
        <img decoding="async"
          src="https://creeative.site/wp-content/uploads/2025/12/Ventas-con-Reels.webp"
          alt="Ventas con Reels: contenido que atrae clientes y genera ventas"
        />
      </div>

      <div>
        <h2 class="h2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ¿Qué cambia cuando tienes un sistema de Reels?</h2>
        <p class="sub">
          Dejas de “pensar qué publicar” y empiezas a subir Reels con intención: atraen, conectan y llevan a ventas de forma natural.
        </p>

        <div class="list">
          <div class="item glass">
            <span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div><strong>Más clientes:</strong> Reels creados para atraer al comprador ideal.</div>
          </div>
          <div class="item glass">
            <span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div><strong>Más constancia:</strong> publicas diario sin quedarte en blanco.</div>
          </div>
          <div class="item glass">
            <span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div><strong>Más claridad:</strong> guiones con estructura (hook → valor → CTA).</div>
          </div>
          <div class="item glass">
            <span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
            <div><strong>Más conversiones:</strong> CTAs listos para pasar de vistas a ventas.</div>
          </div>
        </div>

        <div style="margin-top:1.1rem;">
          <a href="#precio">
            <button class="cta-btn" type="button">
              <span>Quiero el pack</span><span>➜</span>
            </button>
          </a>
          <div class="cta-note" style="margin-top:.45rem;">Perfecto para emprendedores, creadores y negocios locales.</div>
        </div>
      </div>
    </section>

    <!-- PRODUCT -->
    <section class="section">
      <div class="product glass">
        <div>
          <h2 class="h2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e6.png" alt="📦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pack Viral: Reels que Atraen Clientes</h2>
          <p>
            Un pack práctico para crear Reels que venden: ideas, guiones y CTAs listos para publicar, atraer clientes y convertir.
          </p>

          <!-- &#x2705; Beneficios -->
          <div class="mini">
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Ideas que funcionan:</strong> formatos probados para diferentes negocios.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Guiones listos:</strong> solo adaptas tu producto/servicio y grabas.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>CTAs que convierten:</strong> llamadas a la acción para DM, link y compra.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Enfoque ventas:</strong> contenido hecho para clientes reales (no solo views).</span>
          </div>

          <div style="margin-top:1rem;">
            <a href="#precio">
              <button class="cta-btn" type="button">
                <span>Ver precio</span><span>➜</span>
              </button>
            </a>
            <div class="cta-note" style="margin-top:.45rem;">Incluye 2 bonos para acelerar resultados.</div>
          </div>
        </div>

        <div class="mockup">
          <img decoding="async"
            src="https://creeative.site/wp-content/uploads/2025/12/Contenido-viral-enfocado-en-atraer-clientes-reales.webp"
            alt="Mockup Pack Viral: contenido enfocado en atraer clientes reales con reels"
          />
        </div>
      </div>
    </section>

    <!-- FAQ -->
    <section class="section">
      <h2 class="h2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2753.png" alt="❓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Preguntas frecuentes</h2>
      <p class="sub">Respuestas rápidas para que compres con claridad.</p>

      <div class="faq-wrap glass">
        <div class="faq" id="faq">
          <button class="q glass" type="button" aria-expanded="false">
            <span>¿Sirve si me da pena hablar en cámara?</span>
            <span class="chev">⌄</span>
          </button>
          <div class="a">
            Sí. Puedes adaptar los guiones a tu estilo, usar voz en off, texto en pantalla o clips de producto.
          </div>

          <button class="q glass" type="button" aria-expanded="false">
            <span>¿Tengo que publicar todos los días?</span>
            <span class="chev">⌄</span>
          </button>
          <div class="a">
            No es obligatorio, pero el pack está pensado para que puedas ser constante sin improvisar (y vender más rápido).
          </div>

          <button class="q glass" type="button" aria-expanded="false">
            <span>¿Esto funciona para cualquier nicho?</span>
            <span class="chev">⌄</span>
          </button>
          <div class="a">
            Sí. Los formatos son universales: solo adaptas el producto, el dolor del cliente y la promesa.
          </div>

          <button class="q glass" type="button" aria-expanded="false">
            <span>¿El acceso es inmediato?</span>
            <span class="chev">⌄</span>
          </button>
          <div class="a">
            Sí. Es un producto digital: compras y accedes de inmediato.
          </div>
        </div>
      </div>
    </section>

    <!-- BONOS -->
    <section class="bonuses section">
      <h2 class="h2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Bonos incluidos (sin costo extra)</h2>
      <p class="sub">Dos bonos para publicar con más rapidez y mantener la constancia.</p>

      <div class="bonus glass">
        <div>
          <img decoding="async"
            src="https://creeative.site/wp-content/uploads/2025/12/formula-viral-express.webp"
            alt="Bono 1: Fórmula Viral Express"
          />
        </div>
        <div>
          <div class="b-tag">Bono 1</div>
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Fórmula Viral Express</h3>
          <p>Plantilla rápida para crear Reels con estructura ganadora (hook → valor → prueba → CTA).</p>
          <ul class="b-points">
            <li>Hooks listos para detener el scroll.</li>
            <li>Orden de ideas para mejorar retención.</li>
            <li>CTAs directos sin sonar “agresivo”.</li>
          </ul>
        </div>
      </div>

      <div class="bonus glass">
        <div>
          <img decoding="async"
            src="https://creeative.site/wp-content/uploads/2025/12/calendario-viral-14-dias.webp"
            alt="Bono 2: Calendario Viral 14 días"
          />
        </div>
        <div>
          <div class="b-tag">Bono 2</div>
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Calendario Viral 14 Días</h3>
          <p>Plan simple para publicar 2 semanas sin quedarte sin ideas (con enfoque en atraer clientes).</p>
          <ul class="b-points">
            <li>Ideas por día (rápidas y aplicables).</li>
            <li>Equilibrio: atraer → confiar → vender.</li>
            <li>Te ayuda a ser constante sin estrés.</li>
          </ul>
        </div>
      </div>
    </section>

    <!-- PRICING -->
    <section class="pricing section" id="precio">
      <div class="wrap glass">
        <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a5.png" alt="💥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Accede hoy por $4.99 USD</h2>
        <p class="p">Llévate el Pack Viral + bonos y empieza a atraer clientes con Reels desde hoy.</p>

        <div class="price-line">
          <span class="old">$19.99 USD</span>
          <span class="new">$4.99 USD</span>
        </div>

        <div class="deal"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f3.png" alt="⏳" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Descuento activo • Pago único • Acceso inmediato</div>

        <div style="margin-top:.9rem;">
          <a href="https://go.hotmart.com/J103509065X" target="_blank" rel="noopener noreferrer">
            <button class="cta-btn buy-btn pulse" type="button">
              <span>Comprar ahora</span><span>➜</span>
            </button>
          </a>
          <div class="cta-note" style="margin-top:.55rem;">
            Serás redirigido a una página externa (Hotmart) para completar el pago.
          </div>
        </div>

        <!-- &#x2705; Beneficios (resumen) -->
        <div class="summary glass">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Lo que obtienes al entrar:</h3>
          <ul>
            <li>Pack Viral: ideas, guiones y CTAs listos para publicar y vender.</li>
            <li>Estructuras de Reels para atraer clientes reales (no solo views).</li>
            <li>Guiones con hook → valor → CTA para convertir más fácil.</li>
            <li>Bono 1: Fórmula Viral Express (plantilla rápida + hooks + CTA).</li>
            <li>Bono 2: Calendario Viral 14 Días (plan listo para constancia).</li>
            <li>Acceso inmediato (digital) y pago único.</li>
          </ul>
        </div>
      </div>
    </section>

  </div>
</div>

<script>
  // 15 min countdown (se reinicia al llegar a 0)
  (function () {
    var totalSeconds = 15 * 60;
    function startCountdown() {
      var remaining = totalSeconds;
      var el = document.getElementById("countdown-timer");
      function tick() {
        var m = Math.floor(remaining / 60);
        var s = remaining % 60;
        el.textContent = String(m).padStart(2, "0") + ":" + String(s).padStart(2, "0");
        remaining--;
        if (remaining < 0) remaining = totalSeconds;
      }
      tick();
      setInterval(tick, 1000);
    }
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", startCountdown);
    } else {
      startCountdown();
    }
  })();

  // FAQ accordion
  (function(){
    function initFAQ(){
      var qs = document.querySelectorAll("#faq .q");
      qs.forEach(function(btn){
        btn.addEventListener("click", function(){
          var expanded = btn.getAttribute("aria-expanded") === "true";
          qs.forEach(function(b){ b.setAttribute("aria-expanded","false"); });
          btn.setAttribute("aria-expanded", expanded ? "false" : "true");
        });
      });
    }
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initFAQ);
    } else {
      initFAQ();
    }
  })();

  // Theme toggle (Diseño A / B)
  function toggleThemeAI(){
    var root = document.getElementById("ai-landing");
    root.classList.toggle("theme-alt");
  }
</script>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Kit Branding emprendedores</title>
		<link>https://creeative.site/kit-branding-emprendedores/</link>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Sat, 27 Dec 2025 16:15:30 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=60</guid>

					<description><![CDATA[Oferta de lanzamiento disponible por tiempo limitado: 15:00 Fondo (A / B / C) Kit Express • Branding para Emprendedores • Plantillas listas Kit de Branding para Emprendedores Plantillas y estructura listas para crear una marca profesional y vender mejor. Deja de improvisar tu imagen: organiza tu identidad visual y presenta tus productos con claridad. ... <a title="Kit Branding emprendedores" class="read-more" href="https://creeative.site/kit-branding-emprendedores/" aria-label="Read more about Kit Branding emprendedores">Leer más</a>]]></description>
										<content:encoded><![CDATA[
<div>
<!-- LANDING PAGE: KIT DE BRANDING PARA EMPRENDEDORES (MISMO DISEÑO + MOVIMIENTO + RELOJ + TESTIMONIOS + GARANTÍA + CTA HOTMART) -->

<style>
  :root{
    --bg-0:#fff7ed;
    --bg-1:#fdf2f8;
    --bg-2:#eff6ff;

    --text:#0f172a;
    --muted:#475569;

    --trust:#2563eb;
    --innov:#a855f7;
    --result:#16a34a;
    --action:#f97316;

    --border: rgba(15,23,42,.12);
    --shadow: 0 22px 55px rgba(15,23,42,.12);
    --radius: 22px;
  }

  .vinyl-landing.theme-a{
    --bg-0:#fff7ed; --bg-1:#fdf2f8; --bg-2:#eff6ff;
    --trust:#2563eb; --innov:#a855f7; --result:#16a34a; --action:#f97316;
  }
  .vinyl-landing.theme-b{
    --bg-0:#fff7ed; --bg-1:#fef3c7; --bg-2:#fae8ff;
    --trust:#0ea5e9; --innov:#db2777; --result:#22c55e; --action:#ea580c;
    --border: rgba(124,45,18,.12);
  }
  .vinyl-landing.theme-c{
    --bg-0:#ecfeff; --bg-1:#f0fdf4; --bg-2:#fff7ed;
    --trust:#0891b2; --innov:#7c3aed; --result:#16a34a; --action:#f59e0b;
    --border: rgba(8,145,178,.14);
  }

  html{scroll-behavior:smooth;}
  .vinyl-landing{
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color: var(--text);
    margin:0; padding:0;
    background:
      radial-gradient(900px 600px at 18% 10%, rgba(249,115,22,.14), transparent 60%),
      radial-gradient(820px 520px at 82% 18%, rgba(168,85,247,.12), transparent 60%),
      radial-gradient(780px 520px at 50% 92%, rgba(34,197,94,.10), transparent 60%),
      linear-gradient(180deg, var(--bg-1), var(--bg-0) 55%, var(--bg-2) 120%);
  }
  .vinyl-landing *{box-sizing:border-box;}
  .vinyl-landing a{text-decoration:none;}

  .vinyl-container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem 1.1rem 3rem;
  }

  .top-row{
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem; margin:.5rem 0 1.2rem; flex-wrap:wrap;
  }

  .countdown-bar{
    background: linear-gradient(90deg, rgba(249,115,22,.14), rgba(168,85,247,.14));
    padding:.75rem 1rem;
    border-radius: 999px;
    display:flex; align-items:center; justify-content:center; gap:.75rem;
    font-size:.95rem; font-weight:800;
    border: 1px solid var(--border);
    box-shadow: 0 14px 35px rgba(15,23,42,.08);
  }
  #countdown-timer{
    background: rgba(255,255,255,.72);
    padding:.35rem .9rem;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
    letter-spacing:.08em;
    border:1px solid var(--border);
  }

  .theme-switch{
    display:inline-flex; align-items:center; gap:.55rem;
    padding:.55rem .8rem;
    border-radius: 999px;
    border:1px solid var(--border);
    background: rgba(255,255,255,.70);
    color: var(--muted);
    cursor:pointer;
    transition: transform .15s ease, border-color .15s ease, color .15s ease;
    backdrop-filter: blur(10px);
  }
  .theme-switch:hover{transform: translateY(-2px); border-color: rgba(37,99,235,.25); color:#0f172a;}
  .theme-dot{
    width:10px;height:10px;border-radius:999px;
    background: linear-gradient(120deg, var(--trust), var(--innov));
    box-shadow: 0 0 0 6px rgba(168,85,247,.10);
  }

  .hero{
    display:grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    gap: 2rem;
    align-items:center;
    margin: 1rem 0 2.6rem;
  }

  .badge{
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.35rem .75rem;
    border-radius:999px;
    border:1px solid var(--border);
    background: rgba(255,255,255,.70);
    color: var(--muted);
    font-size:.78rem;
    margin-bottom:.85rem;
    box-shadow: 0 10px 30px rgba(15,23,42,.06);
  }
  .badge .pulse-dot{
    width:8px;height:8px;border-radius:999px;
    background: var(--result);
    box-shadow: 0 0 0 7px rgba(34,197,94,.10);
  }

  .hero h1{
    font-size: clamp(2rem, 3.2vw, 2.85rem);
    line-height:1.08;
    margin:0 0 .85rem 0;
    color:#0f172a;
    letter-spacing: -0.02em;
  }
  .hero h1 .accent{
    color: var(--action);
    font-weight: 900;
  }

  .hero-sub{
    color: var(--muted);
    font-size: 1rem;
    max-width: 600px;
    margin: 0 0 1.15rem;
  }
  .hero-sub strong{color:#0f172a;font-weight:850;}

  .pill-row{display:flex; flex-wrap:wrap; gap:.65rem; margin: 0 0 1.25rem;}
  .pill{
    font-size:.83rem;
    padding:.38rem .85rem;
    border-radius:999px;
    border:1px solid var(--border);
    background: rgba(255,255,255,.72);
    color: var(--muted);
    box-shadow: 0 10px 26px rgba(15,23,42,.05);
  }

  .cta-row{display:flex; flex-wrap:wrap; gap:.75rem; align-items:center;}

  .cta-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    padding:.9rem 1.85rem;
    border-radius:999px;
    border:none;
    cursor:pointer;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#ffffff;
    background: linear-gradient(120deg, var(--action), var(--innov));
    box-shadow: 0 18px 45px rgba(249,115,22,.16);
    position:relative; overflow:hidden;
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .cta-btn:hover{transform: translateY(-2px) scale(1.02); box-shadow: 0 22px 55px rgba(168,85,247,.16);}
  .cta-btn.pulse{animation: pulseGlow 1.6s infinite ease-in-out;}
  @keyframes pulseGlow{
    0%{box-shadow: 0 18px 45px rgba(249,115,22,.16);}
    50%{box-shadow: 0 26px 65px rgba(168,85,247,.16);}
    100%{box-shadow: 0 18px 45px rgba(249,115,22,.16);}
  }
  .cta-note{font-size:.86rem; color: var(--muted);}

  .hero-img-wrap{display:flex; justify-content:center; position:relative;}
  .img-card{
    width:100%;
    background: rgba(255,255,255,.72);
    border:1px solid rgba(15,23,42,.10);
    border-radius: var(--radius);
    padding: .9rem;
    box-shadow: var(--shadow);
    position:relative;
    overflow:hidden;
  }
  .img-card img{
    width:100%;
    border-radius: calc(var(--radius) - 10px);
    display:block;
    animation: floatY 3.8s ease-in-out infinite;
  }
  @keyframes floatY{
    0%,100%{transform: translateY(0);}
    50%{transform: translateY(-10px);}
  }
  .floating-tag{
    position:absolute; left: 1.1rem; bottom: 1rem;
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.38rem .85rem;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.78);
    color: var(--muted);
    backdrop-filter: blur(10px);
    font-size:.8rem;
    box-shadow: 0 14px 30px rgba(15,23,42,.06);
  }
  .floating-tag .mini-dot{
    width:8px;height:8px;border-radius:999px;background: var(--result);
    box-shadow: 0 0 0 6px rgba(34,197,94,.10);
  }

  .section{margin: 0 0 2.9rem;}
  .grid-2{
    display:grid;
    grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
    gap: 2rem;
    align-items:center;
  }

  .h2{
    font-size: 1.35rem;
    margin: 0 0 .55rem;
    color:#0f172a;
    letter-spacing: -0.01em;
  }

  .sub{
    color: var(--muted);
    margin: 0 0 1.2rem;
    font-size:.98rem;
    max-width: 680px;
  }

  .frame{
    border-radius: var(--radius);
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    box-shadow: var(--shadow);
    overflow:hidden;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .frame:hover{transform: translateY(-5px); box-shadow: 0 30px 70px rgba(15,23,42,.14);}
  .frame img{width:100%; display:block; height:auto;}

  .list{display:grid; gap:.85rem;}
  .item{
    display:flex; gap:.75rem; align-items:flex-start;
    padding:.85rem .95rem;
    border-radius: 16px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    color: var(--muted);
    transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease;
    box-shadow: 0 14px 35px rgba(15,23,42,.06);
  }
  .item .ic{font-size:1.15rem; flex-shrink:0;}
  .item strong{color:#0f172a;}
  .item:hover{
    transform: translateY(-3px) translateX(2px);
    border-color: rgba(37,99,235,.18);
    background: rgba(255,255,255,.88);
    color:#0f172a;
  }

  .product{
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(168,85,247,.08));
    border:1px solid rgba(15,23,42,.10);
    border-radius: calc(var(--radius) + 2px);
    padding: 1.5rem 1.35rem;
    box-shadow: 0 28px 85px rgba(15,23,42,.12);
    display:grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    gap: 1.8rem;
    align-items:center;
  }
  .product p{color: var(--muted); margin:.25rem 0 1rem; font-size:.97rem;}
  .product .mini{display:grid; gap:.5rem; color: var(--muted); font-size:.93rem;}
  .product .mini strong{color:#0f172a;}
  .mockup img{
    width:100%;
    display:block;
    border-radius: calc(var(--radius) - 10px);
    border:1px solid rgba(15,23,42,.10);
    box-shadow: 0 22px 70px rgba(15,23,42,.14);
    animation: floatY 4.2s ease-in-out infinite;
  }

  .faq-wrap{
    background: rgba(255,255,255,.74);
    border:1px solid rgba(15,23,42,.10);
    border-radius: var(--radius);
    padding: 1.15rem 1.1rem;
    box-shadow: 0 22px 70px rgba(15,23,42,.10);
  }
  .faq{display:grid; gap:.75rem;}
  .q{
    width:100%;
    text-align:left;
    cursor:pointer;
    padding:.9rem .95rem;
    border-radius:16px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    color:#0f172a;
    font-weight:850;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
  }
  .q:hover{transform: translateY(-2px); border-color: rgba(37,99,235,.18); background: rgba(255,255,255,.92);}
  .a{display:none; color: var(--muted); padding: 0 .95rem .85rem .95rem; line-height:1.45;}
  .q[aria-expanded="true"] + .a{display:block;}
  .chev{
    width:34px;height:34px;border-radius:999px;
    display:grid;place-items:center;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.75);
    color: var(--muted);
    flex-shrink:0;
    transition: transform .2s ease;
  }
  .q[aria-expanded="true"] .chev{transform: rotate(180deg);}

  .testimonials{display:grid; gap: 1rem;}
  .t-card{
    background: rgba(255,255,255,.72);
    border:1px solid rgba(15,23,42,.10);
    border-radius: 18px;
    padding: .95rem 1rem;
    box-shadow: 0 16px 48px rgba(15,23,42,.08);
    color: var(--muted);
    transition: transform .15s ease, border-color .15s ease;
  }
  .t-card:hover{transform: translateY(-3px); border-color: rgba(168,85,247,.18);}
  .t-head{display:flex; align-items:center; gap:.65rem; margin-bottom:.45rem;}
  .avatar{width:42px;height:42px;border-radius:999px; overflow:hidden; border:1px solid rgba(15,23,42,.10); flex-shrink:0;}
  .avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .t-name{color:#0f172a;font-weight:900;font-size:.9rem;}
  .t-role{font-size:.78rem;color: var(--muted);}
  .stars{color:#f59e0b;font-size:.85rem;margin-top:.2rem;}

  .guarantee{
    background: rgba(255,255,255,.78);
    border:1px solid rgba(34,197,94,.25);
    border-radius: var(--radius);
    padding: 1.15rem 1.1rem;
    display:flex;
    flex-direction:column;
    gap:.55rem;
    box-shadow: 0 18px 55px rgba(15,23,42,.08);
  }
  .g-head{display:flex; align-items:center; gap:.85rem; flex-wrap:wrap;}
  .guarantee img{width:120px;height:auto;flex-shrink:0;}
  .guarantee h3{margin:0; color:#166534; font-size:1.05rem;}
  .guarantee p{margin:0; color: var(--muted); line-height:1.45;}

  .bonuses{margin-top: 2.2rem;}
  .bonus{
    display:grid;
    grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr);
    gap: 1.2rem;
    align-items:center;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    box-shadow: 0 18px 55px rgba(15,23,42,.08);
    margin-bottom: 1.05rem;
  }
  .bonus img{
    width:100%;
    display:block;
    border-radius: 14px;
    border:1px solid rgba(15,23,42,.10);
    box-shadow: 0 14px 45px rgba(15,23,42,.10);
    max-height: 200px;
    object-fit: cover;
    animation: floatY 4.8s ease-in-out infinite;
  }
  .b-tag{color:#6d28d9; font-weight:800; font-size:.85rem; margin-bottom:.25rem;}
  .bonus h3{margin:.1rem 0 .35rem; font-size: 1.05rem; color:#0f172a;}
  .bonus p{margin:0; color: var(--muted); font-size:.95rem; line-height:1.45;}
  .b-points{margin:.6rem 0 0; padding-left: 1.1rem; color: var(--muted); font-size:.92rem;}
  .b-points li{margin:.25rem 0;}

  .pricing{margin-top: 2.4rem; text-align:center;}
  .pricing .wrap{
    display:inline-block;
    width: min(860px, 100%);
    border-radius: calc(var(--radius) + 4px);
    border: 1px solid rgba(15,23,42,.10);
    background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(37,99,235,.06));
    padding: 1.4rem 1.2rem;
    box-shadow: 0 30px 95px rgba(15,23,42,.10);
  }
  .pricing h2{margin:.1rem 0 .55rem; font-size: 1.45rem; color:#0f172a;}
  .pricing .p{color: var(--muted); margin:0 0 1rem; font-size:.98rem;}
  .deal{color:#1e293b; font-weight:800; font-size:.9rem; margin-bottom: 1.1rem;}

  .buy-btn{background: linear-gradient(120deg, var(--action), var(--innov));}

  .summary{
    text-align:left;
    margin: 1.15rem auto 0;
    max-width: 760px;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    padding: 1rem 1rem;
    color: var(--muted);
  }
  .summary h3{margin:0 0 .55rem; color:#0f172a; font-size:1.02rem;}

  .lista-beneficios{list-style:none; padding-left:0; margin:.2rem 0 0;}
  .lista-beneficios li{
    display:flex; align-items:flex-start; gap:.6rem;
    margin:.42rem 0; font-size:.95rem; color: var(--muted);
    opacity:0; transform: translateY(12px); filter: blur(2px);
    transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  }
  .lista-beneficios .check{width:22px; flex:0 0 22px; line-height:1.2;}
  .lista-beneficios.is-visible li{opacity:1; transform: translateY(0); filter: blur(0);}
  .lista-beneficios.is-visible li:nth-child(1){transition-delay:.05s;}
  .lista-beneficios.is-visible li:nth-child(2){transition-delay:.12s;}
  .lista-beneficios.is-visible li:nth-child(3){transition-delay:.19s;}
  .lista-beneficios.is-visible li:nth-child(4){transition-delay:.26s;}
  .lista-beneficios.is-visible li:nth-child(5){transition-delay:.33s;}
  .lista-beneficios.is-visible li:nth-child(6){transition-delay:.40s;}
  .lista-beneficios.is-visible li:nth-child(7){transition-delay:.47s;}
  .lista-beneficios.is-visible li:nth-child(8){transition-delay:.54s;}
  .lista-beneficios.is-visible li:nth-child(9){transition-delay:.61s;}

  .summary li::before{content:"" !important; display:none !important;}

  @media (max-width: 900px){
    .hero, .grid-2, .product, .bonus{grid-template-columns: 1fr;}
    .hero-img-wrap{order:-1;}
  }
  @media (max-width: 640px){
    .countdown-bar{flex-direction:column; text-align:center;}
    .hero h1{font-size: 1.95rem;}
    .cta-btn{width:100%;}
    .theme-switch{width:100%; justify-content:center;}
  }
</style>

<div class="vinyl-landing theme-a" id="vinyl-landing">
  <div class="vinyl-container">

    <!-- TOP ROW -->
    <div class="top-row">
      <div class="countdown-bar" aria-label="Temporizador de bono de lanzamiento">
        <span>Oferta de lanzamiento disponible por tiempo limitado:</span>
        <span id="countdown-timer">15:00</span>
      </div>

      <button class="theme-switch" type="button" onclick="toggleThemeVinyl()">
        <span class="theme-dot"></span>
        <span>Fondo (A / B / C)</span>
      </button>
    </div>

    <!-- HERO -->
    <section class="hero">
      <div>
        <div class="badge">
          <span class="pulse-dot"></span>
          <span>Kit Express • Branding para Emprendedores • Plantillas listas</span>
        </div>

        <h1>Kit de <span class="accent">Branding</span> para Emprendedores</h1>

        <p class="hero-sub">
          <strong>Plantillas y estructura listas</strong> para crear una marca profesional y vender mejor.
          Deja de improvisar tu imagen: organiza tu identidad visual y presenta tus productos con claridad.
        </p>

        <div class="pill-row">
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Identidad visual clara</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e9.png" alt="🧩" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Plantillas listas para usar</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3f7.png" alt="🏷" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Presentación que vende</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Implementación rápida</span>
        </div>

        <div class="cta-row">
          <a href="#precio"><button class="cta-btn pulse" type="button"><span>Ver la oferta</span><span>➜</span></button></a>
          <div class="cta-note">Acceso digital inmediato • Pago único • Checkout Hotmart</div>
        </div>
      </div>

      <div class="hero-img-wrap">
        <div class="img-card">
          <img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/kit-creativo-para-estampados-y-vinilos.webp" alt="Kit de branding para emprendedores: plantillas y estructura lista para crear una marca profesional" />
          <div class="floating-tag">
            <span class="mini-dot"></span>
            <span>Marca más pro, ventas más claras.</span>
          </div>
        </div>
      </div>
    </section>

    <!-- SECTION 1 -->
    <section class="section grid-2">
      <div class="frame">
        <img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/plantillas-de-branding-para-emprendedores.webp" alt="Plantillas de branding para emprendedores y pequeños negocios" />
      </div>
      <div>
        <h2 class="h2">Plantillas de branding para emprendedores y pequeños negocios</h2>
        <p class="sub">
          Imagen que muestra plantillas de branding listas para usar, diseñadas para ayudar a emprendedores a definir su identidad de marca,
          organizar su imagen visual y vender con mayor claridad y profesionalismo.
        </p>

        <div class="list">
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Identidad clara:</strong> define estilo, tonos y enfoque de tu marca.</div></div>
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e9.png" alt="🧩" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Estructura lista:</strong> organiza tu branding sin empezar desde cero.</div></div>
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3f7.png" alt="🏷" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Presentación pro:</strong> piezas coherentes que aumentan confianza.</div></div>
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Vendes mejor:</strong> claridad visual + mensajes ordenados.</div></div>
        </div>

        <div style="margin-top:1.1rem;">
          <a href="#precio"><button class="cta-btn" type="button"><span>Quiero el kit</span><span>➜</span></button></a>
          <div class="cta-note" style="margin-top:.45rem;">Aplicable desde hoy (rápido y sin enredos).</div>
        </div>
      </div>
    </section>

    <!-- PRODUCT -->
    <section class="section">
      <div class="product">
        <div>
          <h2 class="h2">Tu kit: “Kit Express”</h2>
          <p>Plantillas y guías listas para construir una imagen profesional, coherente y “comprable”.</p>

          <div class="mini">
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Plantillas listas:</strong> ahorra tiempo y evita improvisar.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Branding ordenado:</strong> identidad visual clara y consistente.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Enfoque en ventas:</strong> piezas pensadas para convertir.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Acción rápida:</strong> implementa y mejora tu marca hoy.</span>
          </div>

          <div style="margin-top:1rem;">
            <a href="#precio"><button class="cta-btn" type="button"><span>Quiero acceso</span><span>➜</span></button></a>
            <div class="cta-note" style="margin-top:.45rem;">Ideal para emprendedores que quieren verse pro y vender mejor.</div>
          </div>
        </div>

        <div class="mockup">
          <img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Kit-express-estampados.webp" alt="Mockup del Kit Express de Branding para Emprendedores" />
        </div>
      </div>
    </section>

    <!-- FAQ -->
    <section class="section">
      <h2 class="h2">Preguntas frecuentes</h2>
      <p class="sub">Para que decidas con seguridad.</p>

      <div class="faq-wrap">
        <div class="faq" id="faq">
          <button class="q" type="button" aria-expanded="false"><span>¿Necesito ser diseñador(a)?</span><span class="chev">⌄</span></button>
          <div class="a">No. Las plantillas están pensadas para que solo adaptes a tu negocio y apliques con facilidad.</div>

          <button class="q" type="button" aria-expanded="false"><span>¿Sirve para cualquier emprendimiento?</span><span class="chev">⌄</span></button>
          <div class="a">Sí. Está diseñado para emprendedores y pequeños negocios que quieren una marca más profesional.</div>

          <button class="q" type="button" aria-expanded="false"><span>¿Me ayuda a vender mejor?</span><span class="chev">⌄</span></button>
          <div class="a">Sí. Al ordenar tu identidad visual y tus piezas, mejoras confianza, claridad y conversión.</div>

          <button class="q" type="button" aria-expanded="false"><span>¿Acceso inmediato?</span><span class="chev">⌄</span></button>
          <div class="a">Sí. Es digital: compras y accedes de inmediato por Hotmart.</div>
        </div>
      </div>
    </section>

    <!-- TESTIMONIOS + GARANTÍA -->
    <section class="section grid-2">
      <div>
        <h2 class="h2">Lo que dicen emprendedores que ordenaron su marca</h2>
        <p class="sub">Más claridad, mejor presentación y ventas más fáciles.</p>

        <div class="testimonials">
          <div class="t-card">
            <div class="t-head">
              <div class="avatar"><img decoding="async" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Avatar testimonio 1"></div>
              <div><div class="t-name">Laura M.</div><div class="t-role">Emprendedora • Personalizados</div><div class="stars">★★★★★</div></div>
            </div>
            “Con las plantillas mi Instagram se ve más pro y la gente pregunta menos y compra más rápido.”
          </div>

          <div class="t-card">
            <div class="t-head">
              <div class="avatar"><img decoding="async" src="https://randomuser.me/api/portraits/men/12.jpg" alt="Avatar testimonio 2"></div>
              <div><div class="t-name">Daniel R.</div><div class="t-role">Negocio local</div><div class="stars">★★★★★</div></div>
            </div>
            “Dejé de improvisar diseños. Ahora todo se ve coherente y eso sube la confianza.”
          </div>

          <div class="t-card">
            <div class="t-head">
              <div class="avatar"><img decoding="async" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Avatar testimonio 3"></div>
              <div><div class="t-name">Carolina S.</div><div class="t-role">Tienda online</div><div class="stars">★★★★★</div></div>
            </div>
            “Lo mejor: implementé en un día. Mi marca se siente más seria y ‘comprable’.”
          </div>
        </div>
      </div>

      <div>
        <div class="guarantee">
          <div class="g-head">
            <img decoding="async" src="https://marketinglive.site/wp-content/uploads/2025/11/7-day-warranty.webp" alt="Garantía de 7 días">
            <h3>Garantía de 7 días</h3>
          </div>
          <p>Entra, revisa y aplica. Si no es para ti, puedes solicitar reembolso dentro de 7 días.</p>
          <p><strong style="color:#0f172a;">Cero riesgo.</strong> Solo una oportunidad real de mejorar tu marca.</p>
        </div>
      </div>
    </section>

    <!-- BONOS (SOLO LOS QUE ENVIASTE) -->
    <section class="bonuses section" id="bonos">
      <h2 class="h2">Bonos incluidos (sin costo extra)</h2>
      <p class="sub">Complementos prácticos para potenciar tu branding y tus ideas creativas.</p>

      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/branding-con-vinilos.webp" alt="Bono 1: Branding con vinilos"></div>
        <div>
          <div class="b-tag">Bono 1</div>
          <h3>Branding con vinilos</h3>
          <p>Ideas para aplicar tu marca en productos físicos y hacerla más memorable.</p>
          <ul class="b-points">
            <li>Aplicaciones recomendadas para emprendedores.</li>
            <li>Coherencia visual en productos y empaques.</li>
            <li>Enfoque en identidad + ventas.</li>
          </ul>
        </div>
      </div>

      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Ideas-de-estampados.webp" alt="Bono 2: Ideas de estampados"></div>
        <div>
          <div class="b-tag">Bono 2</div>
          <h3>Ideas de estampados</h3>
          <p>Inspiración lista para crear piezas atractivas y mantener consistencia en tu estilo.</p>
          <ul class="b-points">
            <li>Ideas para colecciones y publicaciones.</li>
            <li>Variedad para diferentes públicos.</li>
            <li>Más claridad para diseñar y vender.</li>
          </ul>
        </div>
      </div>

      <div style="margin-top:1.25rem;">
        <a href="#precio"><button class="cta-btn" type="button"><span>Ver la oferta</span><span>➜</span></button></a>
        <div class="cta-note" style="margin-top:.55rem;">Incluye kit + 2 bonos + garantía.</div>
      </div>
    </section>

    <!-- PRICING -->
    <section class="pricing section" id="precio">
      <div class="wrap">
        <h2>Accede hoy y profesionaliza tu marca</h2>
        <p class="p">Kit de Branding + Bonos para ordenar tu imagen, crear coherencia visual y vender con más confianza.</p>

        <div class="deal">Pago único • Acceso inmediato • Garantía de 7 días</div>

        <div style="margin-top:.9rem;">
          <a href="https://go.hotmart.com/O103508881T" target="_blank" rel="noopener noreferrer">
            <button class="cta-btn buy-btn pulse" type="button"><span>Comprar ahora</span><span>➜</span></button>
          </a>
          <div class="cta-note" style="margin-top:.55rem;">Serás redirigido a Hotmart para completar el pago.</div>
        </div>

        <!-- BENEFICIOS / LO QUE RECIBES -->
        <div class="summary" id="resumen-entrega">
          <h3>Lo que recibes al entrar:</h3>
          <ul class="lista-beneficios" data-animate="beneficios">
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Kit de Branding para Emprendedores (plantillas + estructura).</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Plantillas listas para crear una identidad visual profesional.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Guía práctica para organizar tu imagen y comunicar con claridad.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Mejor presentación de productos (más confianza, más ventas).</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 1: Branding con vinilos (aplicaciones + coherencia).</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 2: Ideas de estampados (inspiración lista para usar).</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Acceso digital inmediato por Hotmart.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Garantía de 7 días para probar sin riesgo.</span></li>
          </ul>
        </div>

      </div>
    </section>

  </div>
</div>

<script>
  // 15 min countdown (se reinicia al llegar a 0)
  (function () {
    var totalSeconds = 15 * 60;
    function startCountdown() {
      var remaining = totalSeconds;
      var el = document.getElementById("countdown-timer");
      if(!el) return;

      function tick() {
        var m = Math.floor(remaining / 60);
        var s = remaining % 60;
        el.textContent = String(m).padStart(2, "0") + ":" + String(s).padStart(2, "0");
        remaining--;
        if (remaining < 0) remaining = totalSeconds;
      }
      tick();
      setInterval(tick, 1000);
    }
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", startCountdown);
    } else {
      startCountdown();
    }
  })();

  // FAQ accordion
  (function(){
    function initFAQ(){
      var qs = document.querySelectorAll("#faq .q");
      if(!qs.length) return;
      qs.forEach(function(btn){
        btn.addEventListener("click", function(){
          var expanded = btn.getAttribute("aria-expanded") === "true";
          qs.forEach(function(b){ b.setAttribute("aria-expanded","false"); });
          btn.setAttribute("aria-expanded", expanded ? "false" : "true");
        });
      });
    }
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initFAQ);
    } else {
      initFAQ();
    }
  })();

  // Theme toggle (A -> B -> C)
  function toggleThemeVinyl(){
    var root = document.getElementById("vinyl-landing");
    if(!root) return;

    if (!root.classList.contains("theme-a") && !root.classList.contains("theme-b") && !root.classList.contains("theme-c")){
      root.classList.add("theme-a");
      return;
    }
    if (root.classList.contains("theme-a")){
      root.classList.remove("theme-a"); root.classList.add("theme-b"); return;
    }
    if (root.classList.contains("theme-b")){
      root.classList.remove("theme-b"); root.classList.add("theme-c"); return;
    }
    root.classList.remove("theme-c"); root.classList.add("theme-a");
  }

  // Animación de checks al llegar a la sección (scroll)
  (function () {
    function initBenefitsAnimation(){
      var list = document.querySelector('.lista-beneficios[data-animate="beneficios"]');
      if(!list) return;

      function setVisible(){ list.classList.add('is-visible'); }

      if ('IntersectionObserver' in window) {
        var observer = new IntersectionObserver(function(entries){
          entries.forEach(function(entry){
            if(entry.isIntersecting){
              setVisible();
              observer.disconnect();
            }
          });
        }, { threshold: 0.25 });
        observer.observe(list);
      } else {
        setVisible();
      }
    }

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initBenefitsAnimation);
    } else {
      initBenefitsAnimation();
    }
  })();
</script>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Aprende Habilidades Creativas Desde Casa</title>
		<link>https://creeative.site/home/</link>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Fri, 26 Dec 2025 00:43:11 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=32</guid>

					<description><![CDATA[Aprende, aplica y genera ingresos Aprende Habilidades Creativas y Genera Ingresos Desde Casa Convierte tu talento en un proyecto real. Aprende con guía clara, practica con intención y construye una rutina que te acerque a tus metas sin depender de “suerte” o tendencias. Emprender desde casa sí es posible La clave no es hacer de ... <a title="Aprende Habilidades Creativas Desde Casa" class="read-more" href="https://creeative.site/home/" aria-label="Read more about Aprende Habilidades Creativas Desde Casa">Leer más</a>]]></description>
										<content:encoded><![CDATA[
<div>
<!-- HOME INFORMATIVO: HABILIDADES CREATIVAS + EMPRENDER DESDE CASA (RESPONSIVE) -->
<style>
  .cs-home{
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#111827;
    line-height:1.7;
  }
  .cs-home section{
    max-width:1100px;
    margin:0 auto;
    padding:1.5rem 1rem;
  }

  /* HERO */
  .cs-hero-inner{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 18px 40px rgba(0,0,0,.28);
    background:#000;
  }
  .cs-hero-image{width:100%;height:auto;display:block;}
  .cs-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(120deg, rgba(0,0,0,.72), rgba(0,0,0,.42), rgba(0,0,0,.18));
    display:flex;
    align-items:center;
    padding:2.4rem;
  }
  .cs-hero-content{max-width:640px;color:#fff;}
  .cs-hero-content h1{
    font-size:clamp(2.1rem, 3.8vw, 3.1rem);
    font-weight:900;
    margin:0 0 .55rem;
    letter-spacing:.2px;
    line-height:1.12;
  }
  .cs-hero-tagline{
    font-size:1.05rem;
    margin:0 0 .95rem;
    color:#e5e7eb;
    opacity:.96;
  }
  .cs-hero-kicker{
    display:inline-block;
    padding:.35rem .75rem;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    font-size:.85rem;
    color:#f3f4f6;
  }

  /* TITLES */
  .cs-title{
    text-align:center;
    font-size:2rem;
    margin:0 0 .45rem;
    font-weight:900;
    letter-spacing:.2px;
    color:#1f2937;
  }
  .cs-subtitle{
    text-align:center;
    font-size:1rem;
    margin:0 0 1.5rem;
    color:#4b5563;
  }

  /* 2 COLUMNS */
  .cs-columns-2{
    display:grid;
    grid-template-columns:1.35fr 1.15fr;
    gap:2rem;
    align-items:start;
  }
  .cs-columns-2 h3{
    font-size:1.22rem;
    margin:0 0 .25rem;
    font-weight:800;
    color:#1e3a8a;
  }
  .cs-bullets{
    list-style:none;
    padding-left:0;
    margin:.6rem 0 1.1rem;
  }
  .cs-bullets li{
    padding-left:1.25rem;
    margin-bottom:.6rem;
    position:relative;
    color:#374151;
  }
  .cs-bullets li::before{
    content:"•";
    color:#2563eb;
    font-size:1.35rem;
    position:absolute;
    left:0;
    top:-5px;
  }

  /* IMAGE CARD */
  .cs-img-hover{
    width:100%;
    max-width:100%;
    border-radius:16px;
    transition:all .35s ease;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
    display:block;
  }
  .cs-img-hover:hover{
    transform:scale(1.04) translateY(-6px);
    box-shadow:0 25px 55px rgba(0,0,0,.32);
  }

  /* CERT */
  .cs-cert{
    text-align:center;
    padding-bottom:2.25rem;
  }
  .cs-cert img{
    width:58%;
    border-radius:16px;
    box-shadow:0 16px 38px rgba(0,0,0,.28);
    margin:1rem auto 1rem;
    display:block;
  }

  /* COURSE CARD */
  .cs-course{
    margin-top:.5rem;
    background:linear-gradient(180deg, #ffffff, #f8fafc);
    border:1px solid rgba(17,24,39,.10);
    border-radius:18px;
    padding:1.1rem;
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:1.2rem;
    align-items:center;
    box-shadow:0 16px 40px rgba(0,0,0,.10);
  }
  .cs-course img{
    width:100%;
    border-radius:14px;
    display:block;
    box-shadow:0 14px 30px rgba(0,0,0,.16);
  }
  .cs-course h4{
    margin:0 0 .35rem;
    font-size:1.15rem;
    font-weight:900;
    color:#111827;
  }
  .cs-course p{
    margin:0 0 .9rem;
    color:#4b5563;
    font-size:.98rem;
  }
  .cs-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    padding:.9rem 1.2rem;
    border-radius:999px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    border:none;
    cursor:pointer;
    color:#fff;
    background:linear-gradient(120deg,#f97316,#a855f7);
    box-shadow:0 18px 45px rgba(249,115,22,.20);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .cs-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 24px 55px rgba(168,85,247,.18);
  }
  .cs-cta-note{
    margin-top:.55rem;
    font-size:.9rem;
    color:#6b7280;
  }

  /* RESPONSIVE */
  @media (max-width:900px){
    .cs-columns-2{grid-template-columns:1fr;}
    .cs-course{grid-template-columns:1fr;}
    .cs-cert img{width:86%;}
  }

  /* MOBILE HERO: usa imagen como fondo para que el texto se lea mejor */
  @media (max-width:767px){
    .cs-hero-image{display:none;}
    .cs-hero-overlay{
      position:relative;
      padding:2rem 1.35rem;
      min-height:300px;
      background-image:
        linear-gradient(120deg, rgba(0,0,0,.78), rgba(0,0,0,.52), rgba(0,0,0,.22)),
        url("https://creeative.site/wp-content/uploads/2025/12/Tu-creatividad-puede-convertirse-en-ingresos-reales.webp");
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      align-items:flex-start;
    }
    .cs-hero-content{max-width:100%; margin-top:.2rem;}
    .cs-hero-content h1{font-size:1.9rem; line-height:1.22;}
    .cs-hero-tagline{font-size:1rem; line-height:1.45;}
  }
</style>

<div class="cs-home">

  <!-- HERO -->
  <section class="cs-hero">
    <div class="cs-hero-inner">
      <img decoding="async"
        src="https://creeative.site/wp-content/uploads/2025/12/Tu-creatividad-puede-convertirse-en-ingresos-reales.webp"
        alt="Tu creatividad puede convertirse en ingresos reales desde casa"
        class="cs-hero-image"
      />
      <div class="cs-hero-overlay">
        <div class="cs-hero-content">
          <span class="cs-hero-kicker">Aprende, aplica y genera ingresos</span>
          <h1>Aprende Habilidades Creativas y Genera Ingresos Desde Casa</h1>
          <p class="cs-hero-tagline">
            Convierte tu talento en un proyecto real. Aprende con guía clara, practica con intención y construye
            una rutina que te acerque a tus metas sin depender de “suerte” o tendencias.
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- SECCIÓN: EMPRENDER DESDE CASA -->
  <section>
    <h2 class="cs-title">Emprender desde casa sí es posible</h2>
    <p class="cs-subtitle">
      La clave no es hacer de todo: es aprender habilidades concretas, aplicarlas paso a paso y mantenerte
      motivado(a) con resultados pequeños pero constantes.
    </p>

    <div class="cs-columns-2">
      <div>
        <h3>Lo más importante para lograrlo</h3>
        <p>
          Cuando tienes claridad, tu creatividad deja de ser un hobby suelto y se vuelve un plan. Con estructura,
          decides mejor qué aprender, qué practicar y cómo mejorar.
        </p>
        <ul class="cs-bullets">
          <li>Define una meta simple (primeros ingresos, primer producto, primeras ventas).</li>
          <li>Aprende una habilidad y aplícala de inmediato (no acumules cursos sin practicar).</li>
          <li>Crea una rutina realista: 30–60 minutos al día valen más que “un día entero” al mes.</li>
        </ul>

        <h3>Motivación que sí dura</h3>
        <p>
          La motivación se construye cuando ves progreso. Por eso nuestros cursos te llevan a acción: práctica,
          resultados y mejoras claras para seguir avanzando.
        </p>
        <ul class="cs-bullets">
          <li>Progreso visible en semanas, no “algún día”.</li>
          <li>Enfoque en habilidades aplicables para generar ingresos.</li>
          <li>Confianza al ver productos más “pro” y con mejor presentación.</li>
        </ul>
      </div>

      <div>
        <img decoding="async"
          src="https://creeative.site/wp-content/uploads/2025/12/Aprender-y-desarrollar-habilidades-creativas.webp"
          alt="Aprender y desarrollar habilidades creativas para emprender desde casa"
          class="cs-img-hover"
        />
      </div>
    </div>
  </section>

  <!-- CERTIFICADO -->
  <section class="cs-cert">
    <h2 class="cs-title">Certificado al completar</h2>
    <p class="cs-subtitle">
      Completa tu formación y recibe tu certificado. Es una forma de reconocer tu avance y sumar credibilidad a tu perfil.
    </p>

    <img decoding="async"
      src="https://creeative.site/wp-content/uploads/2025/12/Aprende-completa-y-certificate.webp"
      alt="Certificado por completar tu formación creativa"
    />

    <p class="cs-subtitle" style="margin-top:.2rem;">
      Tu certificado demuestra compromiso y constancia: lo más valioso cuando estás construyendo ingresos desde casa.
    </p>
  </section>

  <!-- CURSOS -->
  <section>
    <h3 class="cs-title" style="font-size:1.65rem;">Cursos disponibles</h3>
    <p class="cs-subtitle">
      Aquí comienzas con uno de nuestros cursos más prácticos para emprender con creatividad:
    </p>

    <div class="cs-course">
      <img decoding="async"
        src="https://creeative.site/wp-content/uploads/2025/12/Disena-para-Vender.webp"
        alt="Curso: Diseña con estampados y vinilos"
      />
      <div>
        <h4>Diseña con estampados y vinilos</h4>
        <p>
          Aprende a crear productos creativos con un enfoque práctico: diseño, producción y cómo vender mejor.
          Ideal para empezar desde casa con una habilidad rentable.
        </p>

        <a href="https://pay.hotmart.com/G103508583D?checkoutMode=10" target="_blank" rel="noopener noreferrer">
          <button class="cs-cta" type="button">
            <span>Ir al checkout</span><span>➜</span>
          </button>
        </a>
        <div class="cs-cta-note">Se abre en una página externa de Hotmart.</div>
      </div>
    </div>
  </section>

</div>

</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Negocios de vinilos creativos</title>
		<link>https://creeative.site/negocios-de-vinilos-creativos/</link>
					<comments>https://creeative.site/negocios-de-vinilos-creativos/#comments</comments>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Thu, 25 Dec 2025 16:17:23 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=13</guid>

					<description><![CDATA[Oferta de lanzamiento disponible por tiempo limitado: 15:00 &#x1f525; Descuento exclusivo con límite de tiempo: USD 39 → USD 19 Aprovecha antes de que termine el contador &#x23f3; Fondo (A / B / C) Guía práctica • Vinilos + Estampados • Ventas reales Aprende a Diseñar, Estampar y Vender Productos que Sí se Venden Si ... <a title="Negocios de vinilos creativos" class="read-more" href="https://creeative.site/negocios-de-vinilos-creativos/" aria-label="Read more about Negocios de vinilos creativos">Leer más</a>]]></description>
										<content:encoded><![CDATA[
<div>
<!-- LANDING PAGE: ESTAMPADOS Y VINILOS (CLARO + MOVIMIENTO + RELOJ + TESTIMONIOS + GARANTÍA + CTA HOTMART) -->

<style>
  :root{
    --bg-0:#fff7ed;
    --bg-1:#fdf2f8;
    --bg-2:#eff6ff;

    --text:#0f172a;
    --muted:#475569;

    --trust:#2563eb;
    --innov:#a855f7;
    --result:#16a34a;
    --action:#f97316;

    --border: rgba(15,23,42,.12);
    --shadow: 0 22px 55px rgba(15,23,42,.12);
    --radius: 22px;
  }

  .vinyl-landing.theme-a{
    --bg-0:#fff7ed; --bg-1:#fdf2f8; --bg-2:#eff6ff;
    --trust:#2563eb; --innov:#a855f7; --result:#16a34a; --action:#f97316;
  }
  .vinyl-landing.theme-b{
    --bg-0:#fff7ed; --bg-1:#fef3c7; --bg-2:#fae8ff;
    --trust:#0ea5e9; --innov:#db2777; --result:#22c55e; --action:#ea580c;
    --border: rgba(124,45,18,.12);
  }
  .vinyl-landing.theme-c{
    --bg-0:#ecfeff; --bg-1:#f0fdf4; --bg-2:#fff7ed;
    --trust:#0891b2; --innov:#7c3aed; --result:#16a34a; --action:#f59e0b;
    --border: rgba(8,145,178,.14);
  }

  html{scroll-behavior:smooth;}
  .vinyl-landing{
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color: var(--text);
    margin:0; padding:0;
    background:
      radial-gradient(900px 600px at 18% 10%, rgba(249,115,22,.14), transparent 60%),
      radial-gradient(820px 520px at 82% 18%, rgba(168,85,247,.12), transparent 60%),
      radial-gradient(780px 520px at 50% 92%, rgba(34,197,94,.10), transparent 60%),
      linear-gradient(180deg, var(--bg-1), var(--bg-0) 55%, var(--bg-2) 120%);
  }
  .vinyl-landing *{box-sizing:border-box;}
  .vinyl-landing a{text-decoration:none;}

  .vinyl-container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem 1.1rem 3rem;
  }

  .top-row{
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem; margin:.5rem 0 1.2rem; flex-wrap:wrap;
  }

  /* &#x2705; NUEVO: wrapper para mantener el layout sin dañarlo */
  .top-left{
    display:flex;
    flex-direction:column;
    gap:.55rem;
    flex: 1 1 520px;
    min-width: 280px;
  }

  .countdown-bar{
    background: linear-gradient(90deg, rgba(249,115,22,.14), rgba(168,85,247,.14));
    padding:.75rem 1rem;
    border-radius: 999px;
    display:flex; align-items:center; justify-content:center; gap:.75rem;
    font-size:.95rem; font-weight:800;
    border: 1px solid var(--border);
    box-shadow: 0 14px 35px rgba(15,23,42,.08);
  }
  #countdown-timer{
    background: rgba(255,255,255,.72);
    padding:.35rem .9rem;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
    letter-spacing:.08em;
    border:1px solid var(--border);
  }

  /* &#x2705; NUEVO: barra de descuento debajo del reloj */
  .discount-bar{
    background: linear-gradient(90deg, rgba(34,197,94,.12), rgba(249,115,22,.10));
    padding:.65rem 1rem;
    border-radius: 999px;
    display:flex; align-items:center; justify-content:center; gap:.6rem;
    flex-wrap:wrap;
    border: 1px solid rgba(34,197,94,.22);
    box-shadow: 0 12px 30px rgba(15,23,42,.06);
    text-align:center;
  }
  .discount-bar .label{
    font-size:.92rem;
    font-weight:900;
    color:#0f172a;
  }
  .discount-bar .was{
    font-size:.92rem;
    font-weight:900;
    color: var(--muted);
    text-decoration: line-through;
    opacity:.9;
  }
  .discount-bar .arrow{
    font-weight:900;
    color:#0f172a;
  }
  .discount-bar .now{
    font-size:1.05rem;
    font-weight:1000;
    color:#16a34a; /* VERDE */
    background: rgba(22,163,74,.12);
    border: 1px solid rgba(22,163,74,.22);
    padding:.18rem .7rem;
    border-radius:999px;
    letter-spacing:.02em;
    animation: pricePop 1.25s ease-in-out infinite;
  }
  .discount-bar .note{
    font-size:.86rem;
    font-weight:800;
    color: var(--muted);
  }
  @keyframes pricePop{
    0%,100%{transform: translateY(0) scale(1); box-shadow: 0 10px 26px rgba(22,163,74,.10);}
    50%{transform: translateY(-2px) scale(1.06); box-shadow: 0 16px 40px rgba(22,163,74,.16);}
  }

  .theme-switch{
    display:inline-flex; align-items:center; gap:.55rem;
    padding:.55rem .8rem;
    border-radius: 999px;
    border:1px solid var(--border);
    background: rgba(255,255,255,.70);
    color: var(--muted);
    cursor:pointer;
    transition: transform .15s ease, border-color .15s ease, color .15s ease;
    backdrop-filter: blur(10px);
  }
  .theme-switch:hover{transform: translateY(-2px); border-color: rgba(37,99,235,.25); color:#0f172a;}
  .theme-dot{
    width:10px;height:10px;border-radius:999px;
    background: linear-gradient(120deg, var(--trust), var(--innov));
    box-shadow: 0 0 0 6px rgba(168,85,247,.10);
  }

  .hero{
    display:grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    gap: 2rem;
    align-items:center;
    margin: 1rem 0 2.6rem;
  }

  .badge{
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.35rem .75rem;
    border-radius:999px;
    border:1px solid var(--border);
    background: rgba(255,255,255,.70);
    color: var(--muted);
    font-size:.78rem;
    margin-bottom:.85rem;
    box-shadow: 0 10px 30px rgba(15,23,42,.06);
  }
  .badge .pulse-dot{
    width:8px;height:8px;border-radius:999px;
    background: var(--result);
    box-shadow: 0 0 0 7px rgba(34,197,94,.10);
  }

  /* &#x2705; H1 menos “repintado”: sin gradiente fuerte */
  .hero h1{
    font-size: clamp(2rem, 3.2vw, 2.85rem);
    line-height:1.08;
    margin:0 0 .85rem 0;
    color:#0f172a;
    letter-spacing: -0.02em;
  }
  .hero h1 .accent{
    color: var(--action);
    font-weight: 900;
  }

  .hero-sub{
    color: var(--muted);
    font-size: 1rem;
    max-width: 600px;
    margin: 0 0 1.15rem;
  }
  .hero-sub strong{color:#0f172a;font-weight:850;}

  .pill-row{display:flex; flex-wrap:wrap; gap:.65rem; margin: 0 0 1.25rem;}
  .pill{
    font-size:.83rem;
    padding:.38rem .85rem;
    border-radius:999px;
    border:1px solid var(--border);
    background: rgba(255,255,255,.72);
    color: var(--muted);
    box-shadow: 0 10px 26px rgba(15,23,42,.05);
  }

  .cta-row{display:flex; flex-wrap:wrap; gap:.75rem; align-items:center;}

  .cta-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    padding:.9rem 1.85rem;
    border-radius:999px;
    border:none;
    cursor:pointer;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#ffffff;
    background: linear-gradient(120deg, var(--action), var(--innov));
    box-shadow: 0 18px 45px rgba(249,115,22,.16);
    position:relative; overflow:hidden;
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .cta-btn:hover{transform: translateY(-2px) scale(1.02); box-shadow: 0 22px 55px rgba(168,85,247,.16);}
  .cta-btn.pulse{animation: pulseGlow 1.6s infinite ease-in-out;}
  @keyframes pulseGlow{
    0%{box-shadow: 0 18px 45px rgba(249,115,22,.16);}
    50%{box-shadow: 0 26px 65px rgba(168,85,247,.16);}
    100%{box-shadow: 0 18px 45px rgba(249,115,22,.16);}
  }
  .cta-note{font-size:.86rem; color: var(--muted);}

  .hero-img-wrap{display:flex; justify-content:center; position:relative;}
  .img-card{
    width:100%;
    background: rgba(255,255,255,.72);
    border:1px solid rgba(15,23,42,.10);
    border-radius: var(--radius);
    padding: .9rem;
    box-shadow: var(--shadow);
    position:relative;
    overflow:hidden;
  }
  .img-card img{
    width:100%;
    border-radius: calc(var(--radius) - 10px);
    display:block;
    animation: floatY 3.8s ease-in-out infinite;
  }
  @keyframes floatY{
    0%,100%{transform: translateY(0);}
    50%{transform: translateY(-10px);}
  }
  .floating-tag{
    position:absolute; left: 1.1rem; bottom: 1rem;
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.38rem .85rem;
    border-radius:999px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.78);
    color: var(--muted);
    backdrop-filter: blur(10px);
    font-size:.8rem;
    box-shadow: 0 14px 30px rgba(15,23,42,.06);
  }
  .floating-tag .mini-dot{
    width:8px;height:8px;border-radius:999px;background: var(--result);
    box-shadow: 0 0 0 6px rgba(34,197,94,.10);
  }

  .section{margin: 0 0 2.9rem;}
  .grid-2{
    display:grid;
    grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
    gap: 2rem;
    align-items:center;
  }

  /* &#x2705; Subtítulos menos “repintados” */
  .h2{
    font-size: 1.35rem;
    margin: 0 0 .55rem;
    color:#0f172a;
    letter-spacing: -0.01em;
  }

  .sub{
    color: var(--muted);
    margin: 0 0 1.2rem;
    font-size:.98rem;
    max-width: 680px;
  }

  .frame{
    border-radius: var(--radius);
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    box-shadow: var(--shadow);
    overflow:hidden;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .frame:hover{transform: translateY(-5px); box-shadow: 0 30px 70px rgba(15,23,42,.14);}
  .frame img{width:100%; display:block; height:auto;}

  .list{display:grid; gap:.85rem;}
  .item{
    display:flex; gap:.75rem; align-items:flex-start;
    padding:.85rem .95rem;
    border-radius: 16px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    color: var(--muted);
    transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease;
    box-shadow: 0 14px 35px rgba(15,23,42,.06);
  }
  .item .ic{font-size:1.15rem; flex-shrink:0;}
  .item strong{color:#0f172a;}
  .item:hover{
    transform: translateY(-3px) translateX(2px);
    border-color: rgba(37,99,235,.18);
    background: rgba(255,255,255,.88);
    color:#0f172a;
  }

  .product{
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(168,85,247,.08));
    border:1px solid rgba(15,23,42,.10);
    border-radius: calc(var(--radius) + 2px);
    padding: 1.5rem 1.35rem;
    box-shadow: 0 28px 85px rgba(15,23,42,.12);
    display:grid;
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    gap: 1.8rem;
    align-items:center;
  }
  .product p{color: var(--muted); margin:.25rem 0 1rem; font-size:.97rem;}
  .product .mini{display:grid; gap:.5rem; color: var(--muted); font-size:.93rem;}
  .product .mini strong{color:#0f172a;}
  .mockup img{
    width:100%;
    display:block;
    border-radius: calc(var(--radius) - 10px);
    border:1px solid rgba(15,23,42,.10);
    box-shadow: 0 22px 70px rgba(15,23,42,.14);
    animation: floatY 4.2s ease-in-out infinite;
  }

  .faq-wrap{
    background: rgba(255,255,255,.74);
    border:1px solid rgba(15,23,42,.10);
    border-radius: var(--radius);
    padding: 1.15rem 1.1rem;
    box-shadow: 0 22px 70px rgba(15,23,42,.10);
  }
  .faq{display:grid; gap:.75rem;}
  .q{
    width:100%;
    text-align:left;
    cursor:pointer;
    padding:.9rem .95rem;
    border-radius:16px;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    color:#0f172a;
    font-weight:850;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
  }
  .q:hover{transform: translateY(-2px); border-color: rgba(37,99,235,.18); background: rgba(255,255,255,.92);}
  .a{display:none; color: var(--muted); padding: 0 .95rem .85rem .95rem; line-height:1.45;}
  .q[aria-expanded="true"] + .a{display:block;}
  .chev{
    width:34px;height:34px;border-radius:999px;
    display:grid;place-items:center;
    border:1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.75);
    color: var(--muted);
    flex-shrink:0;
    transition: transform .2s ease;
  }
  .q[aria-expanded="true"] .chev{transform: rotate(180deg);}

  .testimonials{display:grid; gap: 1rem;}
  .t-card{
    background: rgba(255,255,255,.72);
    border:1px solid rgba(15,23,42,.10);
    border-radius: 18px;
    padding: .95rem 1rem;
    box-shadow: 0 16px 48px rgba(15,23,42,.08);
    color: var(--muted);
    transition: transform .15s ease, border-color .15s ease;
  }
  .t-card:hover{transform: translateY(-3px); border-color: rgba(168,85,247,.18);}
  .t-head{display:flex; align-items:center; gap:.65rem; margin-bottom:.45rem;}
  .avatar{width:42px;height:42px;border-radius:999px; overflow:hidden; border:1px solid rgba(15,23,42,.10); flex-shrink:0;}
  .avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .t-name{color:#0f172a;font-weight:900;font-size:.9rem;}
  .t-role{font-size:.78rem;color: var(--muted);}
  .stars{color:#f59e0b;font-size:.85rem;margin-top:.2rem;}

  .guarantee{
    background: rgba(255,255,255,.78);
    border:1px solid rgba(34,197,94,.25);
    border-radius: var(--radius);
    padding: 1.15rem 1.1rem;
    display:flex;
    flex-direction:column;
    gap:.55rem;
    box-shadow: 0 18px 55px rgba(15,23,42,.08);
  }
  .g-head{display:flex; align-items:center; gap:.85rem; flex-wrap:wrap;}
  .guarantee img{width:120px;height:auto;flex-shrink:0;}
  .guarantee h3{margin:0; color:#166534; font-size:1.05rem;}
  .guarantee p{margin:0; color: var(--muted); line-height:1.45;}

  .bonuses{margin-top: 2.2rem;}
  .bonus{
    display:grid;
    grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr);
    gap: 1.2rem;
    align-items:center;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    box-shadow: 0 18px 55px rgba(15,23,42,.08);
    margin-bottom: 1.05rem;
  }
  .bonus img{
    width:100%;
    display:block;
    border-radius: 14px;
    border:1px solid rgba(15,23,42,.10);
    box-shadow: 0 14px 45px rgba(15,23,42,.10);
    max-height: 200px;
    object-fit: cover;
    animation: floatY 4.8s ease-in-out infinite;
  }
  .b-tag{color:#6d28d9; font-weight:800; font-size:.85rem; margin-bottom:.25rem;}
  .bonus h3{margin:.1rem 0 .35rem; font-size: 1.05rem; color:#0f172a;}
  .bonus p{margin:0; color: var(--muted); font-size:.95rem; line-height:1.45;}
  .b-points{margin:.6rem 0 0; padding-left: 1.1rem; color: var(--muted); font-size:.92rem;}
  .b-points li{margin:.25rem 0;}

  .pricing{margin-top: 2.4rem; text-align:center;}
  .pricing .wrap{
    display:inline-block;
    width: min(860px, 100%);
    border-radius: calc(var(--radius) + 4px);
    border: 1px solid rgba(15,23,42,.10);
    background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(37,99,235,.06));
    padding: 1.4rem 1.2rem;
    box-shadow: 0 30px 95px rgba(15,23,42,.10);
  }
  .pricing h2{margin:.1rem 0 .55rem; font-size: 1.45rem; color:#0f172a;}
  .pricing .p{color: var(--muted); margin:0 0 1rem; font-size:.98rem;}
  .deal{color:#1e293b; font-weight:800; font-size:.9rem; margin-bottom: 1.1rem;}

  .buy-btn{background: linear-gradient(120deg, var(--action), var(--innov));}

  /* &#x2705; SUMMARY: fix definitivo (sin ::before con entidades) */
  .summary{
    text-align:left;
    margin: 1.15rem auto 0;
    max-width: 760px;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.10);
    background: rgba(255,255,255,.72);
    padding: 1rem 1rem;
    color: var(--muted);
  }
  .summary h3{margin:0 0 .55rem; color:#0f172a; font-size:1.02rem;}

  .lista-beneficios{list-style:none; padding-left:0; margin:.2rem 0 0;}
  .lista-beneficios li{
    display:flex; align-items:flex-start; gap:.6rem;
    margin:.42rem 0; font-size:.95rem; color: var(--muted);
    opacity:0; transform: translateY(12px); filter: blur(2px);
    transition: opacity .55s ease, transform .55s ease, filter .55s ease;
  }
  .lista-beneficios .check{width:22px; flex:0 0 22px; line-height:1.2;}
  .lista-beneficios.is-visible li{opacity:1; transform: translateY(0); filter: blur(0);}
  .lista-beneficios.is-visible li:nth-child(1){transition-delay:.05s;}
  .lista-beneficios.is-visible li:nth-child(2){transition-delay:.12s;}
  .lista-beneficios.is-visible li:nth-child(3){transition-delay:.19s;}
  .lista-beneficios.is-visible li:nth-child(4){transition-delay:.26s;}
  .lista-beneficios.is-visible li:nth-child(5){transition-delay:.33s;}
  .lista-beneficios.is-visible li:nth-child(6){transition-delay:.40s;}
  .lista-beneficios.is-visible li:nth-child(7){transition-delay:.47s;}
  .lista-beneficios.is-visible li:nth-child(8){transition-delay:.54s;}
  .lista-beneficios.is-visible li:nth-child(9){transition-delay:.61s;}
  .lista-beneficios.is-visible li:nth-child(10){transition-delay:.68s;}
  .lista-beneficios.is-visible li:nth-child(11){transition-delay:.75s;}

  /* &#x2705; Por si quedó alguna regla vieja en el tema */
  .summary li::before{content:"" !important; display:none !important;}

  @media (max-width: 900px){
    .hero, .grid-2, .product, .bonus{grid-template-columns: 1fr;}
    .hero-img-wrap{order:-1;}
  }
  @media (max-width: 640px){
    .countdown-bar{flex-direction:column; text-align:center;}
    .hero h1{font-size: 1.95rem;}
    .cta-btn{width:100%;}
    .theme-switch{width:100%; justify-content:center;}
    .discount-bar{border-radius: 18px;}
  }
</style>

<div class="vinyl-landing theme-a" id="vinyl-landing">
  <div class="vinyl-container">

    <!-- TOP ROW -->
    <div class="top-row">
      <div class="top-left">
        <div class="countdown-bar" aria-label="Temporizador de bono de lanzamiento">
          <span>Oferta de lanzamiento disponible por tiempo limitado:</span>
          <span id="countdown-timer">15:00</span>
        </div>

        <!-- &#x2705; NUEVO: DESCUENTO debajo del reloj -->
        <div class="discount-bar" aria-label="Descuento exclusivo por tiempo limitado">
          <span class="label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Descuento exclusivo con límite de tiempo:</span>
          <span class="was">USD 39</span>
          <span class="arrow">→</span>
          <span class="now">USD 19</span>
          <span class="note">Aprovecha antes de que termine el contador <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f3.png" alt="⏳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
        </div>
      </div>

      <button class="theme-switch" type="button" onclick="toggleThemeVinyl()">
        <span class="theme-dot"></span>
        <span>Fondo (A / B / C)</span>
      </button>
    </div>

    <!-- HERO -->
    <section class="hero">
      <div>
        <div class="badge">
          <span class="pulse-dot"></span>
          <span>Guía práctica • Vinilos + Estampados • Ventas reales</span>
        </div>

        <h1>Aprende a Diseñar, Estampar y Vender <span class="accent">Productos que Sí se Venden</span></h1>

        <p class="hero-sub">
          Si ya haces cosas bonitas pero no se venden (o te piden “más barato”), aquí construyes un sistema:
          <strong>diseños que gustan</strong>, <strong>acabados pro</strong> y <strong>ofertas que convierten</strong>.
        </p>

        <div class="pill-row">
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Diseños con intención</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9f5.png" alt="🧵" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Proceso paso a paso</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3f7.png" alt="🏷" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Precios con margen</span>
          <span class="pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e6.png" alt="📦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ideas por temporada</span>
        </div>

        <div class="cta-row">
          <a href="#precio"><button class="cta-btn pulse" type="button"><span>Ver la oferta</span><span>➜</span></button></a>
          <div class="cta-note">Acceso digital inmediato • Pago único • Checkout Hotmart</div>
        </div>
      </div>

      <div class="hero-img-wrap">
        <div class="img-card">
          <img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Estampa-y-Emprende.webp" alt="Estampa y Emprende: aprende a diseñar, estampar y vender con vinilos" />
          <div class="floating-tag">
            <span class="mini-dot"></span>
            <span>De hobby a ventas, con método.</span>
          </div>
        </div>
      </div>
    </section>

    <!-- SECTION 1 -->
    <section class="section grid-2">
      <div class="frame">
        <img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Convierte-tu-talento-en-ventas-reales.webp" alt="Convierte tu talento en ventas reales con estampados y vinilos" />
      </div>
      <div>
        <h2 class="h2">Cuando trabajas con método, tu negocio se siente más “pro”</h2>
        <p class="sub">
          No se trata de hacer más. Se trata de elegir bien, cobrar bien y entregar con calidad para que te recomienden.
        </p>

        <div class="list">
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Claridad de producto:</strong> qué vender según demanda.</div></div>
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9f5.png" alt="🧵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Proceso ordenado:</strong> diseño → corte → estampado → entrega.</div></div>
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3f7.png" alt="🏷" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Precio rentable:</strong> margen real sin improvisar.</div></div>
          <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Mejor presentación:</strong> fotos + descripciones para vender.</div></div>
        </div>

        <!-- &#x2705; INSERTADO: Bonos de regalo debajo de la lista -->
        <div style="margin-top:1.05rem;">
          <div class="badge" style="margin-bottom:.8rem;">
            <span class="pulse-dot" style="background:var(--action); box-shadow: 0 0 0 7px rgba(249,115,22,.12);"></span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Bonos de regalo incluidos (sin costo extra)</span>
          </div>

          <div class="list">
            <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Bono 1:</strong> Calculadora de precios y márgenes</div></div>
            <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Bono 2:</strong> Checklist de control de calidad</div></div>
            <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Bono 3:</strong> 30 productos con vinilo que se venden</div></div>
            <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Bono 4:</strong> Imágenes y descripciones que venden</div></div>
            <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Bono 5:</strong> ¿Cómo usar las máquinas adecuadamente?</div></div>
            <div class="item"><span class="ic"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div><strong>Bono 6:</strong> ¿Cómo generar dinero con este negocio?</div></div>
          </div>
        </div>

        <div style="margin-top:1.1rem;">
          <a href="#precio"><button class="cta-btn" type="button"><span>Quiero la oferta</span><span>➜</span></button></a>
          <div class="cta-note" style="margin-top:.45rem;">Aplicable desde hoy (sin complicarte).</div>
        </div>
      </div>
    </section>

    <!-- PRODUCT -->
    <section class="section">
      <div class="product">
        <div>
          <h2 class="h2">Tu guía: “Diseña para Vender”</h2>
          <p>Un mapa claro para crear productos atractivos, producir con calidad y vender con confianza.</p>

          <div class="mini">
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Diseño con intención:</strong> qué funciona y cómo adaptarlo.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Producción sin errores:</strong> menos retrabajo y pérdidas.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Oferta que convierte:</strong> cómo presentar tu producto.</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Acción rápida:</strong> enfocado en aplicar, no solo leer.</span>
          </div>

          <div style="margin-top:1rem;">
            <a href="#precio"><button class="cta-btn" type="button"><span>Quiero acceso</span><span>➜</span></button></a>
            <div class="cta-note" style="margin-top:.45rem;">Ideal si quieres vender más y mejor con vinilo/estampado.</div>
          </div>
        </div>

        <div class="mockup">
          <img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Disena-para-Vender.webp" alt="Mockup del ebook Diseña para Vender sobre estampados y vinilos" />
        </div>
      </div>
    </section>

    <!-- FAQ -->
    <section class="section">
      <h2 class="h2">Preguntas frecuentes</h2>
      <p class="sub">Para que decidas con seguridad.</p>

      <div class="faq-wrap">
        <div class="faq" id="faq">
          <button class="q" type="button" aria-expanded="false"><span>¿Necesito experiencia previa?</span><span class="chev">⌄</span></button>
          <div class="a">No. Está explicado para principiantes y para quienes ya venden pero quieren ordenar su proceso.</div>

          <button class="q" type="button" aria-expanded="false"><span>¿Me ayuda a elegir qué productos vender?</span><span class="chev">⌄</span></button>
          <div class="a">Sí. Además, tienes el bono de 30 productos con vinilo que se venden para no adivinar.</div>

          <button class="q" type="button" aria-expanded="false"><span>¿Me enseña a cobrar con margen?</span><span class="chev">⌄</span></button>
          <div class="a">Sí. Incluye calculadora de precios y márgenes para cobrar con claridad.</div>

          <button class="q" type="button" aria-expanded="false"><span>¿Acceso inmediato?</span><span class="chev">⌄</span></button>
          <div class="a">Sí. Es digital: compras y accedes de inmediato por Hotmart.</div>
        </div>
      </div>
    </section>

    <!-- TESTIMONIOS + GARANTÍA -->
    <section class="section grid-2">
      <div>
        <h2 class="h2">Lo que dicen quienes ya están mejorando sus ventas</h2>
        <p class="sub">Más claridad, mejor calidad y precios rentables.</p>

        <div class="testimonials">
          <div class="t-card">
            <div class="t-head">
              <div class="avatar"><img decoding="async" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Avatar testimonio 1"></div>
              <div><div class="t-name">Laura M.</div><div class="t-role">Emprendedora • Personalizados</div><div class="stars">★★★★★</div></div>
            </div>
            “Por fin cobro con ganancia real. Antes no sabía cuánto me quedaba.”
          </div>

          <div class="t-card">
            <div class="t-head">
              <div class="avatar"><img decoding="async" src="https://randomuser.me/api/portraits/men/12.jpg" alt="Avatar testimonio 2"></div>
              <div><div class="t-name">Daniel R.</div><div class="t-role">Negocio local • Vinilos</div><div class="stars">★★★★★</div></div>
            </div>
            “El checklist me redujo errores y entrego más rápido.”
          </div>

          <div class="t-card">
            <div class="t-head">
              <div class="avatar"><img decoding="async" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Avatar testimonio 3"></div>
              <div><div class="t-name">Carolina S.</div><div class="t-role">Creadora • Estampados</div><div class="stars">★★★★★</div></div>
            </div>
            “Empecé a publicar mejor y mis productos se ven más ‘pro’.”
          </div>
        </div>
      </div>

      <div>
        <div class="guarantee">
          <div class="g-head">
            <img decoding="async" src="https://marketinglive.site/wp-content/uploads/2025/11/7-day-warranty.webp" alt="Garantía de 7 días">
            <h3>Garantía de 7 días</h3>
          </div>
          <p>Entra, revisa y aplica. Si no es para ti, puedes solicitar reembolso dentro de 7 días.</p>
          <p><strong style="color:#0f172a;">Cero riesgo.</strong> Solo una oportunidad real de avanzar.</p>
        </div>
      </div>
    </section>

    <!-- BONOS -->
    <section class="bonuses section" id="bonos">
      <h2 class="h2">Bonos incluidos (sin costo extra)</h2>
      <p class="sub">Para avanzar rápido: precios, calidad, ideas y publicaciones que venden.</p>

      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/como-poner-precios-a-productos-con-vinilo.webp" alt="Bono 1: Calculadora de precios y márgenes"></div>
        <div>
          <div class="b-tag">Bono 1</div>
          <h3>Calculadora de precios y márgenes</h3>
          <p>Define precios con seguridad y ganancia real.</p>
          <ul class="b-points">
            <li>Incluye materiales, tiempo y gastos.</li>
            <li>Calcula margen por producto.</li>
            <li>Precios consistentes.</li>
          </ul>
        </div>
      </div>

      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Estampado-Sin-Errores.webp" alt="Bono 2: Checklist de control de calidad"></div>
        <div>
          <div class="b-tag">Bono 2</div>
          <h3>Checklist de control de calidad</h3>
          <p>Menos errores y entregas más “pro”.</p>
          <ul class="b-points">
            <li>Revisión rápida antes de entregar.</li>
            <li>Alineación, adhesión, limpieza y acabado.</li>
            <li>Estándar para tu marca.</li>
          </ul>
        </div>
      </div>

      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Vinilos-Rentables.webp" alt="Bono 3: 30 productos con vinilo que se venden"></div>
        <div>
          <div class="b-tag">Bono 3</div>
          <h3>30 productos con vinilo que se venden</h3>
          <p>Ideas con demanda para lanzar sin adivinar.</p>
          <ul class="b-points">
            <li>Fácil, estrella y premium.</li>
            <li>Perfectos para temporadas.</li>
            <li>Enfoque en rentabilidad.</li>
          </ul>
        </div>
      </div>

      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2025/12/Imagen-Profesional-en-Vinilos.webp" alt="Bono 4: Imágenes y descripciones que venden"></div>
        <div>
          <div class="b-tag">Bono 4</div>
          <h3>Imágenes y descripciones que venden</h3>
          <p>Haz que tus productos se vean “comprables”.</p>
          <ul class="b-points">
            <li>Checklist de fotos (luz, ángulos, fondo).</li>
            <li>Estructura de descripción que convierte.</li>
            <li>Hooks para publicar.</li>
          </ul>
        </div>
      </div>

      <!-- &#x2705; BONOS ADICIONALES INSERTADOS -->
      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2026/01/Maquinas-pro.webp" alt="&#x1f381; Bono 5: Cómo usar las máquinas adecuadamente"></div>
        <div>
          <div class="b-tag"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Bono 5</div>
          <h3>¿Cómo usar las máquinas adecuadamente?</h3>
          <p>Guía práctica para trabajar más rápido, con mejor acabado y menos errores al producir.</p>
          <ul class="b-points">
            <li>Preparación → ajustes → prueba → producción (orden pro).</li>
            <li>Errores comunes y cómo evitarlos (presión, temperatura, tiempo).</li>
            <li>Checklist rápido para entregar con estándar.</li>
          </ul>
        </div>
      </div>

      <div class="bonus">
        <div><img decoding="async" src="https://creeative.site/wp-content/uploads/2026/01/Como-ganar-con-el-Negocio-de-los-estampados.webp" alt="&#x1f381; Bono 6: Cómo generar dinero con este negocio"></div>
        <div>
          <div class="b-tag"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Bono 6</div>
          <h3>¿Cómo generar dinero con este Negocio?</h3>
          <p>Plan claro para recuperar inversión y crecer: qué comprar primero, qué vender y cómo conseguir clientes.</p>
          <ul class="b-points">
            <li>Estimado de inversión (máquinas clave + materiales indispensables).</li>
            <li>Primeros clientes: orgánico + publicidad + ofertas que convierten.</li>
            <li>Contratos posibles (negocios, uniformes, eventos) y cómo acercarte.</li>
          </ul>
        </div>
      </div>

      <div style="margin-top:1.25rem;">
        <a href="#precio"><button class="cta-btn" type="button"><span>Ver la oferta</span><span>➜</span></button></a>
        <div class="cta-note" style="margin-top:.55rem;">Incluye ebook + 6 bonos + garantía.</div>
      </div>
    </section>

    <!-- PRICING -->
    <section class="pricing section" id="precio">
      <div class="wrap">
        <h2>Accede hoy y empieza a vender con confianza</h2>
        <p class="p">Ebook + 6 bonos para crear productos rentables, con calidad y una presentación que vende.</p>

        <div class="deal">Pago único • Acceso inmediato • Garantía de 7 días</div>

        <div style="margin-top:.9rem;">
          <a href="https://pay.hotmart.com/G103508583D?checkoutMode=10" target="_blank" rel="noopener noreferrer">
            <!-- &#x2705; CAMBIO: botón final incluye precio -->
            <button class="cta-btn buy-btn pulse" type="button"><span>Comprar ahora • USD 19</span><span>➜</span></button>
          </a>
          <div class="cta-note" style="margin-top:.55rem;">Serás redirigido a Hotmart para completar el pago.</div>
        </div>

        <!-- &#x2705; SUMMARY COMPLETO Y CERRADO -->
        <div class="summary" id="resumen-entrega">
          <h3>Lo que recibes al entrar:</h3>
          <ul class="lista-beneficios" data-animate="beneficios">
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Ebook “Diseña para Vender” (vinilos + estampados).</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Flujo de trabajo: de idea → producción → entrega.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Cómo elegir productos con demanda.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Cómo vender mejor: fotos, descripciones y publicación.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 1: Calculadora de precios y márgenes.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 2: Checklist de control de calidad.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 3: 30 productos con vinilo que se venden.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 4: Imágenes y descripciones que venden.</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 5: ¿Cómo usar las máquinas adecuadamente?</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Bono 6: ¿Cómo generar dinero con este negocio?</span></li>
            <li><span class="check"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>Garantía de 7 días para probar sin riesgo.</span></li>
          </ul>
        </div>

      </div>
    </section>

  </div>
</div>

<script>
  // &#x2705; Limpia fbclid (evita URLs duplicadas)
  (function () {
    try {
      var url = new URL(window.location.href);
      if (url.searchParams.has("fbclid")) {
        url.searchParams.delete("fbclid");
        var clean = url.pathname + (url.search ? url.search : "") + (url.hash ? url.hash : "");
        window.history.replaceState({}, document.title, clean);
      }
    } catch(e) {}
  })();

  // &#x2705; Evento intermedio (clic a Hotmart = intención real) SIN duplicados
  (function () {
    function trackInitiateCheckoutOnce() {
      try {
        // Candado global: si otro script (ej. functions.php) también trackea, evitamos doble evento
        if (window.__creeative_initiate_checkout_fired) return;
        window.__creeative_initiate_checkout_fired = true;

        if (typeof fbq === "function") {
          fbq("track", "InitiateCheckout");
        }
      } catch(e) {}
    }

    function bindCheckoutTracking() {
      var checkoutLinks = document.querySelectorAll('a[href*="pay.hotmart.com/"]');
      if (!checkoutLinks.length) return;

      checkoutLinks.forEach(function(a){
        a.addEventListener("click", trackInitiateCheckoutOnce, { passive: true });
      });
    }

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", bindCheckoutTracking);
    } else {
      bindCheckoutTracking();
    }
  })();

  // 15 min countdown (se reinicia al llegar a 0)
  (function () {
    var totalSeconds = 15 * 60;
    function startCountdown() {
      var remaining = totalSeconds;
      var el = document.getElementById("countdown-timer");
      if(!el) return;

      function tick() {
        var m = Math.floor(remaining / 60);
        var s = remaining % 60;
        el.textContent = String(m).padStart(2, "0") + ":" + String(s).padStart(2, "0");
        remaining--;
        if (remaining < 0) remaining = totalSeconds;
      }
      tick();
      setInterval(tick, 1000);
    }
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", startCountdown);
    } else {
      startCountdown();
    }
  })();

  // FAQ accordion
  (function(){
    function initFAQ(){
      var qs = document.querySelectorAll("#faq .q");
      if(!qs.length) return;
      qs.forEach(function(btn){
        btn.addEventListener("click", function(){
          var expanded = btn.getAttribute("aria-expanded") === "true";
          qs.forEach(function(b){ b.setAttribute("aria-expanded","false"); });
          btn.setAttribute("aria-expanded", expanded ? "false" : "true");
        });
      });
    }
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initFAQ);
    } else {
      initFAQ();
    }
  })();

  // Theme toggle (A -> B -> C)
  function toggleThemeVinyl(){
    var root = document.getElementById("vinyl-landing");
    if(!root) return;

    if (!root.classList.contains("theme-a") && !root.classList.contains("theme-b") && !root.classList.contains("theme-c")){
      root.classList.add("theme-a");
      return;
    }
    if (root.classList.contains("theme-a")){
      root.classList.remove("theme-a"); root.classList.add("theme-b"); return;
    }
    if (root.classList.contains("theme-b")){
      root.classList.remove("theme-b"); root.classList.add("theme-c"); return;
    }
    root.classList.remove("theme-c"); root.classList.add("theme-a");
  }

  // &#x2705; Animación de checks al llegar a la sección (scroll)
  (function () {
    function initBenefitsAnimation(){
      var list = document.querySelector('.lista-beneficios[data-animate="beneficios"]');
      if(!list) return;

      function setVisible(){ list.classList.add('is-visible'); }

      if ('IntersectionObserver' in window) {
        var observer = new IntersectionObserver(function(entries){
          entries.forEach(function(entry){
            if(entry.isIntersecting){
              setVisible();
              observer.disconnect();
            }
          });
        }, { threshold: 0.25 });
        observer.observe(list);
      } else {
        setVisible();
      }
    }

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initBenefitsAnimation);
    } else {
      initBenefitsAnimation();
    }
  })();
</script>




<div>
<script>
  (function () {
    function initBenefitsAnimation(){
      var list = document.querySelector('.lista-beneficios[data-animate="beneficios"]');
      if(!list) return;

      function setVisible(){ list.classList.add('is-visible'); }

      if ('IntersectionObserver' in window) {
        var observer = new IntersectionObserver(function(entries){
          entries.forEach(function(entry){
            if(entry.isIntersecting){
              setVisible();
              observer.disconnect();
            }
          });
        }, { threshold: 0.25 });

        observer.observe(list);
      } else {
        setVisible();
      }
    }

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", initBenefitsAnimation);
    } else {
      initBenefitsAnimation();
    }
  })();
</script>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://creeative.site/negocios-de-vinilos-creativos/feed/</wfw:commentRss>
			<slash:comments>11</slash:comments>
		
		
			</item>
		<item>
		<title>Hello world!</title>
		<link>https://creeative.site/hello-world/</link>
					<comments>https://creeative.site/hello-world/#comments</comments>
		
		<dc:creator><![CDATA[William56]]></dc:creator>
		<pubDate>Wed, 24 Dec 2025 21:10:50 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://creeative.site/?p=1</guid>

					<description><![CDATA[Welcome to WordPress. This is your first post. Edit or delete it, then start writing!]]></description>
										<content:encoded><![CDATA[
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://creeative.site/hello-world/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
