From 145b0b72c0e7d3992781b80d980e946e52fc0c2a Mon Sep 17 00:00:00 2001
From: "maria.ruiz" <zs22016128@estudiantes.uv.mx>
Date: Mon, 3 Mar 2025 01:12:25 +0000
Subject: [PATCH] Subir archivos a "Interfaz"

---
 Interfaz/Inicio.css       | 82 +++++++++++++++++++++++++++++++++++++++
 Interfaz/ventaboletos.css | 79 +++++++++++++++++++++++++++++++++++++
 2 files changed, 161 insertions(+)
 create mode 100644 Interfaz/Inicio.css
 create mode 100644 Interfaz/ventaboletos.css

diff --git a/Interfaz/Inicio.css b/Interfaz/Inicio.css
new file mode 100644
index 0000000..744e1b4
--- /dev/null
+++ b/Interfaz/Inicio.css
@@ -0,0 +1,82 @@
+@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
+
+body {
+  font-family: Arial, sans-serif;
+  background-color: #f9f7f4;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+}
+
+.barra {
+  display:flex;
+  justify-content: space-between;
+  padding: 20px;
+  font-size: 18px;
+}
+
+.barra a {
+  text-decoration: none;
+  color: black;
+  margin: 0 15px;
+}
+.logout {
+  border: 2px solid black;
+  padding: 8px 15px;
+  border-radius: 20px;
+  cursor: pointer;
+}
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 80vh;
+}
+.title {
+  font-family: "Lilita One", sans-serif;
+  text-align: center;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 118px;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 40px;
+}
+
+.button-container {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.ventaBoletos, .reporteVenta {
+  background-color: #ffaa33;
+  padding: 20px;
+  width: 250px;
+  font-size: 18px;
+  font-weight: bold;
+  border-radius: 20px;
+  position: relative;
+  text-align: left;
+  cursor: pointer;
+}
+
+.ventaBoletos span {
+  position: absolute;
+  right: 20px;
+  background: #444;
+  color: white;
+  padding: 10px 15px;
+  border-radius: 15px;
+}
+
+.reporteVenta span {
+  position: center;
+  right: 20px;
+  background: #444;
+  color: white;
+  padding: 10px 15px;
+  border-radius: 15px;
+}
+
diff --git a/Interfaz/ventaboletos.css b/Interfaz/ventaboletos.css
new file mode 100644
index 0000000..b6381d9
--- /dev/null
+++ b/Interfaz/ventaboletos.css
@@ -0,0 +1,79 @@
+body {
+  font-family: Arial, sans-serif;
+  background-color: #f8f7f3; 
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100vh; 
+  margin: 0; 
+}
+
+.dias {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+}
+.dias button {
+  padding: 12px;
+  border: 1px solid #ccc;
+  background: white;
+  cursor: pointer;
+  color:rgb(61, 61, 61);
+}
+.dias button.selected {
+  background: rgb(51, 108, 212);
+  color: white;
+}
+.grid {
+  display: grid;
+  grid-template-columns: repeat(12, 30px);
+  gap: 5px;
+  margin-bottom: 30px;
+}
+.asiento {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  text-align: center;
+  cursor: pointer;
+  background-color: rgb(249, 207, 129);
+  color: rgb(61, 61, 61);
+  font-size: 12px;
+}
+.asiento.vendido {
+  background-color: red;
+  cursor: not-allowed;
+}
+.boton-vender {
+  padding: 10px 20px;
+  background: rgb(119, 182, 119);
+  color: white;
+  border: none;
+  cursor: pointer;
+  border-radius:  18%;
+}
+
+.asiento, .asiento:focus, .asiento:active {
+  outline: none;
+  border: none;
+  box-shadow: none;
+}
+
+.inicio-container {
+  position: absolute;
+  top: 10px; 
+  left: 100px; 
+}
+
+.inicio-btn {
+  font-size: 16px;
+  padding: 8px 12px;
+}
+
+.conjunto{
+  justify-content: center;
+  align-items: center;
+}
+
+