

<!DOCTYPE html>
<html lang="es" data-bs-theme="light">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Cotizá tu reparación | Repara Tu Celu</title>
  <meta name="description" content="Cotizá la reparación de tu celular en segundos. Elegí el servicio, la calidad del repuesto y coordiná por WhatsApp. Garantía por escrito."/>
  <link rel="canonical" href="https://www.reparatucelu.online/cotizador/"/>
  <meta property="og:type" content="website"/>
  <meta property="og:title" content="Cotizá tu reparación | Repara Tu Celu"/>
  <meta property="og:description" content="Cotizá la reparación de tu celular en segundos. Garantía por escrito."/>
  <meta property="og:image" content="https://www.reparatucelu.online/img/og-preview.jpg"/>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet"/>
  <link href="assets/app.css" rel="stylesheet"/>
</head>
<body class="bg-light">

  <nav class="navbar navbar-expand-lg bg-white border-bottom sticky-top">
    <div class="container" style="max-width:900px">
      <a class="navbar-brand fw-bold" href="/">
        <i class="bi bi-phone text-primary me-1"></i>Repara Tu Celu
      </a>
      <a href="#paso-1" class="btn btn-sm btn-outline-primary rounded-3" id="navRestart" style="display:none">
        <i class="bi bi-arrow-left"></i> Reiniciar
      </a>
    </div>
  </nav>

  <main class="py-4">
    <div class="container" style="max-width:900px">

      <div class="text-center mb-4" id="heroSection">
        <h1 class="h3 fw-bold">Cotizá la reparación de tu celular</h1>
        <p class="text-muted">En menos de un minuto. Sin sorpresas.</p>
      </div>

      <div class="progress mb-4" style="height:6px" id="progressBar">
        <div class="progress-bar bg-primary" role="progressbar" style="width:0%"></div>
      </div>

      <div id="wizardContent">
        <div class="text-center py-5">
          <div class="spinner-border text-primary"></div>
          <p class="text-muted mt-2">Cargando categorías...</p>
        </div>
      </div>

    </div>
  </main>

  <a class="btn btn-success btn-lg rounded-pill shadow-lg position-fixed bottom-0 end-0 m-3 m-md-4 d-none"
     id="waFab" href="#" target="_blank" rel="noopener" style="z-index:1050">
    <i class="bi bi-whatsapp me-1"></i> WhatsApp
  </a>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="assets/app.js"></script>
  <script>
    RTC_WIZARD.init({
      api: '/cotizador/api/api.php',
      whatsapp: '5492915354382',
          });
  </script>
</body>
</html>
