:root{--pared:#e3f3ec;--pared-2:#d3ebe1;--zocalo:#17665c;--zocalo-2:#0f4d45;--rotulo:#f5c842;--rojo:#c1272d;--rojo-2:#9e1c21;--tinta:#1b1512;--tinta-2:#4a403a;--tenue:#7a6f68;--papel:#fffdf7;--madera:#a86b3c;--madera-2:#7d4b26;--pizarra:#23382e;--tiza:#f2efe6;--fosfo:#ffe64d;--linea:#1b1512;--display:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--ui:"Archivo", "Helvetica Neue", Arial, sans-serif;--mano:"Caveat", "Segoe Print", "Comic Sans MS", cursive;--gutter:clamp(16px, 4vw, 40px);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--pared);color:var(--tinta);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}img{max-width:100%;display:block}a{color:var(--rojo);text-underline-offset:3px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rojo);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:.005em;margin:0;font-weight:400;line-height:1.05}p{margin:0}.wrap{max-width:1120px;padding-inline:var(--gutter);margin:0 auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toldo{background:repeating-linear-gradient(90deg,var(--rojo) 0 48px,var(--papel) 48px 96px);height:54px;position:relative}.toldo:after{content:"";background:radial-gradient(circle at 24px 0,var(--rojo) 23px,transparent 24px) 0 0/96px 18px repeat-x, radial-gradient(circle at 72px 0,var(--papel) 23px,transparent 24px) 0 0/96px 18px repeat-x;height:18px;position:absolute;bottom:-18px;left:0;right:0}.cabecera{padding-top:34px}.cab-fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;display:flex}.rotulo{background:var(--rotulo);border:4px solid var(--linea);box-shadow:6px 6px 0 var(--linea);border-radius:10px;flex-direction:column;padding:10px 20px 8px;text-decoration:none;display:inline-flex;transform:rotate(-1.2deg)}.rotulo b{font-family:var(--display);color:var(--rojo);letter-spacing:.02em;text-shadow:2px 2px 0 var(--papel);font-size:clamp(26px,3.4vw,36px);font-weight:400;line-height:1}.rotulo span{font-family:var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);font-size:13px;font-weight:700}.nav{flex-wrap:wrap;gap:10px;display:flex}.nav a{font-family:var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta);background:var(--papel);border:3px solid var(--linea);box-shadow:3px 3px 0 var(--linea);border-radius:8px;padding:8px 14px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s}.nav a:hover{box-shadow:5px 5px 0 var(--linea);transform:translate(-2px,-2px)}.nav a[aria-current=page]{background:var(--rojo);color:var(--papel)}.btn{font-family:var(--ui);color:var(--tinta);background:var(--papel);border:3px solid var(--linea);box-shadow:4px 4px 0 var(--linea);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--linea);transform:translate(-2px,-2px)}.btn.rojo{background:var(--rojo);color:var(--papel)}.btn.amarillo{background:var(--rotulo)}.seccion{padding-block:clamp(48px,7vw,88px)}.titulo-seccion{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:28px;display:flex}.titulo-seccion h2{font-size:clamp(34px,5vw,54px)}.titulo-seccion p{max-width:52ch;color:var(--tinta-2)}.letrero{font-family:var(--ui);letter-spacing:.16em;text-transform:uppercase;background:var(--tinta);color:var(--rotulo);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block;transform:rotate(-1deg)}.estante{padding:22px 0 0;position:relative}.estante-fila{z-index:1;background:linear-gradient(to bottom,transparent 0 428px,var(--madera) 428px 442px,var(--madera-2) 442px 450px,transparent 450px) 0 0/100% 464px repeat-y;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:420px;gap:44px 24px;padding:0 8px 44px;display:grid;position:relative}.tabla{display:none}.producto{perspective:1200px;position:relative}.producto .caja{transform-style:preserve-3d;min-height:420px;transition:transform .55s cubic-bezier(.3,.7,.3,1);position:relative}.producto.volteado .caja{transform:rotateY(180deg)}.cara{backface-visibility:hidden;border:4px solid var(--linea);box-shadow:6px 6px 0 var(--linea);border-radius:14px;position:absolute;inset:0;overflow:hidden}.cara.atras{background:var(--papel);padding:12px;overflow:auto;transform:rotateY(180deg)}.frente{color:var(--papel);background:var(--empaque,#555);flex-direction:column;padding:18px 18px 16px;text-decoration:none;display:flex}.frente .marca{font-family:var(--ui);letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:800}.frente h3{color:var(--papel);text-shadow:3px 3px #00000040;margin-top:10px;font-size:34px}.frente .gancho{opacity:.95;margin-top:8px;font-size:15px;font-weight:600;line-height:1.35}.frente .ilustra{flex:1;justify-content:center;align-items:center;min-height:120px;margin-top:8px;display:flex}.frente .ilustra img,.frente .ilustra svg{width:auto;max-height:150px}.frente .pie-caja{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.precio{z-index:3;background:var(--fosfo);color:var(--tinta);font-family:var(--mano);border:2px solid var(--linea);box-shadow:2px 2px 0 var(--linea);border-radius:6px;padding:8px 12px 6px;font-size:26px;font-weight:700;line-height:1;position:absolute;top:-14px;right:-10px;transform:rotate(6deg)}.precio small{font-family:var(--ui);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.voltear{z-index:3;font-family:var(--ui);letter-spacing:.1em;text-transform:uppercase;background:var(--papel);color:var(--tinta);border:3px solid var(--linea);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.voltear:hover{background:var(--rotulo)}.producto.agotado .frente{filter:saturate(.55)}.agotado-cinta{z-index:4;background:var(--rotulo);color:var(--tinta);font-family:var(--ui);letter-spacing:.12em;text-transform:uppercase;border:4px solid var(--linea);box-shadow:4px 4px 0 var(--linea);white-space:nowrap;border-radius:8px;padding:10px 18px;font-size:17px;font-weight:900;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.sellos{flex-wrap:wrap;gap:6px;display:flex}.sello{background:var(--tinta);width:64px;height:64px;color:var(--papel);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);text-align:center;font-family:var(--ui);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;padding:6px;font-size:8.5px;font-weight:900;line-height:1.05;display:flex;position:relative}.sello:after{content:"";clip-path:inherit;border:1.5px solid var(--papel);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);pointer-events:none;position:absolute;inset:3px}.sello b{font-size:10.5px;display:block}.sellos.grandes .sello{width:96px;height:96px;font-size:11.5px}.sellos.grandes .sello b{font-size:14px}.sello b.l9{letter-spacing:0;font-size:8.2px}.sello b.l10{letter-spacing:0;font-size:7.8px}.sellos.grandes .sello b.l9{font-size:12px}.sellos.grandes .sello b.l10{font-size:11px}.nutri{color:#000;font-family:var(--ui);background:#fff;border:2px solid #000;max-width:340px;padding:8px 10px 10px;font-size:13px;line-height:1.25}.nutri h4{font-family:var(--ui);letter-spacing:-.01em;margin:0 0 2px;font-size:30px;font-weight:900;line-height:1}.nutri .fina{border-bottom:1px solid #000;padding:3px 0}.nutri .gruesa{border-bottom:10px solid #000;padding:3px 0 5px}.nutri .media{border-bottom:5px solid #000}.nutri .fila{border-top:1px solid #000;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.nutri .fila b{font-weight:900}.nutri .fila.sub{padding-left:14px}.nutri .dv{text-align:right;border-bottom:1px solid #000;padding:3px 0;font-size:11px;font-weight:900}.nutri .grande{justify-content:space-between;align-items:baseline;font-weight:900;display:flex}.nutri .grande .v{font-size:30px;line-height:1}.nutri .nota{padding-top:6px;font-size:10.5px;line-height:1.3}.nutri .contiene{padding-top:6px;font-size:12px;font-weight:800}.pizarra{background:var(--pizarra);color:var(--tiza);border:12px solid var(--madera);box-shadow:inset 0 0 40px #00000059,6px 6px 0 var(--linea);font-family:var(--mano);border-radius:10px;padding:22px 24px;position:relative}.pizarra h2{font-family:var(--mano);color:var(--rotulo);font-size:44px;font-weight:700;line-height:1}.pizarra li{margin-top:10px;font-size:28px;line-height:1.2}.pizarra ul{margin:8px 0 0;padding:0;list-style:none}.pizarra a{color:var(--tiza)}.pizarra .tizaq{color:#ffd1dc}.zocalo{background:var(--zocalo);color:var(--papel);border-top:8px solid var(--zocalo-2);margin-top:40px}.zocalo .wrap{padding-block:40px 48px}.zocalo a{color:var(--rotulo)}.pie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.pie-grid h3{color:var(--rotulo);font-size:24px}.pie-grid p,.pie-grid li{opacity:.92;font-size:15px}.pie-grid ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.fiado{background:var(--papel);color:var(--rojo);font-family:var(--mano);border:3px solid var(--rojo);margin-top:14px;padding:10px 14px;font-size:26px;font-weight:700;line-height:1.05;display:inline-block;transform:rotate(-3deg)}.derechos{opacity:.8;border-top:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;padding-top:16px;font-size:13px;display:flex}@media (width<=760px){.pie-grid{grid-template-columns:minmax(0,1fr)}.cab-fila,.nav{justify-content:center}}