<?php include __DIR__ . '/header.php'; ?>
<div class="page-wrap narrow" style="margin-top:28px">
  <div class="card-tech" style="text-align:center;padding:34px">
    <div class="success-badge">
      <svg width="44" height="44" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 6L9 17l-5-5" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
    </div>
    
    <h2 style="margin:0 0 16px;font-size:28px">Pago Completado</h2>
    <p class="muted" style="margin:0 0 24px;font-size:16px;line-height:1.6">Gracias por tu compra. Hemos recibido tu pago correctamente y tu pedido está en proceso de preparación. Pronto recibirás los detalles de tu envío.</p>
    
    <div class="stat-box" style="margin-bottom:22px">
      <div class="label">Estado del pedido</div>
      <div class="value" style="font-size:19px">Confirmado y en proceso</div>
    </div>
    
    <div class="cta-row" style="max-width:520px;margin:0 auto">
      <a class="btn primary" href="<?=htmlspecialchars($url('/'))?>" style="display:block">Volver al Catálogo</a>
      <a class="btn ghost" href="<?=htmlspecialchars($url('/orders'))?>" style="display:block">Ver Mis Pedidos</a>
    </div>
  </div>
</div>
<?php include __DIR__ . '/footer.php'; ?>
