<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Sistema de Resultados Pega3</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', sans-serif;
      background: #f4f6f8;
    }
    .header {
      background-color: #007bff;
      color: white;
      padding: 20px 40px;
      text-align: center;
    }
    .header h1 {
      margin: 0;
      font-size: 2rem;
    }
    .container {
      max-width: 1000px;
      margin: 40px auto;
      padding: 0 20px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
    }
    .card {
      background: white;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      padding: 30px 20px;
      text-align: center;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      cursor: pointer;
      text-decoration: none;
      color: #333;
    }
    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    }
    .card h3 {
      margin-bottom: 10px;
      font-size: 1.3rem;
      color: #007bff;
    }
    .card p {
      font-size: 0.95rem;
      color: #555;
    }
    footer {
      margin-top: 60px;
      text-align: center;
      font-size: 0.9rem;
      color: #999;
    }
  </style>
</head>
<body>

  <div class="header">
    <h1>Sistema de Resultados Pega3</h1>
  </div>

  <div class="container">
    <a href="consultap3.html" class="card">
      <h3>🔍 Consultar Resultados Pega 3</h3>
      <p>Buscar por día, mes o año los resultados del Pega3.</p>
    </a>

    <a href="consulta2.html" class="card">
      <h3>📊 Consultar Resultados Lotto</h3>
      <p>Ver cuántas veces ha salido cada número.</p>
    </a>

    <a href="formulario2.html" class="card">
      <h3>🧮 Agregar Sorteo</h3>
      <p>Agregar sorteo.</p>
    </a>

    <!--<a href="todos_los_resultados.php" class="card">
      <h3>📅 Ver Todos los Resultados</h3>
      <p>Ver lista completa de resultados disponibles.</p>
    </a>-->
  </div>

  <footer>
    © <?= date('Y') ?> Sistema Pega3. Desarrollado por Luis Robles.
  </footer>

</body>
</html>
