<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🛒 IZI - Comparador de Precios</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 1200px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.95);
border-radius: 20px;
padding: 30px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.header { text-align: center; margin-bottom: 30px; }
.header h1 { color: #2c3e50; font-size: 2.5em; margin-bottom: 10px; }
.header p { color: #7f8c8d; font-size: 1.2em; }
.badge {
background: #e74c3c; color: white; padding: 5px 15px;
border-radius: 20px; font-size: 0.9em;
display: inline-block; margin: 10px 0;
}
.access-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px; margin: 30px 0;
}
.access-card {
background: white; padding: 30px; border-radius: 15px;
text-align: center; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.access-card:hover { transform: translateY(-5px); }
.access-card h3 { color: #2c3e50; margin-bottom: 15px; font-size: 1.5em; }
.access-card p { color: #7f8c8d; margin-bottom: 20px; }
.btn {
display: inline-block; padding: 15px 30px; background: #3498db;
color: white; text-decoration: none; border-radius: 10px;
font-weight: bold; transition: background 0.3s ease;
}
.btn:hover { background: #2980b9; }
.btn.primary { background: #e74c3c; }
.btn.primary:hover { background: #c0392b; }
.status {
background: #27ae60; color: white; padding: 10px 20px;
border-radius: 10px; margin: 20px 0; text-align: center;
}
.quick-search { background: white; padding: 20px; border-radius: 15px; margin: 20px 0; }
.search-form { display: flex; gap: 10px; }
.search-input {
flex: 1; padding: 12px; border: 2px solid #ddd;
border-radius: 8px; font-size: 1.1em;
}
.search-btn {
padding: 12px 25px; background: #e74c3c; color: white;
border: none; border-radius: 8px; cursor: pointer;
}
.shortcuts { background: white; padding: 20px; border-radius: 15px; margin-top: 30px; }
.shortcuts h3 { margin-bottom: 15px; color: #2c3e50; }
.tag-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.tag {
padding: 8px 15px; background: #ecf0f1; color: #2c3e50;
border-radius: 20px; text-decoration: none; font-size: 0.9em;
transition: all 0.3s ease;
}
.tag:hover { background: #3498db; color: white; }
.footer {
text-align: center; margin-top: 40px; padding-top: 20px;
border-top: 1px solid #ecf0f1; color: #7f8c8d;
}
@media (max-width: 768px) {
.search-form { flex-direction: column; }
.header h1 { font-size: 2em; }
.container { padding: 20px; }
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>🛒 IZI Comparador</h1>
<p>Agente de Compras Inteligentes</p>
<div class="badge">🚀 MVP ACTIVO - 10 Nov 2025</div>
</div>
<div class="status">
✅ Sistema operativo con 53+ productos lácteos de 3 supermercados
</div>
<div class="quick-search">
<h3>🔍 Búsqueda Rápida</h3>
<form class="search-form" action="comparador.php" method="GET">
<input type="text" name="q" class="search-input"
placeholder="Buscar productos (ej: leche, yogur, queso)" required>
<button type="submit" class="search-btn">Buscar</button>
</form>
</div>
<div class="access-grid">
<div class="access-card">
<h3>🛒 Comparador Principal</h3>
<p>Busca y compara precios de productos lácteos en tiempo real</p>
<a href="comparador.php" class="btn primary">Acceder al Comparador</a>
</div>
<div class="access-card">
<h3>📊 Actualizar Precios</h3>
<p>Panel administrativo para actualizar la base de datos semanalmente</p>
<a href="actualizar_precios.php" class="btn">Panel Admin</a>
</div>
<div class="access-card">
<h3>🔧 Diagnósticos</h3>
<p>Herramientas técnicas para verificar el estado del sistema</p>
<a href="diagnostico.php" class="btn">Ver Diagnósticos</a>
</div>
</div>
<div class="shortcuts">
<h3>📱 Accesos Directos</h3>
<div class="tag-grid">
<a href="comparador.php?q=leche" class="tag">🥛 Leche</a>
<a href="comparador.php?q=yogur" class="tag">🍓 Yogur</a>
<a href="comparador.php?q=queso" class="tag">🧀 Queso</a>
<a href="comparador.php?q=dulce" class="tag">🍯 Dulce de Leche</a>
<a href="comparador.php?q=manteca" class="tag">🧈 Manteca</a>
<a href="comparador.php?q=sancor" class="tag">🏪 Sancor</a>
<a href="comparador.php?q=serenisima" class="tag">🏪 La Serenísima</a>
</div>
</div>
<div class="footer">
<p>🚀 Desarrollado: Arquitecto de Datos & Backend Developer</p>
<p>💡 Última actualización: <?php echo date('d/m/Y H:i'); ?></p>
<p>📧 Sistema MVP funcional | Base de datos: MySQL | Hosting: izi.noblesse.ar</p>
</div>
</div>
</body>
</html>🔄 Actualizar esta página: Refrescar