:root{ --tienda_fondo: #FFFFFF;--item_fondo: #FFFFFF;--tienda_borde_color: #FFFFFF;--item_borde_color: #013064;--item_img_bg: #FFFFFF;--tienda_color_festivo: #148AFF;--tienda_color_vacaciones: #90A317;--tienda_color_libre: #0DA326;--tienda_color_ocupado: #A3081D; } #tienda{ background:var(--tienda_fondo); border:0px none var(--tienda_borde_color); border-radius: 5px 5px 5px 5px; margin-top: 24px; display: flex; flex-wrap: wrap; gap: 16px; } #productos{ display: flex; flex-wrap: wrap; justify-content: start; gap: 16px; } #productos .precio{ margin-top: auto; } #productos .familia{ width: 100%; border-bottom: 1px solid var(--tienda_borde_color); margin-top: 48px; text-align left; } ul.tiendacategorias{ gap: 16px; } ul.tiendacategorias li{ width: 562px; background: url(/imagenes/estilos/sombra.png) no-repeat center bottom; background-size: 100%; } .tiendacategorias .categoria_info{ display: flex; gap: 64px; border-radius: 5px 5px 5px 5px; border:1px solid var(--item_borde_color); background: rgba(255,255,255,0.7); height:220px; max-height:220px; } .tiendaPedido{ margin: 10px auto; border-radius: 5px 5px 5px 5px; border:1px solid var(--item_borde_color); } .tiendaPedido h2{ background: var(--item_borde_color); color: #fff; text-align: left; margin: 0; padding: 10px; margin-bottom: 10px; } .tiendaPedido h3{ border-bottom:1px solid var(--item_borde_color); } .tiendaPedido .tabla{ margin: 0 auto; } ul.tiendacategorias li img{ border-radius: 0px; background-color: var(--item_borde_color); background-repeat: no-repeat; background-position: center center; } ul.tiendacategorias li .catTextos{ display: table-cell; vertical-align: top; padding: 0 0 0 15px; } ul.tiendacategorias li .catTextos h2{ margin: 0; padding: 0; } ul.tiendacategorias li .catTextos p{ margin-top: 0; } ul.tiendacategorias li .catContenido{ height:68px; overflow: auto; display: block; } #tienda .catDescripcion{ border-radius: 0px; border:1px solid var(--item_borde_color); max-height: 85px; overflow: auto; padding: 5px; } #tienda .catContenido p{ margin-top: 0; } .producto, .producto.max{ background: url(/imagenes/estilos/sombra.png) no-repeat center bottom; background-size: 100%; } .producto { display: flex; position: relative; width: 562px; min-height:220px; border-radius: 0px; background: var(--item_fondo); border:1px solid var(--item_borde_color); } .producto .barraEdicion{ display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 100; } .producto:hover .barraEdicion{ display: block; } .producto.max{ margin:5px auto; width: initial; } .producto.consultar .controlCestaProducto, .producto.no_sctock .controlCestaProducto { display: none; } .producto h1, .producto h2, .producto h3{ margin: 0; } .producto_info{ margin: 8px; display: flex; flex-direction: column; gap: 8px; width: 100%; } .producto_info .producto_texto{ display: flex; flex-direction: column; gap: 8px; width: 100%; } .producto.max .miniImg{ display: inline-block; margin: 5px; width: 40px; height: 40px; border-radius: 0px; border:1px solid var(--item_borde_color); } .producto .img{ border-radius: 0px; background-color:var(--item_img_bg); } .producto.max .img{ height: initial; } .producto.max .descripcion{ margin:5px; padding:0; border-radius: 0px; height: initial; width: initial; } .producto.max .img img{ border-radius: 0px; } .producto.promocion .img a{ display:table; width:210px; height:210px; background: url(/imagenes/estilos/tienda_item_promo.png) center 170px no-repeat; } .producto.max.promocion{ background: url(/imagenes/estilos/tienda_itemmax_promo.png) center top no-repeat var(--item_fondo); padding-top: 20px; } .control{ border-radius: 0px; margin:2px; padding:2px; float:right; } #tienda .controlPrecio { height: 30px; background: transparent url(/imagenes/estilos/fondo_control.png) repeat-x 0% 0% / 100% auto; border-radius: 2px; display: table; } #tienda .control .precioProducto { display: table-cell; font-weight: bold; vertical-align: middle; padding: 5px; } .cant_menos { background: transparent url(/imagenes/estilos/cant_menos.png) center center no-repeat; width: 48px; display: table-cell; padding: 5px; cursor: pointer; } .cant_mas { background: transparent url(/imagenes/estilos/cant_mas.png) center center no-repeat; width: 48px; display: table-cell; padding: 5px; cursor: pointer; } .inputCantidad { width: 38px; text-align: center; vertical-align: middle; } .inputCantidad::-webkit-inner-spin-button, .inputCantidad::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .inputCantidad{ -moz-appearance:textfield; } .imgcesta{ background: var(--item_borde_color); color: var(--item_fondo); border: 1px solid; cursor: pointer; display: inline-block; padding: 4px 8px; } .imgcesta:hover{ background: var(--item_fondo); color: var(--item_borde_color); } .precioProducto, .precioDesde, precioRango{ font-weight: bold; display: block; line-height: 1; } .precioProducto .cents, .precioDesde .cents, .precioRango .cents { vertical-align: text-top; font-size: 0.5em; } span.itemDto { background-color: var(--tienda_borde_color); font-size: x-large; color: var(--color_pagina); border-radius: 100%; padding: 10px; rotate: none; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-left: auto; } span.itemDto span{ font-size: small; } #tienda .tachado{ display: block; text-decoration-line: line-through; font-size: small; line-height: 1; } .producto .descripcion{ margin:0 auto; height:68px; overflow:auto; } .info{ margin:0; padding:0; /*overflow:auto;*/ height:100%; } #comboTienda{ margin:0; padding:0; } .paginacion{ margin:0; padding:0; } #cesta{ border-radius: 0px; margin: 2px auto; padding: 2px; border:1px solid var(--item_borde_color); background:var(--item_fondo); width:210px; text-align:center; position: fixed; right: 0; top: 10px; z-index: 2000; } #cesta.on{ width:420px; position: fixed; top: 0; } #cesta #totalProductos{ cursor: pointer; margin: 0 !important; padding: 3px; } #cesta #totalProductos.on{ color:var(--item_fondo); background:var(--item_borde_color); } #cesta #totalCesta{ font-size: 1.17em; margin: 1em; } #cesta .botonesCesta{ display: flex; justify-content: center; gap: 16px; } #cestaProductos { max-height: 300px; overflow: auto; font-size: 0.8em; display: flex; flex-direction: column; gap: 8px; width: 100%; } .cestaCantidad{ display: inline-table; } #cestaProductos img { max-width:210px; } #cestaDespliega{ padding: 10px 0; text-align: center; } .cestaProducto{ border-bottom:1px solid var(--item_borde_color); display: flex; width: 100%; align-items: center; gap: 8px; } .cestaProducto .img a{ width: 100px; height: 100px; display: flex; } .cestaDescuento{ font-weight: bold; display: block; } #paginacionAbajo { margin: 20px auto; padding:0; text-align:center; display:table; clear: both; } .dato_no{ opacity: 0.6; font-style: italic; } #tienda #albaran{ margin: 0 auto; } .wrapBannerTienda{ overflow: hidden; position: relative; } .wrapBannerTienda .bannerTiendaNext{ position: absolute; left: 0; top: 0; bottom: 0; width: 48px; background: #ffffff50; display: flex; align-items: center; justify-content: center; cursor: pointer; } .wrapBannerTienda .bannerTiendaPrev{ position: absolute; right: 0; top: 0; bottom: 0; width: 48px; background: #ffffff50; display: flex; align-items: center; justify-content: center; cursor: pointer; } .wrapBannerTienda .bannerTiendaNext .fa, .wrapBannerTienda .bannerTiendaPrev .fa{ opacity: .5; } .bannerTienda{ display: flex; gap: 16px; width: fit-content; } .bannerTienda .producto{ transition: all 0.3s linear; } .bannerTienda span.tachado{ display: initial; margin-right: 5px; } .bannerTienda span.precio{ font-weight: bold; display: initial; margin-left: 5px; font-size: 1.5em; line-height: 0.9; } .editarTienda{ float: right; } #menuTienda{ border-radius: 5px 5px 5px 5px; border:1px solid var(--item_borde_color); width: 230px; } #menuTienda ul{ margin: 0; padding: 0; } #menuTienda li{ list-style: none; margin: 0; padding: 0; } #menuTienda li li{ padding: 0 0 0 8px; } #menuTienda a{ padding: 3px 5px; display: block; } #menuTienda .nivel0, #menuTienda .nivel0 a{ color: var(--tienda_fondo) !important; background: var(--item_borde_color); border-bottom: 1px dotted var(--tienda_fondo) !important; } #menuTienda a.on{ font-weight: bold; } #menuTienda div.despliega{ color: var(--item_borde_color); padding: 5px 0 5px 8px; border-bottom: 1px dotted var(--item_borde_color); } .listaProveedores, .listaVariantes { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .listaProveedores::-webkit-scrollbar, .listaVariantes::-webkit-scrollbar { display: none; } .listaProveedores li, .listaVariantes li { flex: 0 0 auto; width: 30px; height: 26px; text-align: center; vertical-align: middle; margin: 0 3px; padding-top: 5px; border: 1px solid var(--item_borde_color); color: var(--item_borde_color); cursor: pointer; } .listaProveedores li.on, .listaVariantes li.on { background: var(--item_borde_color); color: #fff; } .listaVariantes li.disabled{ cursor: not-allowed; opacity: 0.5; } #PasoDatos input{ width: 100%; } #PasoDatos input[type="checkbox"]{ width: initial; } #nuevaDireccion label, #datosFactura label{ width: 150px; display: inline-table; text-align: right; margin-right: 10px; } #formTienda textarea{ vertical-align: baseline; width: 440px; } #misDirecciones{ width: 360px; margin-right: 10px; } .miDireccion, #direccionesDatos .direccion{ margin: 5px; border: 1px solid #ccc; display: block; padding: 10px; line-height: 1; vertical-align: top; } .miDireccion.on{ box-shadow: 0px 0px 5px rgba(20,255,20, 0.8); } .miDireccion label{ width: initial !important; text-align: left !important; cursor: pointer; } .miDireccion input { vertical-align: top; margin-top: 7px; } .confirmarPedido { padding: 10px; float: right; margin: 20px 0; } .tags{ list-style: none; padding: 0; } .tags li{ display: inline-block; margin: 8px; } .tags li a{ padding: 3px 5px; display: table; border: 1px solid var(--item_borde_color); } .eligecita{ display: inline-block; padding: 3px 8px; margin: 3px 5px; text-align: center; line-height: 1; width: 60px; vertical-align: top; border:1px solid var(--item_borde_color); } .eligecita.libre{ } .eligecita.on{ background: var(--item_borde_color); color: var(--item_fondo); } .eligecita.libre:hover, .eligecita.reservado{ background: var(--item_borde_color); cursor: pointer; } .eligecita.ocupado{ cursor: not-allowed; } .eligecita.nodisponible,.eligecita.nodisponible:hover{ background: #fc6d6d !important; border: 1px solid #fc6d6d !important; color: #fff !important; cursor: not-allowed; } .eligecita .tachado{ display: block; border: 1px; } .ui-datepicker .ui-datepicker-unselectable.estoyVacas span, span.estoyV{ background: var(--tienda_color_vacaciones); } .ui-datepicker .ui-datepicker-unselectable.estoyFiesta span, span.estoyF { background: var(--tienda_color_festivo) !important; } span.estoyF, span.estoyV{ width: 20px; height: 20px; display: block; margin-right: 5px; float: left; opacity: 0.35;} .eligecita{ display: inline-block; padding: 3px 8px; margin: 3px 5px; text-align: center; line-height: 1; width: 60px; vertical-align: top; border: 1px solid var(--tienda_color_libre); } .eligecita.libre{ } .eligecita.libre:hover, .eligecita.reservado{ background: var(--tienda_color_libre); cursor: pointer; } .eligecita.ocupado{ cursor: not-allowed; } .eligecita.nodisponible,.eligecita.nodisponible:hover{ background: #fc6d6d !important; border: 1px solid #fc6d6d !important; color: #fff !important; cursor: not-allowed; } .eligecita .tachado{ display: block; border: 1px; } .eligecita .tiempoenvio{ font-size: 0.7em; } #buscadorTienda form{ margin: 8px; } #buscadorTienda input[type="search"]{ width: 100%; } .proveedor{ border-radius: 5px 5px 5px 5px; margin: 5px; padding: 5px; border:1px solid var(--item_borde_color); background: rgba(255,255,255,0.7); vertical-align: top; } .proveedor .cabeceraProveedor{ position: relative; height: 200px; } .proveedor .cabeceraProveedor hgroup{ position: absolute; left: 0px; right: 0px; top: 10px; padding: 10px 20px; background: rgba(255,255,255,0.8); text-align: right; } .proveedor .cabeceraProveedor hgroup h2, .proveedor .cabeceraProveedor hgroup h3{ margin: 0 10px; } .proveedor img.logo{ position: absolute; left: 20px; bottom: 20px; } .proveedor .cuerpoProveedor{ height: 70px; overflow: auto; padding: 10px 0; margin: 10px 0; } .proveedor ul.tiendacategorias{ overflow: auto; display: table-cell; } .proveedor ul.tiendacategorias li{ display: inline-block; } div#gestorTienda{ display: flex; } div#gestorTienda .menu { position: sticky; top: 10px; width: 200px; } div#gestorTienda .migas .nuevo{ display: none; } div#gestorTienda div { width: initial; } div#gestorTienda div#gestiona, div#gestorTienda div#fieldset{ width: 100%; } div#gestorTienda .listaPedidos { display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; } #gestorTienda .cajaPreparacion{ color: #000; background: #eee; border-radius: 3px; cursor: default; width: 200px; padding: 8px; } #gestorTienda #div_a_domicilio, #gestorTienda #div_elige_fecha, #gestorTienda #div_elige_hora{ margin-left: 24px; padding-left: 24px; border-left: 1px solid var(--item_borde_color); } #gestorTienda #tablaGastos select{ max-width: 250px; } #solicitudProducto #descripcion{ width: 100%; height: 150px; } #fichaTienda input{ width: 97%; } #fichaTienda input[type="radio"], #fichaTienda input[type="checkbox"], select{ width: initial; }