Subir archivos a "Interfaz"

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;
+}
+

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;
+}
+
+