diff --git a/src/main/resources/logo.png b/src/main/resources/logo.png
new file mode 100644
index 0000000..2c5b1ee
Binary files /dev/null and b/src/main/resources/logo.png differ
diff --git a/src/main/resources/styles.css b/src/main/resources/styles.css
new file mode 100644
index 0000000..3cd6d3e
--- /dev/null
+++ b/src/main/resources/styles.css
@@ -0,0 +1,56 @@
+/* styles.css */
+.root {
+    -fx-background-color: #f4f4f4; /* Fondo claro */
+}
+
+.seat-button {
+    -fx-background-color: #4CAF50; /* Verde */
+    -fx-text-fill: white;
+    -fx-font-size: 14px;
+    -fx-font-weight: bold;
+    -fx-padding: 10px;
+    -fx-border-radius: 5px;
+    -fx-background-radius: 5px;
+}
+
+.seat-button:disabled {
+    -fx-background-color: #f44336; /* Rojo para asientos vendidos */
+}
+
+.seat-grid {
+    -fx-background-color: #ffffff; /* Fondo blanco */
+    -fx-padding: 20px;
+    -fx-border-color: #cccccc;
+    -fx-border-width: 1px;
+    -fx-border-radius: 10px;
+    -fx-background-radius: 10px;
+}
+
+.payment-window {
+    -fx-background-color: #ffffff; /* Fondo blanco */
+    -fx-padding: 20px;
+    -fx-border-color: #cccccc;
+    -fx-border-width: 1px;
+    -fx-border-radius: 10px;
+    -fx-background-radius: 10px;
+}
+
+.title {
+    -fx-font-size: 24px;
+    -fx-font-weight: bold;
+    -fx-text-fill: #333333;
+}
+
+.button {
+    -fx-background-color: #2196F3; /* Azul */
+    -fx-text-fill: white;
+    -fx-font-size: 14px;
+    -fx-font-weight: bold;
+    -fx-padding: 10px 20px;
+    -fx-border-radius: 5px;
+    -fx-background-radius: 5px;
+}
+
+.button:hover {
+    -fx-background-color: #1976D2; /* Azul más oscuro al pasar el mouse */
+}
\ No newline at end of file