adding search engine

static/css/style.css

@@ -144,6 +144,8 @@ body {
     max-width: 500px;
     position: relative;
     margin-right: 20px;
+    display: flex;
+    align-items: center;
 }
 
 .search-container input {
@@ -165,6 +167,53 @@ body {
     font-size: 16px;
 }
 
+.search-button {
+    background-color: #ff5e3a;
+    color: white;
+    border: none;
+    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    margin-left: 8px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 0.2s;
+}
+
+.search-button:hover {
+    background-color: #e64a29;
+}
+
+/* Estilos para resultados de búsqueda */
+.search-results-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 0;
+    margin-bottom: 15px;
+    border-bottom: 1px solid #eee;
+    width: 100%;
+}
+
+.search-results-header h3 {
+    margin: 0;
+    font-size: 16px;
+    color: #555;
+}
+
+.empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 40px;
+    text-align: center;
+    color: #888;
+    width: 100%;
+}
+
 .user-controls {
     display: flex;
     align-items: center;