landing

<!DOCTYPE html>
<html lang="es-AR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Biblia del Cultivo de Hongos | Ebook Digital</title>
<style>
  :root{
    --verde-oscuro:#1b3a2b;
    --verde:#2d5a3d;
    --verde-claro:#e8f5e9;
    --verde-medio:#4caf6f;
    --rojo:#d9463b;
    --dorado:#f5b301;
    --texto:#213524;
    --blanco:#ffffff;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{
    font-family:'Georgia','Segoe UI',serif;
    color:var(--texto);
    background:var(--verde-claro);
    line-height:1.6;
  }
  h1,h2,h3{font-family:'Georgia',serif;}
  img{max-width:100%;display:block;}
  .container{max-width:880px;margin:0 auto;padding:0 20px;}

  /* Barra de oferta */
  .oferta-bar{
    background:var(--verde-oscuro);
    color:#fff;
    text-align:center;
    padding:10px 12px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.3px;
    position:sticky;
    top:0;
    z-index:100;
  }
  .oferta-bar span.timer{color:#ffd54a;font-weight:800;}

  /* Hero */
  .hero{
    background:radial-gradient(circle at 50% 0%, #2f6b45 0%, var(--verde-oscuro) 70%);
    color:#fff;
    text-align:center;
    padding:56px 20px 60px;
  }
  .badge{
    display:inline-block;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.35);
    color:#d9ffe0;
    font-size:13px;
    padding:6px 16px;
    border-radius:999px;
    margin-bottom:20px;
    letter-spacing:.5px;
  }
  .hero h1{
    font-size:clamp(28px,4.5vw,44px);
    line-height:1.25;
    margin-bottom:18px;
  }
  .hero h1 .destacado{color:#8de6a3;}
  .hero p.sub{
    max-width:620px;
    margin:0 auto 30px;
    font-size:18px;
    color:#e3f1e6;
  }
  .hero-img{
    max-width:340px;
    margin:0 auto 30px;
    filter:drop-shadow(0 20px 30px rgba(0,0,0,.35));
  }
  .rating-box{
    background:#fff;
    color:var(--texto);
    max-width:420px;
    margin:0 auto 34px;
    border-radius:14px;
    padding:16px 20px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
  }
  .stars{color:var(--dorado);font-size:20px;letter-spacing:2px;}
  .rating-box .count{font-weight:700;margin-top:4px;}
  .rating-box .sub2{font-size:13px;color:#6b7d70;margin-top:2px;}

  .btn{
    display:inline-block;
    background:linear-gradient(180deg,#5cc981,#3aa35d);
    color:#fff;
    font-size:18px;
    font-weight:700;
    padding:18px 34px;
    border-radius:12px;
    text-decoration:none;
    box-shadow:0 10px 20px rgba(0,0,0,.25);
    border:none;
    cursor:pointer;
    transition:transform .15s ease;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-red{background:linear-gradient(180deg,#e5564a,#c93a2f);}
  .btn-wrap{text-align:center;margin:26px 0;}
  .trust-row{
    display:flex;
    justify-content:center;
    gap:22px;
    flex-wrap:wrap;
    font-size:13px;
    color:#cfe9d3;
    margin-top:14px;
  }

  section{padding:60px 20px;}
  .titulo-section{
    text-align:center;
    font-size:clamp(24px,3.5vw,32px);
    color:var(--verde-oscuro);
    margin-bottom:10px;
  }
  .subtitulo-section{
    text-align:center;
    color:#4c6350;
    max-width:600px;
    margin:0 auto 40px;
    font-size:16px;
  }
  .linea{
    width:60px;height:4px;background:var(--verde-medio);
    margin:10px auto 30px;border-radius:2px;
  }

  /* Identificación / dolores */
  .identificacion{background:#fff;}
  .check-list{display:grid;gap:14px;max-width:640px;margin:0 auto;}
  .check-item{
    display:flex;gap:14px;align-items:flex-start;
    background:var(--verde-claro);
    border:1px solid #d3ecd8;
    border-radius:12px;
    padding:16px 18px;
    font-size:16px;
  }
  .check-item .ico{color:var(--verde-medio);font-size:20px;line-height:1;}

  /* Beneficios */
  .beneficios{background:var(--verde-claro);}
  .grid-beneficios{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:20px;
    max-width:820px;margin:0 auto;
  }
  .beneficio-card{
    background:#fff;
    border-radius:14px;
    padding:24px 20px;
    text-align:center;
    box-shadow:0 6px 18px rgba(27,58,43,.08);
  }
  .beneficio-card .emoji{font-size:32px;margin-bottom:10px;}
  .beneficio-card h3{font-size:17px;color:var(--verde-oscuro);margin-bottom:8px;}
  .beneficio-card p{font-size:14px;color:#5a6e5d;}

  /* Bonos */
  .bonos{background:#fff;}
  .bono-card{
    display:flex;gap:18px;align-items:center;
    background:var(--verde-claro);
    border:1px solid #d3ecd8;
    border-radius:16px;
    padding:20px;
    max-width:700px;
    margin:0 auto 18px;
  }
  .bono-card img{
    width:90px;height:90px;object-fit:cover;
    border-radius:10px;
    flex-shrink:0;
    box-shadow:0 6px 14px rgba(0,0,0,.15);
  }
  .bono-tag{
    display:inline-block;
    background:var(--verde-medio);
    color:#fff;font-size:11px;font-weight:700;
    padding:3px 10px;border-radius:999px;
    margin-bottom:6px;letter-spacing:.5px;
  }
  .bono-card h3{font-size:16px;color:var(--verde-oscuro);margin-bottom:4px;}
  .bono-card p{font-size:13.5px;color:#5a6e5d;}
  .bonos-total{
    text-align:center;margin-top:20px;font-size:15px;color:var(--verde-oscuro);font-weight:600;
  }

  /* Pricing */
  .precio-section{
    background:radial-gradient(circle at 50% 0%, #2f6b45 0%, var(--verde-oscuro) 75%);
    color:#fff;
    text-align:center;
  }
  .precio-section .titulo-section, .precio-section .subtitulo-section{color:#fff;}
  .precio-section .subtitulo-section{color:#d7ecd9;}
  .producto-img{max-width:280px;margin:0 auto 26px;}
  .precio-box{
    background:#173d27;
    border:1px solid #2f6b45;
    max-width:420px;
    margin:0 auto 20px;
    border-radius:16px;
    padding:26px;
  }
  .precio-tachado{
    text-decoration:line-through;
    color:#9fc6a8;
    font-size:18px;
  }
  .precio-final{
    font-size:38px;font-weight:800;color:#fff;margin:6px 0 14px;
  }
  .ahorro-pill{
    display:inline-block;background:var(--dorado);color:#3a2c00;
    font-weight:700;font-size:13px;padding:6px 16px;border-radius:999px;margin-bottom:10px;
  }
  .oferta-roja{
    background:var(--rojo);
    max-width:420px;margin:0 auto 24px;
    border-radius:16px;padding:22px;
  }
  .oferta-roja h3{font-size:17px;margin-bottom:8px;}
  .oferta-roja p{font-size:13.5px;color:#ffe1de;margin-bottom:14px;}
  .countdown{
    display:flex;justify-content:center;gap:18px;margin-bottom:16px;
  }
  .countdown div{
    background:rgba(0,0,0,.25);
    border-radius:10px;
    padding:10px 16px;
    min-width:64px;
  }
  .countdown span{display:block;font-size:24px;font-weight:800;}
  .countdown small{font-size:10px;letter-spacing:.5px;color:#ffd9d5;}
  .trust-row2{
    display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
    font-size:13px;color:#cfe9d3;margin-top:10px;
  }

  /* Testimonios */
  .testimonios{background:#fff;}
  .grid-testi{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;max-width:860px;margin:0 auto;
  }
  .testi-card{
    background:var(--verde-claro);
    border-radius:16px;padding:22px;
    border:1px solid #d3ecd8;
  }
  .testi-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
  .avatar{
    width:44px;height:44px;border-radius:50%;
    background:var(--verde-medio);color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:16px;flex-shrink:0;
  }
  .testi-nombre{font-weight:700;color:var(--verde-oscuro);font-size:15px;}
  .testi-card p.texto{font-size:14.5px;color:#3d4f40;margin-bottom:10px;}
  .verificada{font-size:12px;color:var(--verde-medio);font-weight:600;}

  /* FAQ */
  .faq{background:var(--verde-claro);}
  details{
    background:#fff;border:1px solid #d3ecd8;border-radius:12px;
    margin-bottom:12px;padding:16px 20px;max-width:700px;margin-left:auto;margin-right:auto;
  }
  details + details{margin-top:12px;}
  summary{
    font-weight:700;color:var(--verde-oscuro);cursor:pointer;font-size:15.5px;
    list-style:none;display:flex;justify-content:space-between;align-items:center;
  }
  summary::-webkit-details-marker{display:none;}
  summary::after{content:'+';font-size:22px;color:var(--verde-medio);}
  details[open] summary::after{content:'–';}
  details p{margin-top:10px;font-size:14.5px;color:#5a6e5d;}

  /* CTA final */
  .cta-final{
    background:var(--verde-oscuro);color:#fff;text-align:center;
  }
  .cta-final h2{font-size:clamp(24px,4vw,32px);margin-bottom:14px;}
  .cta-final p{color:#d7ecd9;max-width:520px;margin:0 auto 26px;}
  .garantia{
    font-size:13px;color:#cfe9d3;margin-top:16px;
  }

  footer{
    text-align:center;padding:26px 20px;background:#122a1c;color:#8fae95;font-size:12.5px;
  }
</style>
</head>
<body>

<div class="oferta-bar">
  🍄 ¡Oferta especial! Termina en <span class="timer" id="timer">14:59</span>
</div>

<!-- HERO -->
<header class="hero">
  <div class="container">
    <span class="badge">🌱 PRODUCTO DIGITAL · ACCESO INMEDIATO</span>
    <h1>Aprendé a cultivar <span class="destacado">hongos comestibles y medicinales</span> desde tu casa, aunque nunca hayas cultivado nada en tu vida</h1>
    <p class="sub">La guía paso a paso, en español, para producir tus propios hongos en cualquier rincón de tu casa — sin invernadero, sin equipos caros y sin experiencia previa.</p>

    <img class="hero-img" src="https://images.unsplash.com/photo-1504674900247-0877df9cc836?q=80&w=800&auto=format&fit=crop" alt="La Biblia del Cultivo de Hongos - ebook digital">

    <div class="rating-box">
      <div class="stars">★★★★★</div>
      <div class="count">+2.300 RESEÑAS VERIFICADAS</div>
      <div class="sub2">Esto dijeron después de probarlo ↓</div>
    </div>

    <div class="btn-wrap">
      <a href="#precio" class="btn">¡QUIERO EMPEZAR A CULTIVAR AHORA! 🍄</a>
    </div>
    <div class="trust-row">
      <span>🔒 Compra segura</span>
      <span>⚡ Acceso inmediato</span>
      <span>💳 Todos los medios de pago</span>
    </div>
  </div>
</header>

<!-- IDENTIFICACIÓN / DOLORES -->
<section class="identificacion">
  <div class="container">
    <h2 class="titulo-section">Esta guía es para vos si...</h2>
    <div class="linea"></div>
    <div class="check-list">
      <div class="check-item"><span class="ico">✅</span><span>Siempre quisiste cultivar tus propios hongos pero no sabés por dónde empezar.</span></div>
      <div class="check-item"><span class="ico">✅</span><span>Probaste una vez y se te contaminó el sustrato o no brotó nada.</span></div>
      <div class="check-item"><span class="ico">✅</span><span>Te da bronca gastar en hongos comestibles en la verdulería o el dietético cuando podrías producirlos vos mismo.</span></div>
      <div class="check-item"><span class="ico">✅</span><span>Querés un ingreso extra vendiendo hongos frescos, pero no sabés cómo escalarlo.</span></div>
      <div class="check-item"><span class="ico">✅</span><span>Te interesa la autosuficiencia alimentaria y cultivar tu propia comida en casa.</span></div>
    </div>
  </div>
</section>

<!-- BENEFICIOS -->
<section class="beneficios">
  <div class="container">
    <h2 class="titulo-section">Lo que vas a lograr con esta guía</h2>
    <div class="linea"></div>
    <p class="subtitulo-section">Un método probado, explicado en criollo, sin tecnicismos ni pasos innecesarios.</p>
    <div class="grid-beneficios">
      <div class="beneficio-card">
        <div class="emoji">🍄</div>
        <h3>Tu primera cosecha en 2-3 semanas</h3>
        <p>Seguí el método paso a paso y vas a ver los primeros brotes sin complicarte.</p>
      </div>
      <div class="beneficio-card">
        <div class="emoji">💰</div>
        <h3>Ahorrá o generá un ingreso extra</h3>
        <p>Dejá de comprar hongos caros o empezá a vender tu propia producción.</p>
      </div>
      <div class="beneficio-card">
        <div class="emoji">🏠</div>
        <h3>Sin invernadero ni equipos caros</h3>
        <p>Todo con materiales accesibles que ya podés conseguir en tu ciudad.</p>
      </div>
      <div class="beneficio-card">
        <div class="emoji">🧪</div>
        <h3>Evitá las contaminaciones</h3>
        <p>Técnicas de esterilización simples para que tu sustrato no se arruine.</p>
      </div>
      <div class="beneficio-card">
        <div class="emoji">📖</div>
        <h3>Guía 100% en español</h3>
        <p>Explicada con lenguaje simple, fotos y pasos concretos, sin relleno.</p>
      </div>
      <div class="beneficio-card">
        <div class="emoji">🌿</div>
        <h3>Variedades comestibles y medicinales</h3>
        <p>Ostra, Shiitake, Melena de León, Reishi y más, explicadas una por una.</p>
      </div>
    </div>
  </div>
</section>

<!-- BONOS -->
<section class="bonos">
  <div class="container">
    <h2 class="titulo-section">🎁 Bonos que recibís con tu pack</h2>
    <div class="linea"></div>
    <p class="subtitulo-section">Además de la guía completa, te llevás todo esto sin costo extra:</p>

    <div class="bono-card">
      <img src="https://images.unsplash.com/photo-1518977676601-b53f82aba655?q=80&w=200&auto=format&fit=crop" alt="Bono 1">
      <div>
        <span class="bono-tag">BONO 1</span>
        <h3>Kit de identificación de hongos silvestres</h3>
        <p>Aprendé a reconocer especies comestibles vs. tóxicas antes de salir a buscar en el monte.</p>
      </div>
    </div>

    <div class="bono-card">
      <img src="https://images.unsplash.com/photo-1550989460-0adf9ea622e2?q=80&w=200&auto=format&fit=crop" alt="Bono 2">
      <div>
        <span class="bono-tag">BONO 2</span>
        <h3>Recetario: 30 platos con hongos</h3>
        <p>Ideas fáciles y ricas para aprovechar cada cosecha, desde salteados hasta conservas.</p>
      </div>
    </div>

    <div class="bono-card">
      <img src="https://images.unsplash.com/photo-1600891964092-4316c288032e?q=80&w=200&auto=format&fit=crop" alt="Bono 3">
      <div>
        <span class="bono-tag">BONO 3</span>
        <h3>Guía de dónde comprar insumos en Argentina</h3>
        <p>Listado de proveedores de sustrato, esporas y micelio para no perder tiempo buscando.</p>
      </div>
    </div>

    <div class="bono-card">
      <img src="https://images.unsplash.com/photo-1476124369491-e7addf5db371?q=80&w=200&auto=format&fit=crop" alt="Bono 4">
      <div>
        <span class="bono-tag">BONO 4</span>
        <h3>Calendario de cultivo mes a mes</h3>
        <p>Sabé exactamente qué hacer cada semana para no perder tu cosecha por descuido.</p>
      </div>
    </div>

    <div class="bono-card">
      <img src="https://images.unsplash.com/photo-1518791841217-8f162f1e1131?q=80&w=200&auto=format&fit=crop" alt="Bono 5">
      <div>
        <span class="bono-tag">BONO 5</span>
        <h3>Manual de cultivo en espacios pequeños</h3>
        <p>Cómo armar tu propio "cuarto de fructificación" en un placard, balcón o sótano.</p>
      </div>
    </div>

    <div class="bono-card">
      <img src="https://images.unsplash.com/photo-1621955964441-c173e01c135b?q=80&w=200&auto=format&fit=crop" alt="Bono 6">
      <div>
        <span class="bono-tag">BONO 6</span>
        <h3>Grupo privado de la comunidad</h3>
        <p>Acceso a un espacio para consultar dudas y compartir tus cosechas con otros cultivadores.</p>
      </div>
    </div>

    <p class="bonos-total">Valor total de los bonos: <strong>$45.000 ARS</strong> — Hoy, gratis con tu compra.</p>
  </div>
</section>

<!-- TESTIMONIOS -->
<section class="testimonios">
  <div class="container">
    <h2 class="titulo-section">Lo que dicen quienes ya cultivan</h2>
    <div class="linea"></div>
    <div class="grid-testi">
      <div class="testi-card">
        <div class="testi-head">
          <div class="avatar">M</div>
          <div>
            <div class="testi-nombre">Marcos R.</div>
            <div class="stars" style="font-size:14px;">★★★★★</div>
          </div>
        </div>
        <p class="texto">"Nunca había cultivado nada en mi vida. Con esta guía saqué mi primera cosecha de gírgolas en 18 días. Increíble lo simple que lo explican."</p>
        <span class="verificada">✅ Compra verificada</span>
      </div>
      <div class="testi-card">
        <div class="testi-head">
          <div class="avatar">S</div>
          <div>
            <div class="testi-nombre">Sofía L.</div>
            <div class="stars" style="font-size:14px;">★★★★★</div>
          </div>
        </div>
        <p class="texto">"Se me habían contaminado dos intentos antes de comprar el ebook. Con las técnicas del bono de esterilización no volví a perder ni una bolsa."</p>
        <span class="verificada">✅ Compra verificada</span>
      </div>
      <div class="testi-card">
        <div class="testi-head">
          <div class="avatar">D</div>
          <div>
            <div class="testi-nombre">Diego F.</div>
            <div class="stars" style="font-size:14px;">★★★★★</div>
          </div>
        </div>
        <p class="texto">"Empecé como hobby y ahora vendo hongos frescos todas las semanas en la feria de mi barrio. Se pagó solo la primera semana."</p>
        <span class="verificada">✅ Compra verificada</span>
      </div>
      <div class="testi-card">
        <div class="testi-head">
          <div class="avatar">C</div>
          <div>
            <div class="testi-nombre">Carolina M.</div>
            <div class="stars" style="font-size:14px;">★★★★★</div>
          </div>
        </div>
        <p class="texto">"El recetario de bono ya justifica el precio. Y la guía es clarísima, con fotos de cada etapa. Lo recomiendo a todos mis amigos."</p>
        <span class="verificada">✅ Compra verificada</span>
      </div>
    </div>
  </div>
</section>

<!-- PRECIO / OFERTA -->
<section class="precio-section" id="precio">
  <div class="container">
    <h2 class="titulo-section">Empezá tu cultivo hoy mismo</h2>
    <div class="linea"></div>
    <img class="producto-img" src="https://images.unsplash.com/photo-1478359844494-1505af14a92b?q=80&w=600&auto=format&fit=crop" alt="La Biblia del Cultivo de Hongos">

    <div class="precio-box">
      <div class="precio-tachado">$29.999 ARS</div>
      <div class="precio-final">$14.999 ARS</div>
      <span class="ahorro-pill">AHORRÁS $15.000</span>
      <div class="trust-row2">
        <span>🔒 Compra segura</span>
        <span>⚡ Acceso inmediato</span>
      </div>
    </div>

    <div class="oferta-roja">
      <h3>🔥 ¡OFERTA SOLO POR HOY!</h3>
      <p>Los 6 bonos de regalo solo están disponibles por tiempo limitado. ¡No pierdas tus beneficios!</p>
      <div class="countdown">
        <div><span id="min">14</span><small>MINUTOS</small></div>
        <div><span id="sec">59</span><small>SEGUNDOS</small></div>
      </div>
    </div>

    <div class="btn-wrap">
      <a href="#" class="btn">¡QUIERO MI GUÍA + 6 BONOS! 🍄</a>
    </div>
    <div class="btn-wrap" style="margin-top:-14px;">
      <a href="#" class="btn btn-red">⚡ ¡OFERTA POR TIEMPO LIMITADO!</a>
    </div>
  </div>
</section>

<!-- FAQ -->
<section class="faq">
  <div class="container">
    <h2 class="titulo-section">Preguntas frecuentes</h2>
    <div class="linea"></div>

    <details>
      <summary>⏱️ ¿Puedo hacerlo si tengo poco tiempo libre?</summary>
      <p>Sí. El cultivo requiere pocos minutos por día para el mantenimiento. La guía incluye un calendario para que sepas exactamente cuándo dedicarle tiempo.</p>
    </details>
    <details>
      <summary>🏠 ¿Necesito espacio grande o invernadero?</summary>
      <p>No. Podés empezar en un placard, un rincón del garage o incluso en tu balcón. La guía te muestra montajes para espacios chicos.</p>
    </details>
    <details>
      <summary>📦 ¿Cuándo recibo el producto?</summary>
      <p>Es 100% digital: apenas se confirma el pago recibís el enlace de descarga en tu email, con acceso inmediato al ebook y los 6 bonos.</p>
    </details>
    <details>
      <summary>🛡️ ¿Y si no me funciona?</summary>
      <p>Contás con garantía de satisfacción. Si seguís los pasos y no ves resultados, escribinos y te ayudamos o te devolvemos el pago.</p>
    </details>
    <details>
      <summary>🍄 ¿Sirve para principiantes sin experiencia?</summary>
      <p>Sí, está pensada especialmente para quienes nunca cultivaron nada. Cada paso está explicado con fotos y sin tecnicismos.</p>
    </details>
  </div>
</section>

<!-- CTA FINAL -->
<section class="cta-final">
  <div class="container">
    <h2>Tu primera cosecha está a un clic de distancia</h2>
    <p>Más de 2.300 personas ya están cultivando sus propios hongos con este método. Sumate hoy y aprovechá los 6 bonos de regalo.</p>
    <div class="btn-wrap">
      <a href="#precio" class="btn">¡QUIERO EMPEZAR AHORA! 🍄</a>
    </div>
    <p class="garantia">🔒 Pago seguro · 📩 Acceso inmediato por email · 🛡️ Garantía de satisfacción</p>
  </div>
</section>

<footer>
  © 2026 La Biblia del Cultivo de Hongos. Todos los derechos reservados. Producto digital para uso educativo y personal.
</footer>

<script>
  // Countdown simple para generar urgencia visual (se reinicia en cada carga)
  function iniciarCountdown(totalSeg, onTick){
    let restante = totalSeg;
    onTick(restante);
    const id = setInterval(()=>{
      restante--;
      if(restante < 0){ restante = totalSeg; }
      onTick(restante);
    }, 1000);
  }

  const TOTAL = 15*60; // 15 minutos

  iniciarCountdown(TOTAL, (seg)=>{
    const m = Math.floor(seg/60).toString().padStart(2,'0');
    const s = (seg%60).toString().padStart(2,'0');
    document.getElementById('timer').textContent = m+':'+s;
    document.getElementById('min').textContent = Math.floor(seg/60);
    document.getElementById('sec').textContent = (seg%60).toString().padStart(2,'0');
  });
</script>

</body>
</html>