first commit

2026-05-15 18:22:55 +02:00
commit 68a4de6836
55 changed files with 10113 additions and 0 deletions
@@ -0,0 +1,93 @@
+.daily-forecast {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 15px;
+  overflow: hidden;
+  
+  .day-item {
+    display: grid;
+    grid-template-columns: 1fr auto auto 1.2fr;
+    align-items: center;
+    gap: 15px;
+    padding: 15px;
+    background: rgba(255, 255, 255, 0.05);
+    backdrop-filter: blur(10px);
+    
+    &:hover {
+      background: rgba(255, 255, 255, 0.1);
+    }
+    
+    .day-info {
+      .day-name {
+        font-size: 16px;
+        font-weight: 500;
+        margin-bottom: 2px;
+      }
+      
+      .date {
+        font-size: 13px;
+        opacity: 0.7;
+      }
+    }
+    
+    .weather-icon {
+      font-size: 32px;
+      line-height: 1;
+      text-align: center;
+      
+      .weather-icon-img {
+        width: 36px;
+        height: 36px;
+        object-fit: contain;
+      }
+    }
+    
+    .precipitation {
+      font-size: 13px;
+      opacity: 0.8;
+      min-width: 50px;
+      text-align: center;
+    }
+    
+    .precipitation-placeholder {
+      min-width: 50px;
+    }
+    
+    .temps {
+      .temp-bar-container {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        
+        .temp-min, .temp-max {
+          font-size: 16px;
+          font-weight: 500;
+          min-width: 35px;
+          text-align: center;
+        }
+        
+        .temp-min {
+          opacity: 0.7;
+        }
+        
+        .temp-bar {
+          flex: 1;
+          height: 6px;
+          background: rgba(255, 255, 255, 0.2);
+          border-radius: 3px;
+          position: relative;
+          
+          .temp-range {
+            position: absolute;
+            height: 100%;
+            border-radius: 3px;
+            transition: left 0.3s ease, width 0.3s ease;
+            // El background se aplica dinámicamente desde el componente
+          }
+        }
+      }
+    }
+  }
+}