@layer reset,tokens,base,layout;@layer components{.pc{flex-direction:column;gap:.7rem;min-width:0;height:100%;display:flex;position:relative}.pc__tile{isolation:isolate;border-radius:var(--radius);background:var(--hielo);transition:box-shadow .3s, transform .4s var(--ease-out);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0d41590f}.pc__media{aspect-ratio:1;position:relative}.pc__media picture{display:contents}.pc__media img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.pc__media--sin{background:linear-gradient(160deg, var(--hielo) 0%, #e6f2f9 100%)}.pc__sinfoto{text-align:center;background:radial-gradient(120% 90% at 50% 0,#ffffffd9 0,#0000 62%);place-content:center;justify-items:center;gap:.7rem;padding:1rem;display:grid;position:absolute;inset:0}.pc__sinfoto:before{content:"";background:var(--azul-profundo);opacity:.22;width:3.75rem;height:3.75rem;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.pc__sinfoto span{letter-spacing:.08em;text-transform:uppercase;color:var(--azul-profundo);opacity:.6;text-wrap:balance;max-width:90%;font-size:.75rem;font-weight:700}.pc[data-categoria=limpieza] .pc__sinfoto:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 8.5h4.8v2.2l1.9 2.1V20a1.4 1.4 0 0 1-1.4 1.4H9a1.4 1.4 0 0 1-1.4-1.4v-7.2l1.9-2.1ZM10.6 8.5V5.8h3.6l2.6-1.3M14.2 5.8h2.4M7.6 15h8.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 8.5h4.8v2.2l1.9 2.1V20a1.4 1.4 0 0 1-1.4 1.4H9a1.4 1.4 0 0 1-1.4-1.4v-7.2l1.9-2.1ZM10.6 8.5V5.8h3.6l2.6-1.3M14.2 5.8h2.4M7.6 15h8.6'/%3E%3C/svg%3E")}.pc[data-categoria=papel-higiene] .pc__sinfoto:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='8.2' cy='11.5' rx='3.7' ry='5.6'/%3E%3Cellipse cx='8.2' cy='11.5' rx='1.2' ry='1.9'/%3E%3Cpath d='M8.2 5.9h8.3c2.1 0 3.7 2.5 3.7 5.6s-1.6 5.6-3.7 5.6h-3.3v3.4H8.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='8.2' cy='11.5' rx='3.7' ry='5.6'/%3E%3Cellipse cx='8.2' cy='11.5' rx='1.2' ry='1.9'/%3E%3Cpath d='M8.2 5.9h8.3c2.1 0 3.7 2.5 3.7 5.6s-1.6 5.6-3.7 5.6h-3.3v3.4H8.2'/%3E%3C/svg%3E")}.pc[data-categoria=bolsas-contenedores] .pc__sinfoto:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 8.3h11.6l-1 12H7.2ZM9.2 8.3V6.9a2.8 2.8 0 0 1 5.6 0v1.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 8.3h11.6l-1 12H7.2ZM9.2 8.3V6.9a2.8 2.8 0 0 1 5.6 0v1.4'/%3E%3C/svg%3E")}.pc[data-categoria=utensilios] .pc__sinfoto:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15.8 3.2-3.4 8M8.4 11.3h7.2l2.3 9.3H6.1ZM9.4 15.2l-.6 5.4M12 15.2v5.4M14.6 15.2l.6 5.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15.8 3.2-3.4 8M8.4 11.3h7.2l2.3 9.3H6.1ZM9.4 15.2l-.6 5.4M12 15.2v5.4M14.6 15.2l.6 5.4'/%3E%3C/svg%3E")}.pc[data-categoria=automotriz] .pc__sinfoto:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15.6v-3.3l1.9-4.6h12.2l1.9 4.6v3.3ZM4 12.3h16'/%3E%3Ccircle cx='7.6' cy='16.4' r='1.9'/%3E%3Ccircle cx='16.4' cy='16.4' r='1.9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15.6v-3.3l1.9-4.6h12.2l1.9 4.6v3.3ZM4 12.3h16'/%3E%3Ccircle cx='7.6' cy='16.4' r='1.9'/%3E%3Ccircle cx='16.4' cy='16.4' r='1.9'/%3E%3C/svg%3E")}.pc[data-categoria=hogar] .pc__sinfoto:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.2 12 4.6l8 6.6M6.4 9.4v10.9h11.2V9.4M10.1 20.3v-5.1h3.8v5.1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11.2 12 4.6l8 6.6M6.4 9.4v10.9h11.2V9.4M10.1 20.3v-5.1h3.8v5.1'/%3E%3C/svg%3E")}.pc__badge{border-radius:var(--pill);color:var(--azul-profundo);letter-spacing:.02em;pointer-events:none;background:#fffffff0;align-items:center;gap:.25rem;padding:.22rem .55rem .22rem .45rem;font-size:.6875rem;font-weight:750;line-height:1.2;display:inline-flex;position:absolute;bottom:.55rem;left:.55rem;box-shadow:0 2px 8px -2px #0d415947}.pc__badge svg{color:var(--azul-boton)}.pc__add,.pc__qty{box-shadow:0 0 0 3px var(--hielo);position:absolute;top:.55rem;right:.55rem}.pc__add{background:var(--azul-boton);width:2.75rem;height:2.75rem;color:var(--blanco);-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease-pop), background-color .2s;border-radius:50%;place-items:center;display:grid}.pc__add:active{transform:scale(.9)}.pc__qty{border-radius:var(--pill);background:var(--azul-boton);height:2.75rem;color:var(--blanco);animation:pc-qty .28s var(--ease-pop);align-items:center;gap:.1rem;padding:.25rem;display:flex}@keyframes pc-qty{0%{opacity:0;transform-origin:100% 0;transform:scale(.7)}}html[data-motion=off] .pc__qty,html[data-motion=off] [data-en-lista] .pc__tile{animation:none}.pc__qb{width:2.25rem;height:2.25rem;color:inherit;background:#ffffff24;border-radius:50%;place-items:center;display:grid}.pc__qb:active{background:#ffffff47}.pc__qn{text-align:center;min-width:1.6rem;font-size:1.0625rem;font-weight:800}[data-en-lista] .pc__tile{box-shadow:inset 0 0 0 2.5px var(--azul-boton);animation:pc-ok .7s var(--ease-out)}@keyframes pc-ok{0%{box-shadow:inset 0 0 0 2.5px var(--azul-boton), 0 0 0 0 #196f9980}to{box-shadow:inset 0 0 0 2.5px var(--azul-boton), 0 0 0 14px #196f9900}}.pc__body{flex-direction:column;flex:1;gap:.4rem;padding-inline:.15rem;display:flex}.pc__nombre{font-family:var(--font-text-stack);letter-spacing:0;text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:600;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.pc__fila{align-items:center;min-height:2.25rem;display:flex}.pc__sel{border-radius:var(--pill);border:1.5px solid var(--gris-2);background:var(--blanco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231d1d1b' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .75rem center;appearance:none;max-width:100%;min-height:2.25rem;padding:0 1.9rem 0 .8rem;font-size:.875rem;font-weight:600;transition:border-color .2s}.pc__pres{color:var(--texto-2);font-size:.875rem;font-weight:500}.pc__precio{font-family:var(--font-text-stack);letter-spacing:-.015em;margin-top:auto;font-size:1.25rem;font-weight:750;line-height:1.1}.pc__precio small{letter-spacing:0;color:var(--texto-2);font-size:.8125rem;font-weight:600}.pc__precio .pc__base{margin-top:.3rem;font-size:.6875rem;line-height:1.3;display:block}.pc__precio--mayoreo{color:var(--azul-profundo)}.pc__precio--sin{letter-spacing:0;color:var(--azul-texto);font-size:.875rem;font-weight:650;line-height:1.375rem}@media (hover:hover) and (pointer:fine){.pc__media img{transition:transform .7s var(--ease-out)}.pc:hover .pc__media img{transform:scale(1.06)}.pc:hover .pc__tile{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #0d41590f,0 22px 34px -20px #0d41598c}[data-en-lista].pc:hover .pc__tile{box-shadow:inset 0 0 0 2.5px var(--azul-boton), 0 22px 34px -20px #0d41598c}.pc:hover .pc__nombre{color:var(--azul-profundo)}.pc__add:hover{background:#145c80;transform:scale(1.08)}.pc__add:before{content:"Agregar";border-radius:var(--pill);background:var(--blanco);color:var(--azul-profundo);white-space:nowrap;opacity:0;transition:opacity .2s, transform .25s var(--ease-out);pointer-events:none;padding:.3rem .7rem;font-size:.8125rem;font-weight:700;line-height:1.2;position:absolute;top:50%;right:calc(100% + .5rem);transform:translate(6px,-50%);box-shadow:0 4px 14px -4px #0d415959}.pc__add:hover:before,.pc__add:focus-visible:before{opacity:1;transform:translateY(-50%)}.pc__sel:hover{border-color:var(--gris-3)}}@media (width>=48rem){.pc__add,.pc__qty{top:.75rem;right:.75rem}}}@layer utilities;