button{background-color:var(--main-color-button);font-weight:var(--main-font-weight-button);font-size:var(--font-size-button);border-style:var(--border-style);border-width:var(--border-width-button);border-radius:var(--border-radius-button)}button:active,img:active{box-shadow:0 1px 1px #e5671713 inset,0 0 8px #00f}.marco_principal{padding:0;margin:0;overflow:hidden;background-color:var(--main-color)}@media (min-width:300px){.marco_principal{height:90vh}}@media (min-width:351px){.marco_principal{height:98vh}}@media (min-width:361px){.marco_principal{height:98vh}}@media (min-width:792px){.marco_principal{height:98vh}}@media (min-width:1200px){.marco_principal{height:98vh}}@keyframes aparecer_lento{0%{opacity:0}to{opacity:1}}.login{background-color:#fff;max-width:400px;margin:10px auto 0;padding:0;border-radius:5px;box-shadow:0 0 10px #0000001a;height:97%;width:95%}h2{text-align:center;padding-bottom:10px}.login form{display:flex;flex-direction:column}input[type=text],input[type=password],input[type=submit]{padding:10px;margin:auto auto 15px;width:260px}img{width:36%;height:auto;padding-bottom:40px;padding-top:20px;margin-top:10px;margin-bottom:10px}.cargar_mas_button{background-color:var(--button-color);border-radius:30px;height:30px;width:200px;color:#fff;font-size:medium;margin-top:0}.products-container{width:auto;height:auto;padding-top:2px;padding-bottom:7px}.grid-productos{display:grid;grid-gap:10px;overflow-y:scroll;max-width:100%;list-style:none;background-color:#ebe7e75f;padding:10px;border-radius:25px;height:65vh}.grid-productos li{background:white;text-align:center;color:#000;min-width:150px;max-width:100%;height:auto;padding-bottom:10px;border-radius:25px;box-shadow:2px 2px 2px 1px #0003}.grid-productos-carrito{grid-gap:10px;height:auto;max-height:420px;overflow-y:scroll}.grid-productos-carrito li{display:flex;height:100px;border-bottom:solid 2px rgba(128,128,128,.148);margin:0;padding:0;background-color:transparent;z-index:1}.grid-productos-carrito li .producto{padding:0;margin:0;width:70%;justify-content:center;display:flex}.grid-productos-carrito li .producto img{width:60px;height:60px;padding:0;margin:0;min-height:60px;max-height:60px}.grid-productos-carrito li .textos{height:auto;width:75%}.grid-productos-carrito li .textos .descripcion{font-size:small;font-weight:400}.grid-productos-carrito li .textos .precio{font-size:medium;font-weight:700;color:green;margin-top:10px}.grid-productos-carrito li .textos .extra{font-size:x-small;margin:auto;width:50px}.grid-productos-carrito li .producto_mas_menos{width:25%;background-color:transparent;padding-right:5px;padding-bottom:10%}.grid-productos-carrito li .producto_mas_menos button{border-radius:50%;height:25px;width:25px}.grid-productos-carrito li .producto_mas_menos span{background-color:transparent;color:#000}.grid-productos-carrito li .producto-Carrito{width:80%}@media screen and (max-width: 2700px){.grid-productos{grid-template-columns:repeat(6,1fr)}.grid-productos-carrito{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 1100px){.grid-productos{grid-template-columns:repeat(4,1fr)}.grid-productos-carrito{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 600px){.grid-productos-carrito li{border-right:solid 2px rgba(128,128,128,.148)}.grid-productos{grid-column-gap:10px}}@media screen and (max-width: 850px){.grid-productos{grid-template-columns:repeat(3,1fr)}.grid-productos-carrito{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.grid-productos{grid-template-columns:repeat(2,1fr)}.grid-productos-carrito{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 300px){.grid-productos{grid-template-columns:repeat(1,1fr)}}@media screen and (min-height: 700px){.grid-productos{height:70vh}.grid-productos-carrito{height:auto;max-height:60vh}}@media screen and (min-height: 800px){.grid-productos{height:75vh}.grid-productos-carrito{height:auto;max-height:70vh}}.producto img{height:auto;width:auto;max-width:100%;max-height:200px;object-fit:cover;border-radius:3px}.producto .textos{height:90px;display:flex;flex-direction:column}.producto .textos .descripcion{font-size:small;font-weight:400}.producto .textos .precio{font-size:medium;font-weight:700;color:green;margin-top:10px}.producto .textos .extra{font-size:x-small;margin:auto;width:50px}.producto_mas_menos{background-color:var(--button-color);display:flex;justify-content:space-around;border-radius:9999px;width:150px;color:#fff;margin:auto}.producto_mas_menos i{background-color:var(--button-color);font-size:1.4rem;color:#fff;font-weight:700;width:auto;font-family:Bogle,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem}.producto_mas_menos span{background-color:var(--button-color);padding:0;margin:0 auto;font-size:1rem;align-items:center;color:#fff;display:flex;font-weight:700}.producto_mas_menos button{background-color:var(--button-color);width:50px;height:35px;display:inline-flex;align-items:center;justify-content:center}div{width:100%;height:auto;z-index:10}.categorias{position:fixed;display:grid;grid-template-columns:repeat(3,minmax(100px,200px));grid-gap:2px;grid-auto-rows:minmax(10px,auto);width:95%;max-width:47vh;max-height:75vh;overflow-x:hidden;overflow-y:scroll;background-color:#fdfaff;margin:20px 0 0;padding:0}.categorias ul{margin-top:0;min-height:450px;min-width:320px}.categorias ul li{padding:5px;text-align:start;list-style:none;min-width:250px;top:100px;width:100%}.categorias ul li p{color:#000;width:auto}.categorias ul li p:hover{color:#363b94}.categorias div{text-align:start}.menu{align-items:center;text-align:center;width:30px;height:30px;padding:0;background:linear-gradient(-90deg,rgba(0,0,255,.338),lightblue);color:#fff;margin:5px 0 0 10px}.menu p{font-size:20px}@media screen and (min-height: 800px){.categorias{max-height:85vh}}.header{align-items:center;justify-content:space-between;margin:0;padding-left:5px;padding-right:10px;padding-top:0;width:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;grid-auto-rows:minmax(100px,auto),20px;height:auto;border-bottom:2px solid rgba(128,128,128,.136)}.saludo_usuario{grid-column:2/4;grid-row:1;margin:0;height:40px;padding-top:0;padding-right:10px;text-align:right;font-size:small;color:#00000086}.header_central{grid-row-start:1;grid-row-end:4;grid-row:2;padding:0;margin:0}div{align-items:center}div p{padding:0;width:auto;margin:auto}div .button{margin-bottom:5px;background:var(--button-color)}.logo-header{grid-column:1/3;grid-row:1;width:65px;height:65px;overflow:hidden;display:flex;padding:0;margin:0 0 0 10px}.logo-header img{width:100%;height:100%;object-fit:flex;padding:0;margin:0}.div-search{grid-column:2;grid-row:2;align-items:left}.header div input{height:30px;width:28vh;max-width:400px;min-width:10px;align-items:end;text-align:center}.icono_cantidad{display:flex;align-items:center;grid-column:3/4;grid-row:2}.icono_cantidad p{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;color:#fff;font-size:small;background:linear-gradient(-90deg,rgba(0,0,255,.338),lightblue);margin-left:0}.Shopping_cart_icon{width:30px;margin-left:5px;padding:0;height:40px}.filtros{display:flex;gap:10px;height:50px;margin:0;grid-column:1;grid-row:2;width:35px;padding:0 0 0 10px}.ubi_page{margin:0;padding:opx;grid-column:2;grid-row:1;position:relative}.ubi_page p{bottom:0px;position:absolute;text-align:center;width:100%;top:15px;font-weight:600;font-size:large}@media screen and (min-width:600px){.header div input{width:80vh}.icono_cantidad{margin-left:80px}}.modal{position:fixed;z-index:999;top:0;left:0;width:100%;min-height:100vh;background-color:#000000bf;display:none;justify-content:center;align-items:center;color:#000}.modal-container{position:relative;padding:1rem;min-width:320px;max-width:360px;min-height:150px;max-height:600px;overflow-y:auto;background-color:#fff}.modal-close{position:absolute;top:.2rem;right:1rem;width:auto;padding:5px}.modal.is-open{display:flex}.MensajeModal-container{width:auto;height:auto;margin-top:25px}.order .bFinalizar{margin-top:30px;width:170px}.order .importeTotal{margin-top:20px;font-size:x-large;font-weight:500;text-align:end;padding-right:10px}li{height:auto;padding:2px;margin:0}.item{display:grid;grid-template-columns:2fr .2fr .6fr;width:100%;min-height:25px;height:auto;margin:auto;font-family:Times New Roman,Times,serif}.descri{padding-left:0;margin-left:0}.descri p{float:left;font-size:25px}.cantidad{font-weight:800}.importe p{color:green}.container_Orders{position:relative;z-index:1;overflow-y:scroll;height:68vh;width:96%;min-width:300px;max-width:600px;left:0;bottom:0;right:0;margin:2px auto 10px;padding-top:5px}.container_cb{height:auto;margin-bottom:4px}.header_order_cb{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;grid-auto-rows:minmax(25px,auto);background-color:#f9f9f9b3;color:#000;font-family:Courier New,Courier,monospace;font-size:small;margin:0;border:rgb(255,243,245) solid 2px;border-left:0px;border-right:0px;border-bottom:0px;border-bottom:lightgray 1px solid;height:auto;border-radius:25px;padding:5px 0 10px 5px}.header_order_cb p{padding:0;margin:0;font-weight:300;font-size:15px;font-family:Times New Roman,Times,serif}.numero_pedido{grid-column:1 / 2;grid-row:1;padding:0;margin:0;float:left}.numero_pedido p{padding:0;margin:0;float:left}.fecha_pedido{grid-column:1 / 2;grid-row:2}.fecha_pedido p{padding:0;margin:0;float:left}.importe_pedido{grid-column:2 / 3;grid-row:1}.importe_pedido p{font-size:large;font-weight:700}.div_detalle_pedido_boton{grid-column:2 / 3;grid-row:2}.div_detalle_pedido_boton .button{height:25px;width:70px}.OrderCb{font-family:Times New Roman,Times,serif;font-size:small;font-weight:medium;border:2px,rgb(255,243,229),solid;width:100%;margin:auto;border-right:0px;border-left:0px;border-top:0px;grid-column:1 / 3;grid-row:3}@media screen and (min-height: 700px){.container_Orders{height:70vh}}@media screen and (min-height: 800px){.container_Orders{height:75vh}}.slider{width:100%;height:auto;min-width:100px;padding:10px}.slider_img{width:200px;height:200px;object-fit:cover}.slider_div_buttom{width:100%;justify-content:space-around;margin-top:23px;height:auto;padding:0}.slider_buttom{border-radius:50%;background-color:#000;color:#fff;width:50px;height:50px;margin:10px}.ul_SliderProduct{margin:10px auto auto;width:34vh;padding:5px;background-color:#fff;border-radius:25px;box-shadow:2px 2px 2px 1px #0003}.li_SliderProduct{background:white;text-align:center;color:#000;width:100%;max-width:260px;padding-bottom:30px;height:360px;margin:auto;border-radius:25px}.flecha{font-size:40px;color:#000;font-weight:500;margin-right:20px;margin-left:20px}.Slider_Product{border:solid 2px blue}.redes{display:flex;justify-content:space-around;list-style:none;position:fixed;bottom:0;left:0;width:100%;background:#eee;text-align:center;padding:10px}.redes li a img{height:27px;width:27px;object-fit:scale-down;margin:0;padding:0}.titulo{font-size:large;font-weight:600;color:orange;margin-bottom:20px;margin-top:0;font-family:var(--font-family)}.error{color:red}*{margin:0;padding:0;box-sizing:border-box}body{padding:5px}:root{text-align:center;padding:1.5px;--main-color: rgba(0, 0, 0, .032);--input-background: #f5f5f5;--button-color: black;--button-color-font: white;--button-font-weight: bolder;--button-font-size: medium;--border-style: none;--border-width-button: 0;--border-radius-button: 1rem;--main-color-font: black;--font-family: var(--font-family-default, Bogle, "Helvetica Neue", Helvetica, Arial, sans-serif)}body{background:var(--main-color);color:#000;font-family:var(--font-family)}input{background:var(--input-background);font-size:larger;font-weight:200;box-shadow:inset 0 2px 3px #0000001a;border-radius:15px;border:none}li{list-style:none}input:focus{border-color:#ff9000;box-shadow:0 1px 1px #e5671713 inset,0 0 8px #00f;outline:0 none}input[type=submit]{background-color:var(--button-color);color:var(--button-color-font);padding:10px 20px;border:none;border-radius:15px;font-size:18px;cursor:pointer}input[type=submit]:hover{background-color:var(--button-color)}.button{align-items:center;appearance:none;background-color:var(--button-color);background-image:linear-gradient(1deg,#4F58FD,#149BF3 99%);background-size:calc(100% + 20px) calc(100% + 20px);border-radius:100px;border-width:0;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:CircularStd,sans-serif;font-size:1rem;height:auto;justify-content:center;line-height:1.5;padding:6px 20px;text-align:center;text-decoration:none;transition:background-color .2s,background-position .2s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:top;white-space:nowrap}.button:active,.button:focus{outline:none}.button:hover{background-position:-20px -20px}.button:focus:not(:active){box-shadow:#28aaff40 0 0 0 .125em}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}