*,:before,:after{box-sizing:border-box}*{--almacen:#2bd65d;--bebidas:#2b42d6;--cafe:#754523;--edulcorantes:#a33c9e;--galletitas:#a36a3c;--medicamentos:#49b9cc;--nucete:#cc9c49;--kiosco:#e33030;--make:#e3aa30;--varios:#292929;--te:#2dc234;--yerba:#196b1d;--background:#242424;--gold-gf-1:#e6c452;--gold-gf-2:#b98a2e;--red-gf-1:#cc3e1f;--red-gf-2:#962812;--background-gf:#131011;margin:0}html{font-size:16px}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{background-color:var(--background)}.notFound{background-color:var(--background);color:#f5f5f5;border-radius:2rem;width:min(600px,90%);height:300px;padding:5%;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.notFound>h2{margin-bottom:10%;font-size:clamp(1rem,1vw + 2rem,2rem)}.notFound>p,.notFound>a{font-size:clamp(1rem,1vw + 1rem,1.2rem)}.notFound>a{color:var(--yerba);text-decoration:none;transition:color .2s ease-in-out}.notFound>a:hover{color:var(--te);text-decoration:none}section,.notFoundSection{background-blend-mode:soft-light;background-color:#ebebeb;background-size:cover;flex-direction:column;align-items:center;max-width:1600px;margin:0 auto;display:flex}.section-gf{background-color:var(--background-gf)}.notFoundSection{justify-content:center}section:first-of-type{height:100dvh}.header-row,.row{justify-content:center;gap:1.6%;display:flex}.header-row{margin-top:40%}.logo{height:auto}.index-logo{transform:rotate(180deg)scale(2)}.index-categories{align-items:center;gap:5%;height:50dvh;display:flex}.index-list-container{flex-direction:column;gap:.5rem;padding:0;display:flex}.index-category{text-align:center;z-index:2;border-radius:0% 0% 1rem 1rem;width:350px;font-size:clamp(1rem,2vw + 1rem,1.5rem);font-weight:700;list-style:none}.index-category-gf{text-align:left;border-radius:0% 1rem 1rem 0%;padding-left:1rem}.index-category-gf:nth-child(2n){background:linear-gradient(180deg,var(--gold-gf-1)10%,var(--gold-gf-2)100%)}.index-category-gf:nth-child(odd){background:linear-gradient(180deg,var(--red-gf-1)10%,var(--red-gf-2)100%)}.index-category>a{color:#f5f5f5;width:100%;text-decoration:none;display:inline-block}.loader{aspect-ratio:1;border:8px solid #f5f5f5;border-color:#f5f5f5 #0000;border-radius:50%;width:3rem;animation:1s infinite l1}@keyframes l1{to{transform:rotate(.5turn)}}.loading{justify-content:center;align-items:center;min-height:100dvh;font-size:2rem;display:flex}.loader-container{color:#f5f5f5;border:2px solid #f5f5f5;border-radius:.7rem;gap:1rem;padding:2rem;display:flex}.header{color:#f5f5f5;text-align:center;border-radius:0% 0% 1rem 1rem;min-width:40%;padding:0 min(5%,1rem) min(5%,1rem);font-size:clamp(1rem,3vw + 1rem,2.5rem);transform:rotate(180deg)}.header-almacen{background-color:var(--almacen)}.header-bebidas{background-color:var(--bebidas)}.header-cafe{background-color:var(--cafe)}.header-edulcorantes{background-color:var(--edulcorantes)}.header-galletitas{background-color:var(--galletitas)}.header-medicamentos,.header-higiene{background-color:var(--medicamentos)}.header-nucete{background-color:var(--nucete)}.header-kiosco{background-color:var(--kiosco)}.header-make{background-color:var(--make)}.header-varios{background-color:var(--varios)}.header-te{background-color:var(--te)}.header-yerba,.header-promocion{background-color:var(--yerba)}.gf-header{background-color:var(--red-gf-2);text-align:left;border-radius:0% 1rem 1rem 0%;padding:min(5%,1rem)}.footer{z-index:1;margin-left:min(2%,2rem)}.footer-link{color:#f5f5f5;font-size:clamp(.3rem,.6vw + .3rem,1.2rem);font-weight:800;text-decoration:none}.row{max-width:100%;margin-top:5%}.column{background-color:#fff;border-radius:1rem;justify-content:center;width:55ch;max-width:100%;display:flex;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.almacen{border:solid 2px var(--almacen)}.bebidas{border:solid 2px var(--bebidas)}.cafe{border:solid 2px var(--cafe)}.edulcorantes{border:solid 2px var(--edulcorantes)}.galletitas{border:solid 2px var(--galletitas)}.medicamentos,.higiene{border:solid 2px var(--medicamentos)}.nucete{border:solid 2px var(--nucete)}.kiosco{border:solid 2px var(--kiosco)}.make{border:solid 2px var(--make)}.varios{border:solid 2px var(--varios)}.te{border:solid 2px var(--te)}.yerba,.promocion{border:solid 2px var(--yerba)}.gf-border{border:solid 2px var(--red-gf-2)}.product{flex-direction:column;width:50%;display:flex;position:relative}.prod-image{object-fit:contain;width:100%;max-width:200px;margin:0 auto;aspect-ratio:1!important}.ribbon{z-index:10;max-width:100px;position:absolute;top:-50px;right:-20px}.inactive{filter:grayscale()}.prod-info{padding:min(.5rem,2%)}.prod-info-gf{background:linear-gradient(180deg,var(--gold-gf-1)10%,var(--gold-gf-2)100%);color:var(--red-gf-2)}.product:nth-child(2n)>.prod-info-gf{border-radius:0 0 .9rem}.product:nth-child(odd)>.prod-info-gf{border-radius:0 0 0 .9rem}.title{text-align:center;height:2.5em;font-size:clamp(.3rem,.6vw + .3rem,1.2rem)}.price{color:#f5f5f5;text-align:center;border-radius:1em;margin-top:6%;font-size:clamp(.7rem,.6vw + .7rem,1.6rem);font-weight:800}.almacen-price{background-color:var(--almacen);border-color:var(--almacen)}.bebidas-price{background-color:var(--bebidas);border-color:var(--bebidas)}.cafe-price{background-color:var(--cafe);border-color:var(--cafe)}.edulcorantes-price{background-color:var(--edulcorantes);border-color:var(--edulcorantes)}.galletitas-price{background-color:var(--galletitas);border-color:var(--galletitas)}.medicamentos-price,.higiene-price{background-color:var(--medicamentos);border-color:var(--medicamentos)}.nucete-price{background-color:var(--nucete);border-color:var(--nucete)}.kiosco-price{background-color:var(--kiosco);border-color:var(--kiosco)}.make-price{background-color:var(--make);border-color:var(--make)}.varios-price{background-color:var(--varios);border-color:var(--varios)}.te-price{background-color:var(--te);border-color:var(--te)}.yerba-price,.promocion-price{background-color:var(--yerba);border-color:var(--yerba)}.gf-price{background:linear-gradient(180deg,var(--red-gf-1)10%,var(--red-gf-2)100%);border-color:var(--red-gf-1)}.hidden{display:none!important}@keyframes in-out{0%{right:-30%}to{right:0%}}.side-menu{display:initial;z-index:3;background-color:#f5f5f5;min-width:min(30%,400px);height:100dvh;position:fixed;top:0;right:0%;overflow:hidden}.side-menu>h2{cursor:pointer;color:red;width:fit-content;margin-left:3%}.anim-in{animation:1s ease-in-out in-out}.anim-out{animation:1s ease-in-out reverse in-out}.side-menu-item{margin-bottom:.5rem;font-size:clamp(.9rem,1vw + .5rem,1.6rem);list-style-type:none;transition:scale .3s ease-in-out;scale:100%}.side-menu-item:hover{scale:105%}.side-menu-item>a{color:#000;text-decoration:none;transition:color .2s ease-in-out}.side-menu-item:first-child>a:hover{color:var(--almacen)}.side-menu-item:nth-child(2)>a:hover{color:var(--bebidas)}.side-menu-item:nth-child(3)>a:hover{color:var(--cafe)}.side-menu-item:nth-child(4)>a:hover{color:var(--edulcorantes)}.side-menu-item:nth-child(5)>a:hover{color:var(--galletitas)}.side-menu-item:nth-child(6)>a:hover{color:var(--medicamentos)}.side-menu-item:nth-child(7)>a:hover{color:var(--nucete)}.side-menu-item:nth-child(8)>a:hover{color:var(--kiosco)}.side-menu-item:nth-child(9)>a:hover{color:var(--make)}.side-menu-item:nth-child(10)>a:hover{color:var(--varios)}.side-menu-item:nth-child(11)>a:hover{color:var(--te)}.side-menu-item:nth-child(12)>a:hover,.side-menu-item:nth-child(13)>a:hover{color:var(--yerba)}.menu-toggle{color:#000;z-index:2;cursor:pointer;background-color:#f5f5f5;border:1px solid #000;border-radius:.5em;padding:min(5%,1rem);position:fixed;bottom:5%;right:5%}.svg{z-index:1;width:100%;height:150px;position:relative;overflow:hidden}.section-header:before{content:"";background:url("data:image/svg+xml;utf8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'> <path d='M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z' className='shape-fill'></path> </svg>");background-color:linear-gradient(53deg,#e6c452 0%,#ba3417 100%);opacity:.9;z-index:-1;background-repeat:no-repeat;background-size:cover;width:100%;height:150px;position:absolute;bottom:0;left:0}.section-footer:after{content:"";opacity:.9;background:url("data:image/svg+xml;utf8,<svg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'> <path d='M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z' className='shape-fill'></path> </svg>") 0 0/cover no-repeat;width:100%;height:150px;position:absolute;bottom:0;left:0}.index{flex-direction:column;justify-content:space-evenly;min-height:40dvh;padding-bottom:5dvh;display:flex}.index:before{min-height:10dvh!important}.index-header{color:#000;opacity:.9;width:auto}.section-header{flex-direction:column;align-items:center;display:flex;top:0;transform:rotate(180deg)}.section-header-gf{flex-direction:row;justify-content:center}.section-footer{flex-direction:column-reverse;justify-content:center;align-items:center;display:flex;bottom:0;transform:none}.category-header{gap:10%;height:auto;padding:3%}.header-logo{width:400px;transform:rotate(180deg)}@media (max-width:767px){.svg svg{width:calc(165% + 1.3px)}}@media (min-width:500px) and (max-width:1000px){.column{width:auto}.index-logo{scale:50%}.index-header{width:auto;margin-bottom:0;margin-left:5%;margin-right:-5%;padding:0;font-size:clamp(.8rem,1vw + .5rem,3rem)}.index{flex-direction:initial}.index-categories{height:10dvh;margin-top:10%}.index-category{width:200px;font-size:clamp(.8rem,.5vw + .5rem,2.5rem)}.category-header{gap:0;height:auto}.header{margin-bottom:2%;padding:0}.side-menu-list{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:479px){.index{height:30dvh}.index-logo{scale:80%}.index-header{width:100%;margin-bottom:10%;font-size:clamp(1rem,.5vw + 1rem,1.125rem)}.index-categories{gap:2%;height:60dvh}.index-category{width:200px}.header-logo{width:80%}.header{width:95%}.category-header{gap:1rem}.row{flex-direction:column;justify-content:center;align-items:center;row-gap:1em}.column{width:95%}.price{font-size:clamp(1.2rem,1vw + 1.2rem,1.5rem)}.title{height:4em;font-size:clamp(1rem,.5vw + 1rem,1.125rem)}}@page{size:A4;margin:20mm;width:210mm;height:297mm}@media print{body{width:210mm;height:297mm;margin:0;padding:0}.section:first-of-type{flex-direction:column!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.section{box-sizing:border-box;break-inside:avoid;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:space-between;width:210mm;height:297mm;overflow:hidden;display:grid!important}.header-row,.row{break-inside:avoid;page-break-inside:avoid;page-break-inside:avoid;z-index:1;grid-template-columns:1fr 1fr 1fr;margin-top:0%!important;display:grid!important}.row{margin-bottom:1.5%!important}.header{width:auto}.ribbon{top:-45px;right:-10px;max-width:60px!important}.prod-image{width:127px!important;height:100px!important}#medicamentos-2 .prod-image{width:130px!important}.no-print{display:none!important}.index{flex-direction:column;justify-content:space-between;align-self:center;display:flex;padding-bottom:200px!important}.index:before{min-height:20dvh!important}.index-categories{height:auto}.index-category{font-size:1.5rem}.index-header{width:auto;margin:0;font-size:2rem}.index-logo{scale:100%}.section-footer{z-index:0;width:100%;margin-top:-5%}.section-header{padding-top:5%}.section-footer>a>.logo{width:150px;height:50px}.footer-link{background-color:var(--background);border-radius:5px}.section-header>.logo{margin:0%!important}.header-logo{width:250px!important}.sub-title{font-size:.4rem}#medicamentos-2>.svg{width:100%!important}#medicamentos-2>.row{max-width:100%!important}}