commit3

CSS/main.css

@@ -58,6 +58,73 @@
     color: white;
 }
 
+/*----------------------------Carrito Compra---------------------------*/
+
+.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;
+}
 /*----------------------------Boton Arriba------------------*/
 
 .btn-up {
@@ -299,13 +366,25 @@
     border-style: solid;
     margin: 0;
     font-weight: bold;
+    align-self: center;
 }
 
 .productos-disponibles {
     color: #576c57;
 }
 
+.contenedor-boton-añadir {
+    display: flex;
+    align-items: center;
+}
 
+.añadirProd {
+    margin: 10px;
+    border-radius: 25%;
+    width: 80px;
+    height: 60px;
+    text-overflow: ellipsis;
+}
 
 .item-lista-productos .container-carousel .btn-left,
 .item-lista-productos .container-carousel .btn-right {
@@ -677,6 +756,10 @@
 
 }
 
+
+
+
+
 .dropdown:hover > ul {
     display:block;
     opacity: 1;
@@ -1045,6 +1128,15 @@ button.boton-enviar-form   {
     .info-producto{
         margin: 0;
         padding: 0;
+        display: flex;
+        flex-direction: column;
+        
+    }
+    .descripcion-producto{
+        display: flex;
+        flex-direction: row;
+        text-align: center;
+        justify-content: center;
     }
     .slider-section-prod {
         padding: 0;