Autonomi_AR

Running

App Files Files Community

Autonomi_AR / index.html

Lukeetah

Upload 9 files

7f3fd4a verified 12 months ago

raw

history blame contribute delete

67.7 kB

	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>SoberanIA Argentina - Ecosistema Financiero Cooperativo</title>
	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
	<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
	</head>
	<body>
	<header class="main-header">
	<div class="container">
	<div class="header-content flex items-center justify-between">
	<div class="logo">
	<h1><span class="text-primary">Soberan</span><span class="text-accent">IA</span> Argentina</h1>
	</div>
	<nav class="main-nav">
	<ul class="nav-list flex">
	<li><a href="#dashboard" class="nav-link active"><i class="fas fa-chart-line"></i> Dashboard</a></li>
	<li><a href="#marketplace" class="nav-link"><i class="fas fa-store"></i> Marketplace</a></li>
	<li><a href="#fintech" class="nav-link"><i class="fas fa-wallet"></i> Fintech Soberana</a></li>
	<li><a href="#sorteos" class="nav-link"><i class="fas fa-gift"></i> Sorteos</a></li>
	<li><a href="#impacto" class="nav-link"><i class="fas fa-heart"></i> Impacto Social</a></li>
	</ul>
	</nav>
	<div class="user-menu">
	<button class="btn btn--primary"><i class="fas fa-user-plus"></i> Registrarse</button>
	<button class="btn btn--outline ml-8"><i class="fas fa-sign-in-alt"></i> Ingresar</button>
	</div>
	<button class="mobile-menu-toggle">
	<span></span>
	<span></span>
	<span></span>
	</button>
	</div>
	</div>
	</header>

	<main>
	<!-- DASHBOARD SECTION -->
	<section id="dashboard" class="section section-dashboard active">
	<div class="container">
	<div class="section-header">
	<h2>Dashboard Económico Cooperativo</h2>
	<p>Estadísticas en tiempo real de nuestro ecosistema financiero soberano</p>
	</div>

	<div class="counter-grid">
	<div class="counter-card">
	<div class="counter-icon">
	<i class="fas fa-users"></i>
	</div>
	<div class="counter-data">
	<h3>Usuarios Registrados</h3>
	<div class="counter" id="usuarios-counter">1,247,500</div>
	<div class="counter-trend">
	<i class="fas fa-arrow-up"></i> +12% este mes
	</div>
	</div>
	</div>

	<div class="counter-card">
	<div class="counter-icon">
	<i class="fas fa-hand-holding-usd"></i>
	</div>
	<div class="counter-data">
	<h3>Redistribuido a Jubilados</h3>
	<div class="counter" id="redistribucion-counter">$45,320,780,000</div>
	<div class="counter-trend">
	<i class="fas fa-arrow-up"></i> +8.3% este mes
	</div>
	</div>
	</div>

	<div class="counter-card">
	<div class="counter-icon">
	<i class="fas fa-clock"></i>
	</div>
	<div class="counter-data">
	<h3>Próximo Sorteo</h3>
	<div class="countdown" id="sorteo-countdown">5d 8h 24m 13s</div>
	<div class="counter-info">
	Domingo 15 de Junio, 2025
	</div>
	</div>
	</div>

	<div class="counter-card">
	<div class="counter-icon">
	<i class="fas fa-coins"></i>
	</div>
	<div class="counter-data">
	<h3>PESO-D en Circulación</h3>
	<div class="counter" id="pesod-counter">$32,654,892,300</div>
	<div class="counter-trend">
	<i class="fas fa-arrow-up"></i> +5.7% este mes
	</div>
	</div>
	</div>
	</div>

	<div class="dashboard-grid">
	<div class="dashboard-card card">
	<div class="card__header">
	<h3>Crecimiento de Usuarios</h3>
	</div>
	<div class="card__body">
	<div class="chart-container">
	<canvas id="usuarios-chart"></canvas>
	</div>
	</div>
	</div>

	<div class="dashboard-card card">
	<div class="card__header">
	<h3>Redistribución a Jubilados</h3>
	</div>
	<div class="card__body">
	<div class="chart-container">
	<img src="https://ppl-ai-code-interpreter-files.s3.amazonaws.com/web/direct-files/e97425b224f8bcc14b8c023f92ed2b98/610f01b6-4b1e-41d8-bb7c-111082f479db/8bfe1b9e.png" alt="Redistribución a jubilados" class="img-fluid">
	</div>
	</div>
	</div>

	<div class="dashboard-card card">
	<div class="card__header">
	<h3>Últimos Ganadores de Sorteos</h3>
	</div>
	<div class="card__body">
	<div class="chart-container">
	<img src="https://ppl-ai-code-interpreter-files.s3.amazonaws.com/web/direct-files/e97425b224f8bcc14b8c023f92ed2b98/610f01b6-4b1e-41d8-bb7c-111082f479db/bc4d7fd6.png" alt="Últimos sorteos" class="img-fluid">
	</div>
	<div class="winners-list mt-16">
	<div class="winner-item">
	<div class="winner-info">
	<span class="winner-name">María G.</span>
	<span class="winner-category status status--success">Jubilado</span>
	</div>
	<div class="winner-amount">$2,500,000</div>
	</div>
	<div class="winner-item">
	<div class="winner-info">
	<span class="winner-name">Carlos R.</span>
	<span class="winner-category status status--success">Jubilado</span>
	</div>
	<div class="winner-amount">$1,800,000</div>
	</div>
	<div class="winner-item">
	<div class="winner-info">
	<span class="winner-name">Ana M.</span>
	<span class="winner-category status status--warning">Vulnerable</span>
	</div>
	<div class="winner-amount">$2,200,000</div>
	</div>
	</div>
	</div>
	</div>

	<div class="dashboard-card card">
	<div class="card__header">
	<h3>Noticias de Impacto</h3>
	</div>
	<div class="card__body">
	<div class="news-item">
	<div class="news-date">Junio 7, 2025</div>
	<h4 class="news-title">SoberanIA alcanza 2500 comercios adheridos en Tucumán</h4>
	<p class="news-excerpt">La economía local tucumana registra un aumento del 18% en transacciones sin intermediarios.</p>
	</div>
	<div class="news-item">
	<div class="news-date">Junio 5, 2025</div>
	<h4 class="news-title">BCRA reconoce al PESO-D como medio de pago oficial</h4>
	<p class="news-excerpt">Esta medida fortalece la soberanía monetaria digital argentina.</p>
	</div>
	<div class="news-item">
	<div class="news-date">Junio 2, 2025</div>
	<h4 class="news-title">Jubilados de Córdoba recibieron $285 millones en sorteos</h4>
	<p class="news-excerpt">Más de 5,800 jubilados beneficiados este mes gracias al sistema redistributivo.</p>
	</div>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- MARKETPLACE SECTION -->
	<section id="marketplace" class="section section-marketplace">
	<div class="container">
	<div class="section-header">
	<h2>Marketplace Cooperativo</h2>
	<p>Compra y vende sin comisiones, apoyando la economía real argentina</p>
	</div>

	<div class="marketplace-actions flex gap-16">
	<div class="search-container flex-grow">
	<form class="search-form">
	<input type="text" class="form-control" placeholder="Buscar productos, servicios o vendedores..." id="search-input">
	<button type="submit" class="btn btn--primary search-btn"><i class="fas fa-search"></i></button>
	</form>
	</div>
	<div class="action-buttons">
	<button class="btn btn--primary" id="publish-btn"><i class="fas fa-plus"></i> Publicar Producto</button>
	</div>
	</div>

	<div class="comparison-banner card">
	<div class="banner-content">
	<div class="comparison-item">
	<h4>Grandes Plataformas</h4>
	<div class="comparison-value negative">Comisión: 5-15%</div>
	<div class="comparison-detail">Hasta $25,000 por venta</div>
	</div>
	<div class="comparison-vs">VS</div>
	<div class="comparison-item highlighted">
	<h4>SoberanIA Argentina</h4>
	<div class="comparison-value positive">Comisión: 0%</div>
	<div class="comparison-detail">100% para el vendedor</div>
	</div>
	</div>
	<div class="banner-footer">
	<p>Por cada transacción, $10 van automáticamente al fondo de sorteos para jubilados y sectores vulnerables</p>
	</div>
	</div>

	<div class="category-filters">
	<button class="category-btn active" data-category="all">Todos</button>
	<button class="category-btn" data-category="tech">Tecnología</button>
	<button class="category-btn" data-category="home">Hogar</button>
	<button class="category-btn" data-category="clothing">Indumentaria</button>
	<button class="category-btn" data-category="food">Alimentos</button>
	<button class="category-btn" data-category="services">Servicios</button>
	</div>

	<div class="products-grid">
	<div class="product-card card" data-category="tech">
	<div class="product-image">
	<span class="product-badge">Cooperativa</span>
	<img src="https://via.placeholder.com/300x200?text=Smartphone" alt="Smartphone Samsung" class="img-fluid">
	</div>
	<div class="card__body">
	<h4 class="product-title">Smartphone Samsung A54</h4>
	<div class="product-price">$299,000</div>
	<div class="product-seller">
	<span class="seller-name">TechCoopBA</span>
	<div class="seller-rating">
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star-half-alt"></i>
	<span>4.8</span>
	</div>
	</div>
	<div class="product-actions">
	<button class="btn btn--primary btn--full-width add-to-cart-btn"><i class="fas fa-shopping-cart"></i> Agregar al Carrito</button>
	</div>
	</div>
	</div>

	<div class="product-card card" data-category="home">
	<div class="product-image">
	<span class="product-badge">Cooperativa</span>
	<img src="https://via.placeholder.com/300x200?text=Heladera" alt="Heladera Gafa" class="img-fluid">
	</div>
	<div class="card__body">
	<h4 class="product-title">Heladera Gafa 365L</h4>
	<div class="product-price">$485,000</div>
	<div class="product-seller">
	<span class="seller-name">ElectroCoopSF</span>
	<div class="seller-rating">
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<span>4.9</span>
	</div>
	</div>
	<div class="product-actions">
	<button class="btn btn--primary btn--full-width add-to-cart-btn"><i class="fas fa-shopping-cart"></i> Agregar al Carrito</button>
	</div>
	</div>
	</div>

	<div class="product-card card" data-category="tech">
	<div class="product-image">
	<span class="product-badge">Cooperativa</span>
	<img src="https://via.placeholder.com/300x200?text=Notebook" alt="Notebook Lenovo" class="img-fluid">
	</div>
	<div class="card__body">
	<h4 class="product-title">Notebook Lenovo IdeaPad</h4>
	<div class="product-price">$520,000</div>
	<div class="product-seller">
	<span class="seller-name">CompuCoopCor</span>
	<div class="seller-rating">
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star"></i>
	<i class="fas fa-star-half-alt"></i>
	<span>4.7</span>
	</div>
	</div>
	<div class="product-actions">
	<button class="btn btn--primary btn--full-width add-to-cart-btn"><i class="fas fa-shopping-cart"></i> Agregar al Carrito</button>
	</div>
	</div>
	</div>
	</div>

	<div class="load-more">
	<button class="btn btn--secondary" id="load-more-btn">Cargar Más Productos</button>
	</div>
	</div>

	<!-- Publish Product Modal -->
	<div id="publish-modal" class="modal">
	<div class="modal-content">
	<div class="modal-header">
	<h3>Publicar Nuevo Producto</h3>
	<button class="close-modal">×</button>
	</div>
	<div class="modal-body">
	<form id="publish-form">
	<div class="form-group">
	<label for="product-title" class="form-label">Título del producto</label>
	<input type="text" id="product-title" class="form-control" required>
	</div>
	<div class="form-row">
	<div class="form-group">
	<label for="product-price" class="form-label">Precio (ARS)</label>
	<input type="number" id="product-price" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="product-category" class="form-label">Categoría</label>
	<select id="product-category" class="form-control" required>
	<option value="">Seleccione una categoría</option>
	<option value="tech">Tecnología</option>
	<option value="home">Hogar</option>
	<option value="clothing">Indumentaria</option>
	<option value="food">Alimentos</option>
	<option value="services">Servicios</option>
	</select>
	</div>
	</div>
	<div class="form-group">
	<label for="product-description" class="form-label">Descripción</label>
	<textarea id="product-description" class="form-control" rows="4" required></textarea>
	</div>
	<div class="form-group">
	<label for="product-image" class="form-label">Imagen del producto</label>
	<input type="file" id="product-image" class="form-control">
	</div>
	<div class="form-group">
	<label class="form-label">¿Es usted parte de una cooperativa?</label>
	<div class="radio-group">
	<label>
	<input type="radio" name="is-cooperative" value="yes" checked> Sí
	</label>
	<label>
	<input type="radio" name="is-cooperative" value="no"> No
	</label>
	</div>
	</div>
	<div class="form-actions">
	<button type="button" class="btn btn--outline" id="cancel-publish">Cancelar</button>
	<button type="submit" class="btn btn--primary">Publicar Producto</button>
	</div>
	</form>
	</div>
	</div>
	</div>

	<!-- Shopping Cart Sidebar -->
	<div id="cart-sidebar" class="sidebar">
	<div class="sidebar-header">
	<h3><i class="fas fa-shopping-cart"></i> Tu Carrito</h3>
	<button class="close-sidebar">×</button>
	</div>
	<div class="sidebar-body">
	<div class="cart-items" id="cart-items">
	<!-- Cart items will be dynamically added here -->
	<div class="empty-cart">
	<i class="fas fa-shopping-cart fa-4x"></i>
	<p>Tu carrito está vacío</p>
	</div>
	</div>
	</div>
	<div class="sidebar-footer">
	<div class="cart-summary">
	<div class="summary-row">
	<span>Subtotal:</span>
	<span id="cart-subtotal">$0</span>
	</div>
	<div class="summary-row highlight">
	<span>Comisión SoberanIA:</span>
	<span id="cart-fee">$0</span>
	</div>
	<div class="summary-row total">
	<span>Total:</span>
	<span id="cart-total">$0</span>
	</div>
	</div>
	<button class="btn btn--primary btn--full-width" id="checkout-btn" disabled>
	Proceder al Pago
	</button>
	</div>
	</div>
	</section>

	<!-- FINTECH SECTION -->
	<section id="fintech" class="section section-fintech">
	<div class="container">
	<div class="section-header">
	<h2>Fintech Soberana</h2>
	<p>Sistema financiero descentralizado y justo para todos los argentinos</p>
	</div>

	<div class="wallet-overview card">
	<div class="wallet-balance">
	<div class="balance-label">Tu Balance PESO-D</div>
	<div class="balance-amount">$25,450.00</div>
	<div class="balance-equivalence">Equivalente a ARS $25,450.00</div>
	</div>
	<div class="wallet-actions">
	<button class="btn btn--primary" id="send-money-btn"><i class="fas fa-paper-plane"></i> Enviar</button>
	<button class="btn btn--secondary" id="receive-money-btn"><i class="fas fa-qrcode"></i> Recibir</button>
	<button class="btn btn--outline" id="exchange-btn"><i class="fas fa-exchange-alt"></i> Cambiar</button>
	</div>
	</div>

	<div class="fintech-grid">
	<div class="fintech-card card">
	<div class="card__header">
	<h3>Transferencias P2P</h3>
	</div>
	<div class="card__body">
	<form id="transfer-form">
	<div class="form-group">
	<label for="transfer-recipient" class="form-label">Destinatario (Email o DNI)</label>
	<input type="text" id="transfer-recipient" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="transfer-amount" class="form-label">Monto a transferir (PESO-D)</label>
	<input type="number" id="transfer-amount" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="transfer-concept" class="form-label">Concepto (opcional)</label>
	<input type="text" id="transfer-concept" class="form-control">
	</div>
	<div class="form-info">
	<p>Comisión por transferencia: <strong>0 PESO-D</strong></p>
	<p>Tiempo estimado: <strong>Instantáneo</strong></p>
	</div>
	<button type="submit" class="btn btn--primary btn--full-width">Transferir Fondos</button>
	</form>
	</div>
	</div>

	<div class="fintech-card card">
	<div class="card__header">
	<h3>Simulador de Inversiones</h3>
	</div>
	<div class="card__body">
	<form id="investment-form">
	<div class="form-group">
	<label for="investment-amount" class="form-label">Capital a invertir (PESO-D)</label>
	<input type="number" id="investment-amount" class="form-control" value="10000">
	</div>
	<div class="form-group">
	<label for="investment-time" class="form-label">Plazo (meses)</label>
	<input type="range" id="investment-time" class="form-control range" min="1" max="36" value="12">
	<div class="range-value"><span id="investment-time-value">12</span> meses</div>
	</div>
	<div class="form-group">
	<label for="investment-type" class="form-label">Tipo de inversión</label>
	<select id="investment-type" class="form-control">
	<option value="bonds">Bonos Soberanos (3% mensual)</option>
	<option value="cooperative">Fondo Cooperativo (2.5% mensual)</option>
	<option value="infrastructure">Infraestructura Nacional (2.2% mensual)</option>
	</select>
	</div>
	<div class="investment-results">
	<div class="result-item">
	<span class="result-label">Capital final:</span>
	<span class="result-value" id="investment-final">$14,260.00</span>
	</div>
	<div class="result-item">
	<span class="result-label">Interés ganado:</span>
	<span class="result-value" id="investment-interest">$4,260.00</span>
	</div>
	<div class="result-item">
	<span class="result-label">Rendimiento anual:</span>
	<span class="result-value" id="investment-yield">36.0%</span>
	</div>
	</div>
	<button type="submit" class="btn btn--primary btn--full-width">Invertir Ahora</button>
	</form>
	</div>
	</div>

	<div class="fintech-card card">
	<div class="card__header">
	<h3>Calculadora de Créditos P2P</h3>
	</div>
	<div class="card__body">
	<form id="credit-form">
	<div class="form-group">
	<label for="credit-amount" class="form-label">Monto solicitado (PESO-D)</label>
	<input type="number" id="credit-amount" class="form-control" value="50000">
	</div>
	<div class="form-group">
	<label for="credit-time" class="form-label">Plazo (meses)</label>
	<input type="range" id="credit-time" class="form-control range" min="3" max="36" value="12">
	<div class="range-value"><span id="credit-time-value">12</span> meses</div>
	</div>
	<div class="form-group">
	<label for="credit-purpose" class="form-label">Propósito del crédito</label>
	<select id="credit-purpose" class="form-control">
	<option value="personal">Personal (1.8% mensual)</option>
	<option value="productive">Emprendimiento (1.5% mensual)</option>
	<option value="cooperative">Cooperativa (1.2% mensual)</option>
	</select>
	</div>
	<div class="credit-results">
	<div class="result-item">
	<span class="result-label">Cuota mensual:</span>
	<span class="result-value" id="credit-monthly">$4,565.00</span>
	</div>
	<div class="result-item">
	<span class="result-label">Total a pagar:</span>
	<span class="result-value" id="credit-total">$54,780.00</span>
	</div>
	<div class="result-item">
	<span class="result-label">TEA:</span>
	<span class="result-value" id="credit-rate">19.56%</span>
	</div>
	</div>
	<div class="form-info">
	<p>Los créditos son otorgados directamente por otros usuarios sin intermediación bancaria</p>
	</div>
	<button type="submit" class="btn btn--primary btn--full-width">Solicitar Crédito</button>
	</form>
	</div>
	</div>

	<div class="fintech-card card">
	<div class="card__header">
	<h3>Transacciones Recientes</h3>
	</div>
	<div class="card__body">
	<div class="transactions-list">
	<div class="transaction-item">
	<div class="transaction-icon outgoing">
	<i class="fas fa-arrow-up"></i>
	</div>
	<div class="transaction-details">
	<div class="transaction-title">Transferencia a Carlos M.</div>
	<div class="transaction-date">Junio 7, 2025 - 14:35</div>
	</div>
	<div class="transaction-amount outgoing">-$2,500.00</div>
	</div>
	<div class="transaction-item">
	<div class="transaction-icon incoming">
	<i class="fas fa-arrow-down"></i>
	</div>
	<div class="transaction-details">
	<div class="transaction-title">Depósito desde Marketplace</div>
	<div class="transaction-date">Junio 6, 2025 - 10:22</div>
	</div>
	<div class="transaction-amount incoming">+$8,750.00</div>
	</div>
	<div class="transaction-item">
	<div class="transaction-icon neutral">
	<i class="fas fa-exchange-alt"></i>
	</div>
	<div class="transaction-details">
	<div class="transaction-title">Compra de Bonos Soberanos</div>
	<div class="transaction-date">Junio 5, 2025 - 16:48</div>
	</div>
	<div class="transaction-amount neutral">$5,000.00</div>
	</div>
	<div class="transaction-item">
	<div class="transaction-icon incoming">
	<i class="fas fa-arrow-down"></i>
	</div>
	<div class="transaction-details">
	<div class="transaction-title">Interés Mensual Bonos</div>
	<div class="transaction-date">Junio 1, 2025 - 00:05</div>
	</div>
	<div class="transaction-amount incoming">+$450.00</div>
	</div>
	</div>
	<button class="btn btn--outline btn--full-width mt-16">Ver Todas las Transacciones</button>
	</div>
	</div>
	</div>
	</div>

	<!-- Send Money Modal -->
	<div id="send-money-modal" class="modal">
	<div class="modal-content">
	<div class="modal-header">
	<h3>Enviar PESO-D</h3>
	<button class="close-modal">×</button>
	</div>
	<div class="modal-body">
	<form id="send-money-form">
	<div class="form-group">
	<label for="send-recipient" class="form-label">Destinatario (Email o DNI)</label>
	<input type="text" id="send-recipient" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="send-amount" class="form-label">Monto a enviar (PESO-D)</label>
	<input type="number" id="send-amount" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="send-concept" class="form-label">Concepto (opcional)</label>
	<input type="text" id="send-concept" class="form-control">
	</div>
	<div class="form-actions">
	<button type="button" class="btn btn--outline" id="cancel-send">Cancelar</button>
	<button type="submit" class="btn btn--primary">Enviar PESO-D</button>
	</div>
	</form>
	</div>
	</div>
	</div>
	</section>

	<!-- SORTEOS SECTION -->
	<section id="sorteos" class="section section-sorteos">
	<div class="container">
	<div class="section-header">
	<h2>Sistema de Sorteos Revolucionario</h2>
	<p>Redistribución directa y transparente para jubilados y sectores vulnerables</p>
	</div>

	<div class="algorithm-card card">
	<div class="card__header">
	<h3>Funcionamiento del Sistema</h3>
	</div>
	<div class="card__body">
	<div class="algorithm-steps">
	<div class="algorithm-step">
	<div class="step-number">1</div>
	<div class="step-content">
	<h4>Contribución Automática</h4>
	<p>Cada usuario aporta $10 ARS mensuales al fondo común de sorteos, debitados automáticamente de su cuenta PESO-D.</p>
	</div>
	</div>
	<div class="algorithm-step">
	<div class="step-number">2</div>
	<div class="step-content">
	<h4>Distribución Equitativa</h4>
	<p>El fondo total se distribuye: 70% para jubilados, 20% para sectores vulnerables y 10% para el pool general de usuarios.</p>
	</div>
	</div>
	<div class="algorithm-step">
	<div class="step-number">3</div>
	<div class="step-content">
	<h4>Sorteos Semanales</h4>
	<p>Cada domingo a las 20:00hs se realizan sorteos usando smart contracts transparentes y auditables por todos.</p>
	</div>
	</div>
	<div class="algorithm-step">
	<div class="step-number">4</div>
	<div class="step-content">
	<h4>Probabilidades Incrementadas</h4>
	<p>Los jubilados tienen un 70% más de probabilidades de ganar en cualquier sorteo del sistema.</p>
	</div>
	</div>
	</div>
	</div>
	</div>

	<div class="sorteos-grid">
	<div class="sorteo-card card">
	<div class="card__header">
	<h3>Próximo Sorteo</h3>
	</div>
	<div class="card__body">
	<div class="sorteo-countdown">
	<div class="countdown-display" id="sorteo-countdown-display">
	<div class="countdown-item">
	<div class="countdown-value" id="countdown-days">5</div>
	<div class="countdown-label">Días</div>
	</div>
	<div class="countdown-separator">:</div>
	<div class="countdown-item">
	<div class="countdown-value" id="countdown-hours">8</div>
	<div class="countdown-label">Horas</div>
	</div>
	<div class="countdown-separator">:</div>
	<div class="countdown-item">
	<div class="countdown-value" id="countdown-minutes">24</div>
	<div class="countdown-label">Minutos</div>
	</div>
	<div class="countdown-separator">:</div>
	<div class="countdown-item">
	<div class="countdown-value" id="countdown-seconds">13</div>
	<div class="countdown-label">Segundos</div>
	</div>
	</div>
	<div class="countdown-info">
	Próximo sorteo: Domingo 15 de Junio, 2025 - 20:00hs
	</div>
	</div>
	<div class="sorteo-prizes">
	<div class="prize-item">
	<div class="prize-category">Pool Jubilados</div>
	<div class="prize-amount">$8,750,000</div>
	</div>
	<div class="prize-item">
	<div class="prize-category">Pool Vulnerables</div>
	<div class="prize-amount">$2,500,000</div>
	</div>
	<div class="prize-item">
	<div class="prize-category">Pool General</div>
	<div class="prize-amount">$1,250,000</div>
	</div>
	</div>
	<div class="sorteo-participation">
	<p>¡Ya estás participando automáticamente!</p>
	<div class="participation-status">
	<i class="fas fa-check-circle"></i> Contribución Mensual Activa
	</div>
	</div>
	</div>
	</div>

	<div class="sorteo-card card">
	<div class="card__header">
	<h3>Histórico de Ganadores</h3>
	</div>
	<div class="card__body">
	<div class="winners-table">
	<table>
	<thead>
	<tr>
	<th>Fecha</th>
	<th>Ganador</th>
	<th>Categoría</th>
	<th>Monto</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>08/06/2025</td>
	<td>María G.</td>
	<td><span class="status status--success">Jubilado</span></td>
	<td>$2,500,000</td>
	</tr>
	<tr>
	<td>01/06/2025</td>
	<td>Carlos R.</td>
	<td><span class="status status--success">Jubilado</span></td>
	<td>$1,800,000</td>
	</tr>
	<tr>
	<td>25/05/2025</td>
	<td>Ana M.</td>
	<td><span class="status status--warning">Vulnerable</span></td>
	<td>$2,200,000</td>
	</tr>
	<tr>
	<td>18/05/2025</td>
	<td>Roberto P.</td>
	<td><span class="status status--success">Jubilado</span></td>
	<td>$1,950,000</td>
	</tr>
	<tr>
	<td>11/05/2025</td>
	<td>Laura S.</td>
	<td><span class="status status--info">General</span></td>
	<td>$1,100,000</td>
	</tr>
	</tbody>
	</table>
	</div>
	<button class="btn btn--outline btn--full-width mt-16">Ver Todos los Ganadores</button>
	</div>
	</div>

	<div class="sorteo-card card">
	<div class="card__header">
	<h3>Distribución de Fondos</h3>
	</div>
	<div class="card__body">
	<div class="chart-container">
	<canvas id="distribution-chart"></canvas>
	</div>
	<div class="distribution-stats">
	<div class="stat-item">
	<div class="stat-value">70%</div>
	<div class="stat-label">Jubilados</div>
	</div>
	<div class="stat-item">
	<div class="stat-value">20%</div>
	<div class="stat-label">Vulnerables</div>
	</div>
	<div class="stat-item">
	<div class="stat-value">10%</div>
	<div class="stat-label">General</div>
	</div>
	</div>
	<div class="distribution-info">
	<p>Pool actual de fondos acumulados: <strong>$12,500,000</strong></p>
	<p>Contribuciones este mes: <strong>1,250,000</strong></p>
	</div>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- IMPACTO SOCIAL SECTION -->
	<section id="impacto" class="section section-impacto">
	<div class="container">
	<div class="section-header">
	<h2>Impacto Social Transformador</h2>
	<p>Construcción de soberanía económica para todos los argentinos</p>
	</div>

	<div class="map-card card">
	<div class="card__header">
	<h3>Mapa de Beneficiarios</h3>
	</div>
	<div class="card__body">
	<div class="map-container">
	<img src="https://ppl-ai-code-interpreter-files.s3.amazonaws.com/web/direct-files/e97425b224f8bcc14b8c023f92ed2b98/610f01b6-4b1e-41d8-bb7c-111082f479db/cf9f1427.png" alt="Mapa de beneficiarios por provincia" class="img-fluid">
	</div>
	<div class="map-legend">
	<div class="legend-item">
	<div class="legend-color" style="background-color: #1FB8CD;"></div>
	<div class="legend-label">Buenos Aires: 4,500,000 beneficiarios</div>
	</div>
	<div class="legend-item">
	<div class="legend-color" style="background-color: #FFC185;"></div>
	<div class="legend-label">CABA: 1,200,000 beneficiarios</div>
	</div>
	<div class="legend-item">
	<div class="legend-color" style="background-color: #B4413C;"></div>
	<div class="legend-label">Córdoba: 980,000 beneficiarios</div>
	</div>
	<div class="legend-item">
	<div class="legend-color" style="background-color: #ECEBD5;"></div>
	<div class="legend-label">Santa Fe: 850,000 beneficiarios</div>
	</div>
	<div class="legend-item">
	<div class="legend-color" style="background-color: #5D878F;"></div>
	<div class="legend-label">Mendoza: 420,000 beneficiarios</div>
	</div>
	<div class="legend-item">
	<div class="legend-color" style="background-color: #DB4545;"></div>
	<div class="legend-label">Tucumán: 380,000 beneficiarios</div>
	</div>
	</div>
	</div>
	</div>

	<div class="impacto-grid">
	<div class="impacto-card card">
	<div class="card__header">
	<h3>Redistribución Económica</h3>
	</div>
	<div class="card__body">
	<div class="chart-container">
	<canvas id="redistribution-chart"></canvas>
	</div>
	<div class="redistribution-stats">
	<div class="stat-item">
	<div class="stat-label">Total redistribuido</div>
	<div class="stat-value" id="total-redistribuido">$45,320,780,000</div>
	</div>
	<div class="stat-item">
	<div class="stat-label">Jubilados beneficiados</div>
	<div class="stat-value">8,420,500</div>
	</div>
	<div class="stat-item">
	<div class="stat-label">Aumento promedio en ingresos</div>
	<div class="stat-value">34.5%</div>
	</div>
	</div>
	</div>
	</div>

	<div class="impacto-card card">
	<div class="card__header">
	<h3>Testimonios de Beneficiarios</h3>
	</div>
	<div class="card__body">
	<div class="testimonials-carousel" id="testimonials-carousel">
	<div class="testimonial-slide active">
	<div class="testimonial-content">
	<p>"Gracias a SoberanIA Argentina puedo comprar mis medicamentos sin preocuparme por el precio. La plataforma es fácil de usar y el sistema de sorteos me permitió ganar fondos adicionales."</p>
	</div>
	<div class="testimonial-author">
	<div class="author-info">
	<div class="author-name">María González, 68</div>
	<div class="author-location">San Isidro, Buenos Aires</div>
	</div>
	</div>
	</div>
	<div class="testimonial-slide">
	<div class="testimonial-content">
	<p>"Después de 40 años de trabajo, mi jubilación no alcanzaba para vivir dignamente. Con SoberanIA Argentina no solo ahorro en comisiones sino que he ganado dos sorteos."</p>
	</div>
	<div class="testimonial-author">
	<div class="author-info">
	<div class="author-name">Carlos Rodríguez, 72</div>
	<div class="author-location">Córdoba Capital</div>
	</div>
	</div>
	</div>
	</div>
	<div class="carousel-controls">
	<button class="carousel-control prev" id="testimonial-prev"><i class="fas fa-chevron-left"></i></button>
	<div class="carousel-indicators">
	<span class="indicator active"></span>
	<span class="indicator"></span>
	</div>
	<button class="carousel-control next" id="testimonial-next"><i class="fas fa-chevron-right"></i></button>
	</div>
	</div>
	</div>

	<div class="impacto-card card">
	<div class="card__header">
	<h3>Soberanía Económica Recuperada</h3>
	</div>
	<div class="card__body">
	<div class="sovereignty-meter">
	<div class="meter-label">Progreso hacia soberanía económica completa</div>
	<div class="meter-container">
	<div class="meter-bar" style="width: 45%;"></div>
	<div class="meter-value">45%</div>
	</div>
	</div>
	<div class="sovereignty-stats">
	<div class="stat-item">
	<div class="stat-icon"><i class="fas fa-handshake"></i></div>
	<div class="stat-value">3.2 millones</div>
	<div class="stat-label">Transacciones sin intermediarios</div>
	</div>
	<div class="stat-item">
	<div class="stat-icon"><i class="fas fa-university"></i></div>
	<div class="stat-value">$4.5 mil millones</div>
	<div class="stat-label">Ahorro en comisiones bancarias</div>
	</div>
	<div class="stat-item">
	<div class="stat-icon"><i class="fas fa-chart-line"></i></div>
	<div class="stat-value">24.8%</div>
	<div class="stat-label">Reducción de monopolios digitales</div>
	</div>
	</div>
	<div class="sovereignty-note">
	<p>El índice de soberanía económica se calcula según el volumen de transacciones realizadas a través de plataformas cooperativas, la reducción de la dependencia de monopolios digitales y el impacto en la economía local.</p>
	</div>
	</div>
	</div>

	<div class="impacto-card card">
	<div class="card__header">
	<h3>Comparativa Antes/Después</h3>
	</div>
	<div class="card__body">
	<div class="comparison-tabs">
	<div class="tab-controls">
	<button class="tab-control active" data-tab="tab-jubilados">Jubilados</button>
	<button class="tab-control" data-tab="tab-comercios">Comercios</button>
	<button class="tab-control" data-tab="tab-general">Economía General</button>
	</div>
	<div class="tab-content">
	<div class="tab-pane active" id="tab-jubilados">
	<div class="comparison-data">
	<div class="comparison-column">
	<h4>Antes de SoberanIA</h4>
	<ul class="comparison-list">
	<li>Ingresos por debajo de línea de pobreza</li>
	<li>Altos costos en medicamentos</li>
	<li>Sin acceso a tecnologías financieras</li>
	<li>Dependencia exclusiva de ANSES</li>
	</ul>
	</div>
	<div class="comparison-column highlighted">
	<h4>Con SoberanIA</h4>
	<ul class="comparison-list">
	<li>Incremento promedio del 34.5% en ingresos</li>
	<li>Descuentos exclusivos en marketplace</li>
	<li>Inclusión financiera digital</li>
	<li>Ingresos adicionales por sorteos</li>
	</ul>
	</div>
	</div>
	</div>
	<div class="tab-pane" id="tab-comercios">
	<div class="comparison-data">
	<div class="comparison-column">
	<h4>Antes de SoberanIA</h4>
	<ul class="comparison-list">
	<li>Comisiones del 5-15% por venta</li>
	<li>Retención de fondos por 14-21 días</li>
	<li>Sin control sobre políticas de la plataforma</li>
	<li>Competencia desigual con grandes retailers</li>
	</ul>
	</div>
	<div class="comparison-column highlighted">
	<h4>Con SoberanIA</h4>
	<ul class="comparison-list">
	<li>0% de comisión por ventas</li>
	<li>Acreditación inmediata de fondos</li>
	<li>Participación en decisiones cooperativas</li>
	<li>Visibilidad preferencial para emprendimientos locales</li>
	</ul>
	</div>
	</div>
	</div>
	<div class="tab-pane" id="tab-general">
	<div class="comparison-data">
	<div class="comparison-column">
	<h4>Antes de SoberanIA</h4>
	<ul class="comparison-list">
	<li>Fuga de capitales de $8.8 mil millones anuales</li>
	<li>76% del e-commerce controlado por monopolios</li>
	<li>40% de población no bancarizada</li>
	<li>Alta dependencia de sistemas financieros externos</li>
	</ul>
	</div>
	<div class="comparison-column highlighted">
	<h4>Con SoberanIA</h4>
	<ul class="comparison-list">
	<li>Retención del 45% de capital en economía local</li>
	<li>Desconcentración del e-commerce nacional</li>
	<li>Inclusión financiera del 28% de no bancarizados</li>
	<li>Soberanía monetaria digital con PESO-D</li>
	</ul>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</section>
	</main>

	<footer class="main-footer">
	<div class="container">
	<div class="footer-content">
	<div class="footer-about">
	<h3>SoberanIA Argentina</h3>
	<p>Ecosistema financiero cooperativo para la soberanía económica y la redistribución de riqueza.</p>
	<div class="social-links">
	<a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a>
	<a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
	<a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
	<a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
	</div>
	</div>
	<div class="footer-links">
	<div class="footer-group">
	<h4>Plataforma</h4>
	<ul>
	<li><a href="#dashboard">Dashboard</a></li>
	<li><a href="#marketplace">Marketplace</a></li>
	<li><a href="#fintech">Fintech Soberana</a></li>
	<li><a href="#sorteos">Sorteos</a></li>
	<li><a href="#impacto">Impacto Social</a></li>
	</ul>
	</div>
	<div class="footer-group">
	<h4>Recursos</h4>
	<ul>
	<li><a href="#">Centro de Ayuda</a></li>
	<li><a href="#">Blog</a></li>
	<li><a href="#">Tutoriales</a></li>
	<li><a href="#">Preguntas Frecuentes</a></li>
	<li><a href="#">Estadísticas</a></li>
	</ul>
	</div>
	<div class="footer-group">
	<h4>Legal</h4>
	<ul>
	<li><a href="#">Términos y Condiciones</a></li>
	<li><a href="#">Política de Privacidad</a></li>
	<li><a href="#">Transparencia</a></li>
	<li><a href="#">Compliance BCRA</a></li>
	<li><a href="#">Smart Contracts</a></li>
	</ul>
	</div>
	</div>
	</div>
	<div class="footer-bottom">
	<div class="copyright">
	© 2025 SoberanIA Argentina - Todos los derechos reservados
	</div>
	<div class="compliance-badges">
	<span class="badge"><i class="fas fa-shield-alt"></i> Compliance BCRA</span>
	<span class="badge"><i class="fas fa-lock"></i> Datos Protegidos</span>
	<span class="badge"><i class="fas fa-code-branch"></i> Código Abierto</span>
	</div>
	</div>
	</div>
	</footer>

	<!-- Overlay for modals and sidebars -->
	<div class="overlay" id="overlay"></div>

	<script src="app.js"></script>
	<!-- Modal de Registro -->
	<div id="register-modal" class="modal">
	<div class="modal-content">
	<h3>Registro</h3>
	<button class="close-modal">×</button>
	<form id="register-form">
	<div class="form-group">
	<label for="register-username">Usuario</label>
	<input type="text" id="register-username" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="register-password">Contraseña</label>
	<input type="password" id="register-password" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="register-email">Email</label>
	<input type="email" id="register-email" class="form-control" required>
	</div>
	<div class="form-group">
	<label for="register-dni">DNI</label>
	<input type="text" id="register-dni" class="form-control" required>
	</div>
	<button type="submit" class="btn btn--primary">Registrarse</button>
	</form>
	</div>
	</div>
	<!-- Overlay (opcional, pero recomendado) -->
	<div id="overlay" class="overlay"></div>
	</body>
	</html>