
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>El Encuestador Py</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
  <link rel="stylesheet" href="assets/css/styles.css">
  <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<header class="hero text-center text-white">
  <div class="container py-5">
    <img src="assets/img/logo.png" alt="Logo El Encuestador" width="120">
    <h1 class="display-4 mt-4">Datos confiables, análisis imparcial.</h1>
    <p class="lead">Con expertos paraguayos y el respaldo de una IA avanzada</p>
    <a href="#contacto" class="btn btn-danger m-2">Solicitá una propuesta</a>
    <a href="#resultados" class="btn btn-outline-light m-2">Ver últimos resultados</a>
  </div>
</header>

<section id="nosotros" class="section bg-light text-center">
  <div class="container fade-in">
    <h2>Sobre Nosotros</h2>
    <p>Más de 7 años brindando datos precisos y análisis metodológico imparcial. Utilizamos tecnología de IA y equipos paraguayos especializados.</p>
  </div>
</section>

<section id="servicios" class="section text-center">
  <div class="container fade-in">
    <h2>Servicios</h2>
    <div class="row gy-4 mt-4">
      <div class="col-md-4"><i class="bi bi-bar-chart-line-fill fs-2 text-danger"></i><br>Encuestas políticas</div>
      <div class="col-md-4"><i class="bi bi-graph-up-arrow fs-2 text-danger"></i><br>Estudios de mercado</div>
      <div class="col-md-4"><i class="bi bi-check2-square fs-2 text-danger"></i><br>Boca de urna</div>
      <div class="col-md-4"><i class="bi bi-people-fill fs-2 text-danger"></i><br>Focus groups</div>
      <div class="col-md-4"><i class="bi bi-pie-chart-fill fs-2 text-danger"></i><br>Paneles online</div>
      <div class="col-md-4"><i class="bi bi-lightbulb-fill fs-2 text-danger"></i><br>Asesoría estratégica</div>
    </div>
  </div>
</section>

<section id="resultados" class="section bg-light text-center">
  <div class="container fade-in">
    <h2>Resultados Detallados</h2>
    <p>Resultados que se confirmaron en las urnas.</p>
    <div class="row gy-3">
      <div class="col-md-4"><i class="bi bi-geo-alt-fill fs-4 text-primary"></i><br>Villa Elisa 2023 ✔</div>
      <div class="col-md-4"><i class="bi bi-person-fill-check fs-4 text-primary"></i><br>Consejo de la Magistratura 2023 ✔</div>
      <div class="col-md-4"><i class="bi bi-flag-fill fs-4 text-primary"></i><br>Club Cerro Porteño 2025 ✔</div>
    </div>
  </div>
</section>

<section id="analisis" class="section text-center">
  <div class="container fade-in">
    <h2>Análisis del Mercado</h2>
    <div class="row gy-3">
      <div class="col-md-6"><i class="bi bi-gender-female fs-4 text-info"></i> ¿Cuántas mujeres emprenden?</div>
      <div class="col-md-6"><i class="bi bi-shield-lock-fill fs-4 text-info"></i> Seguridad urbana</div>
    </div>
  </div>
</section>

<section id="contacto" class="section bg-light">
  <div class="container fade-in">
    <h2 class="text-center">Contacto y Cotización</h2>
    <form>
      <div class="row mb-3">
        <div class="col-md-6">
          <input type="text" class="form-control" placeholder="Nombre completo">
        </div>
        <div class="col-md-6">
          <input type="email" class="form-control" placeholder="Correo electrónico">
        </div>
      </div>
      <input type="text" class="form-control mb-3" placeholder="Tipo de estudio requerido">
      <textarea class="form-control mb-3" rows="3" placeholder="Mensaje o comentario"></textarea>
      <div class="text-center">
        <button type="submit" class="btn btn-danger">Solicitar propuesta</button>
      </div>
    </form>
  </div>
</section>

<footer class="text-center py-4 bg-dark text-white">
  <p>&copy; 2025 El Encuestador Py | Síguenos en:
    <a href="#" class="text-white">Facebook</a> · 
    <a href="#" class="text-white">Instagram</a> · 
    <a href="#" class="text-white">X</a> · 
    <a href="#" class="text-white">LinkedIn</a>
  </p>
</footer>

<script src="assets/js/main.js"></script>
</body>
</html>
