<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Demo expirada — ContaApp</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background: #0f1623;
      color: #e2e8f0;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .card {
      background: #1a2535;
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 1.25rem;
      padding: 3rem 2.5rem;
      max-width: 480px;
      width: 90%;
      text-align: center;
    }
    .icon {
      width: 64px;
      height: 64px;
      background: linear-gradient(135deg, #3b82f6, #60a5fa);
      border-radius: 1rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
    }
    .icon svg { width: 32px; height: 32px; color: white; }
    h1 { font-size: 1.5rem; font-weight: 700; color: #f1f5f9; margin-bottom: .75rem; }
    p  { font-size: .95rem; color: #94a3b8; line-height: 1.6; margin-bottom: 1.75rem; }
    .price {
      background: rgba(59,130,246,.1);
      border: 1px solid rgba(59,130,246,.25);
      border-radius: .75rem;
      padding: 1.25rem;
      margin-bottom: 1.75rem;
    }
    .price-amount { font-size: 2rem; font-weight: 800; color: #3b82f6; }
    .price-label  { font-size: .8rem; color: #64748b; margin-top: .25rem; }
    .features { list-style: none; text-align: left; margin-bottom: 1.75rem; }
    .features li {
      padding: .4rem 0;
      font-size: .875rem;
      color: #94a3b8;
      display: flex;
      align-items: center;
      gap: .5rem;
    }
    .features li::before { content: "✓"; color: #3b82f6; font-weight: 700; flex-shrink: 0; }
    .btn {
      display: inline-block;
      background: #3b82f6;
      color: white;
      text-decoration: none;
      padding: .85rem 2rem;
      border-radius: .625rem;
      font-weight: 600;
      font-size: .95rem;
      width: 100%;
      transition: background .15s;
    }
    .btn:hover { background: #2563eb; }
    .footer { margin-top: 1.25rem; font-size: .8rem; color: #475569; }
    .footer a { color: #3b82f6; text-decoration: none; }
  </style>
</head>
<body>
  <div class="card">
    <div class="icon">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
        <rect x="3" y="3" width="4" height="12" rx="1"/>
        <rect x="10" y="6" width="4" height="9" rx="1"/>
        <rect x="17" y="1" width="4" height="14" rx="1"/>
      </svg>
    </div>
    <h1>Tu demo de 24h ha finalizado</h1>
    <p>Espero que hayas podido explorar ContaApp. Para seguir gestionando tu contabilidad sin límites, adquiere tu licencia.</p>

    <div class="price">
      <div class="price-amount">49,99 €</div>
      <div class="price-label">Pago único · Sin cuotas · Tuyo para siempre</div>
    </div>

    <ul class="features">
      <li>Todas las funciones desbloqueadas</li>
      <li>Exportación de informes en PDF y Excel</li>
      <li>Envío de facturas por email</li>
      <li>Copias de seguridad automáticas</li>
      <li>Actualizaciones incluidas</li>
      <li>Soporte en español</li>
    </ul>

    <a href="https://contaapp.es/#precios" class="btn">Comprar ContaApp — 49,99 €</a>

    <div class="footer">
      ¿Tienes dudas? Escríbenos a <a href="mailto:soporte@contaapp.es">soporte@contaapp.es</a>
    </div>
  </div>
</body>
</html>
