diff --git a/Interfaz/BoletosArtista2.html b/Interfaz/BoletosArtista2.html
index b2fa438..922bcd9 100644
--- a/Interfaz/BoletosArtista2.html
+++ b/Interfaz/BoletosArtista2.html
@@ -9,37 +9,49 @@
</head>
<body>
<div class="contenedor">
- <div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
- ←
- </div>
+ <div class="seleccion-asientos">
+ <div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
+ ←
+ </div>
- <div class="contenido">
<h2 id="titulo">Abril</h2>
<div class="dias"></div>
+ <div class="escenario"></div>
<div class="grid" id="asientos"></div>
- <button class="boton-vender" onclick="venderAsientos()">Vender</button>
+ <button class="boton-vender" id="btnVender">Vender</button>
+ </div>
+
+ <div id="panel-boletos" class="panel-boletos">
+ <h3>Boletos</h3>
+ <div id="lista-boletos" class="lista-boletos"></div>
+ <hr>
+ <div class="total">
+ <strong>Total:</strong> <span id="total-precio">$0 MXN</span>
+ </div>
</div>
</div>
+
+
- <div id="comprobanteModal" class="modal">
- <div class="modal-content">
- <span class="close">×</span>
+ <div class="modal-overlay" id="modalOverlay">
+ <div id="comprobanteModal">
<h2>Comprobante de Compra</h2>
<p><strong>Artista:</strong> <span id="modalArtista"></span></p>
<p><strong>Día:</strong> <span id="modalDia"></span></p>
<p><strong>Asientos:</strong> <span id="modalAsientos"></span></p>
<p><strong>Precio Total:</strong> <span id="modalPrecioTotal"></span></p>
<p><strong>Fecha y Hora:</strong> <span id="modalFechaHora"></span></p>
- <div class="botones">
- <button class="confirmar" onclick="confirmarVenta()">Confirmar</button>
- <button class="rechazar" onclick="rechazarVenta()">Rechazar</button>
+ <div class="modal-buttons">
+ <button class="cancel" onclick="rechazarVenta()">Cancelar</button>
+ <button class="confirm" onclick="confirmarVenta()">Confirmar</button>
</div>
</div>
</div>
+
+
<script src="scripts/BoletosArtista.js"></script>
<script>
- // Inicializar la página con los datos de The 1975
inicializarPagina('The 1975', [5, 6, 7]);
</script>
<script src="js/bootstrap.bundle.min.js"></script>