diff --git a/css/botonRegreso.css b/css/botonRegreso.css
deleted file mode 100644
index bdf1a57..0000000
--- a/css/botonRegreso.css
+++ /dev/null
@@ -1,19 +0,0 @@
-#btnRegresar {
- position: absolute;
- top: 20px;
- left: 20px;
- background-color: #6c757d;
- color: white;
- padding: 10px 15px;
- border-radius: 8px;
- border: none;
- cursor: pointer;
- font-size: 16px;
- font-weight: bold;
- transition: background 0.3s, transform 0.2s;
-}
-
-#btnRegresar:hover {
- background-color: #5a6268;
- transform: scale(1.05);
-}
diff --git a/css/zonas.css b/css/ventanaBoletos.css
similarity index 83%
rename from css/zonas.css
rename to css/ventanaBoletos.css
index 2dd17cb..b1eb96c 100644
--- a/css/zonas.css
+++ b/css/ventanaBoletos.css
@@ -18,6 +18,12 @@
width: 100%;
max-width: 600px;
height: 400px;
+ margin-bottom: 20px;
+}
+
+.cardIzq h2{
+ font-size: 44px;
+ margin: 20px;
}
.zones-container {
@@ -35,20 +41,32 @@
}
.card {
- background: #aab2b2;
+ background: #1E1E30;
border-radius: 12px;
padding: 20px;
width: 100%;
max-width: 300px;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
+ color:#ffffff;
}
.zone-btn {
padding: 10px;
+ margin-left: 10px;
+ margin-right: 10px;
border-radius: 8px;
- color: white;
- font-weight: bold;
cursor: pointer;
+ font-size: 18px;
+ color: white;
+ transition: 0.5s;
+}
+
+.zone-btn p{
+ padding: 10px;
+}
+
+.zone-btn:hover {
+ transform: scale(1.1);
}
.vip-zone { background-color: #5e17eb; }
diff --git a/js/botonRegreso.js b/js/botonRegreso.js
deleted file mode 100644
index d2f2b09..0000000
--- a/js/botonRegreso.js
+++ /dev/null
@@ -1,9 +0,0 @@
-document.addEventListener("DOMContentLoaded", () => {
- const btnRegresar = document.getElementById("btnRegresar");
-
- if (btnRegresar) {
- btnRegresar.addEventListener("click", () => {
- window.history.back(); // Regresa a la página anterior
- });
- }
-});
diff --git a/js/ventaBoletos.js b/js/ventaBoletos.js
index 9165ba9..dff27a9 100644
--- a/js/ventaBoletos.js
+++ b/js/ventaBoletos.js
@@ -14,7 +14,6 @@ document.addEventListener("DOMContentLoaded", async () => {
cargarZonas(zonas, conciertoId);
} catch (error) {
console.error(error);
- alert("Error al cargar los datos del concierto");
}
});
diff --git a/ventaBoletos.html b/ventaBoletos.html
index 5f9de59..9a19679 100644
--- a/ventaBoletos.html
+++ b/ventaBoletos.html
@@ -7,7 +7,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<link rel="stylesheet" href="css/conciertos.css"> <!-- Aquí se incluye el CSS -->
- <link rel="stylesheet" href="css/zonas.css">
+ <link rel="stylesheet" href="css/ventanaBoletos.css">
</head>
<body>
<nav>