#menuTienda{ display: none; } #producto1 .crustaceos, #producto1 .moluscos, #producto1 .pescado, #producto1 .apio, #producto1 .sulfitos, #producto2 .crustaceos, #producto2 .moluscos, #producto2 .pescado, #producto2 .apio, #producto2 .sulfitos, #producto4 .crustaceos, #producto4 .pescado, #producto4 .apio, #producto4 .sulfitos{ display: inline-block; } #producto3 .apto_veganos, #producto3 .apio, #producto1 .sulfitos{ display: inline-block !important; } #producto5 .crustaceos, #producto5 .moluscos, #producto5 .pescado, #producto5 .apio, #producto5 .sulfitos{ display: inline-block; } #producto8 .crustaceos, #producto8 .pescado, #producto8 .sulfitos{ display: inline-block; } #producto9 .crustaceos, #producto9 .moluscos, #producto9 .pescado, #producto9 .apio, #producto9 .sulfitos{ display: inline-block; } #producto10 .crustaceos, #producto10 .moluscos, #producto10 .pescado, #producto10 .sulfitos{ display: inline-block; } #producto11 .crustaceos, #producto11 .moluscos, #producto11 .pescado, #producto10 .sulfitos{ display: inline-block; } #producto12 .crustaceos, #producto12 .moluscos, #producto12 .pescado, #producto10 .sulfitos{ display: inline-block; } #producto13 .crustaceos, #producto13 .moluscos, #producto13 .pescado, #producto13 .sulfitos{ display: inline-block; } .producto .sulfitos, .producto .apto_veganos{ display: none !important; } .alergenos { margin: 0; margin-top: 30px; padding: 0; text-align: center; list-style: none; font-size: 0.7em; } .alergenos li{ display: none; width: 80px; line-height: 1; padding: 55px 10px 10px 10px; vertical-align: top; } li.tabla { display: inline-table; padding: 0; } li.tabla a{ width: 80px; display: block; line-height: 1; padding: 55px 10px 10px 10px; vertical-align: top; background: url(/imagenes/alergenos/alergia_tabla.jpg) center top no-repeat; } #tablaAlergenos thead th{ width: 80px; line-height: 1; vertical-align: top; color: #151e27; padding-top: 55px; font-weight: normal; border-bottom: 1px solid #a3081d; background-color: #fff; text-align: center; } #tablaAlergenos tbody td{ text-align: center; border-bottom: 1px dashed #a3081d; } #tablaAlergenos tbody td.plato{ text-align: left; font-weight: bold; } #tablaAlergenos tbody tr:hover{ background: #eee; color: darkgreen; } li.gluten, th.gluten{ background: url(/imagenes/alergenos/alergia_gluten.jpg) center top no-repeat; } li.crustaceos, th.crustaceos{ background: url(/imagenes/alergenos/alergia_crustaceos.jpg) center top no-repeat; } li.moluscos, th.moluscos{ background: url(/imagenes/alergenos/alergia_moluscos.jpg) center top no-repeat; } li.pescado, th.pescado{ background: url(/imagenes/alergenos/alergia_pescado.jpg) center top no-repeat; } li.frutos_secos, th.frutos_secos{ background: url(/imagenes/alergenos/alergia_frutos_secos.jpg) center top no-repeat; } li.leche, th.leche{ background: url(/imagenes/alergenos/alergia_leche.jpg) center top no-repeat; } li.apio, th.apio{ background: url(/imagenes/alergenos/alergia_apio.jpg) center top no-repeat; } li.mostaza, th.mostaza{ background: url(/imagenes/alergenos/alergia_mostaza.jpg) center top no-repeat; } li.sulfitos, th.sulfitos{ background: url(/imagenes/alergenos/alergia_sulfitos.jpg) center top no-repeat; } li.sesamo, th.sesamo{ background: url(/imagenes/alergenos/alergia_sesamo.jpg) center top no-repeat; } li.huevo, th.huevo{ background: url(/imagenes/alergenos/alergia_huevo.jpg) center top no-repeat; } li.soja, th.soja{ background: url(/imagenes/alergenos/alergia_soja.jpg) center top no-repeat; } li.altramuz, th.altramuz{ background: url(/imagenes/alergenos/alergia_altramuz.jpg) center top no-repeat; } li.apto_veganos, th.apto_veganos{ background: url(/imagenes/alergenos/apto_veganos.jpg) center top no-repeat; } .alegenos li{ background-size: contain; } .listaVariantes{ overflow: inherit; flex-direction: column; gap:8px; } .listaVariantes li{ width: 100%; height: inherit; } #productos{ display: block; } .producto{ width: calc(49% - 8px); padding-bottom: 11px; text-align: left; } .producto .img { display: block; height: 220px; } .precioProducto { font-size: 2em; color: #08A34C; } .imgcesta{ width: 100%; background-position: center left; background-size: 40px; padding: 6px 36px; background-color: #08A34C; color: #fff; border: 1px solid #08A34C; } .imgcesta:hover{ background-color: #fff; color: #08A34C; } .controlCantidad, .precioProducto{ display: inline-table; width: initial !important; } #tienda h1 { display: block; width: 100%; } #tienda h3 { margin-left: 5px !important; font-size: 1.6em; } .variantes, .opciones_producto, .productoCantidad, productoPrecio, .productoAnadir{ margin-bottom: 10px; } .opciones_radio label{ display: initial; } .tituloOpcion{ border-bottom: 1px solid; margin-top: 5px; color: #A3081D; } @media (max-width: 768px) { .producto .img{ width: 100% !important; margin: 0; } .producto{ width: 100% !important; margin: 0; margin-bottom: 20px; padding-bottom: 7px; } .alergenos li{ margin-top: 5px; } }