comit5

CSS/main.css

@@ -1093,7 +1093,71 @@ button.boton-enviar-form   {
         padding: 0;
 
     }
+    .cestaCompra {
+        display: flex;
+        flex-direction: row;
+        position: fixed;
+        cursor: pointer;
+        right: 5px;
+        bottom: 100px;
+        z-index: 999;
     
+    }
+    
+    .img-carrito img{
+        
+        width: 40px;
+        height: 40px;
+    
+    }
+    .desplegable-carrito {
+        display: none;
+        opacity: 0;
+        padding: 10px;
+    }
+    
+    .img-carrito:hover ~ .desplegable-carrito{
+        display:block;
+        opacity: 1;
+        z-index: 999;
+    
+       }
+    
+       .cestaCompra:hover > .desplegable-carrito{
+        display:block;
+        opacity: 1;
+        z-index: 999;
+        background-color: white;
+       }
+       .cestaCompra:hover > .img-carrito{
+        opacity: 0;
+       }
+    
+        .articulo-carrito {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+        }   
+    
+        .articulo-carrito p{
+            margin: 0 5px;
+            padding-top: 5px;
+            align-self: center;
+        }
+    
+    
+    
+        .listaCarrito {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+    
+    .infoArticulo {
+        display: flex;
+        flex-direction: column;
+        padding: 5px;
+    }
 
     /*-----------------PRODUCTOS MOVIL-----------------*/