Actualizar Interfaz/estilos/Inicio.css

Interfaz/estilos/Inicio.css

@@ -8,6 +8,44 @@ body {
   padding: 0;
 }
 
+.background-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: -2; 
+}
+
+.linea {
+  position: absolute;
+  width: 1000px; 
+}
+
+
+.linea2 {
+  position: absolute;
+  width: 1300px; 
+}
+
+.linea:nth-child(2) { top: 32%; left: -10%; }
+.linea2:nth-child(1) { top: 26%; right: 37%; }
+.linea:nth-child(4) { bottom: 36%; left: 50%; }
+.linea2:nth-child(3) { bottom: 15%; right: -21%; }
+
+
+.blur-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(227, 228, 229, 0.40);
+  backdrop-filter: blur(10px);
+  z-index: -1; 
+}
+
+
 .barra {
   display:flex;
   justify-content: space-between;
@@ -51,28 +89,44 @@ body {
 }
 
 .ventaBoletos, .reporteVenta {
-  background-color: #ffaa33;
-  padding: 20px;
-  width: 250px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #FFA726;
+  padding: 15px 20px;
+  border-radius: 15px;
   font-size: 18px;
   font-weight: bold;
-  border-radius: 20px;
-  position: relative;
-  text-align: left;
+  color: black;
   cursor: pointer;
-  display: flex;
-  align-items: center; 
-  justify-content: space-between; 
+  transition: background 0.3s ease;
+  width: 300px;
+  text-decoration: none;
+}
+
+.ventaBoletos:hover, .reporteVenta:hover {
+  background-color: #FB8C00; 
 }
 
 .ventaBoletos span, .reporteVenta span {
-  background: #444;
+  background-color: #424242; 
+  padding: 10px 15px;
+  border-radius: 50%;
   color: white;
-  padding: 2px 14px;
-  border-radius: 15px;
-  display: flex;
-  align-items: center; 
-  justify-content: center;
+  font-weight: bold;
 }
 
+#pills-profile {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  height: 50vh; 
+  font-size: 18px; 
+  font-weight: normal;
+  padding: 20px;
+  max-width: 70%; 
+  margin: auto; 
+}