:root{--color-primary:#22a722;--color-primary-light:#e8f5e8;--color-primary-dark:#1a8a1a;--color-primary-subtle:rgba(34,167,34,.12);--color-primary-text:#fff;--color-secondary:#1a73e8;--color-secondary-light:#4a90e2;--color-secondary-dark:#1557b0;--color-secondary-subtle:rgba(26,115,232,.1);--color-accent:#e53935;--color-accent-light:#ef5350;--color-accent-dark:#c62828;--color-accent-subtle:rgba(229,57,53,.1);--color-success:#25d366;--color-success-dark:#128c7e;--color-warning:#ff9800;--color-warning-subtle:rgba(255,152,0,.12);--color-bg:#f8f9fa;--color-bg-white:#fff;--color-surface:hsla(0,0%,100%,.85);--color-surface-solid:#fff;--color-surface-raised:hsla(0,0%,100%,.95);--color-text-primary:#1c1c1e;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-on-primary:#fff;--color-border:rgba(0,0,0,.08);--color-border-strong:rgba(0,0,0,.15);--color-border-primary:rgba(34,167,34,.4);--gradient-hero:linear-gradient(135deg,#22a722,#2ec42e);--gradient-secondary:linear-gradient(135deg,#1a73e8,#6c3ae8);--gradient-accent:linear-gradient(135deg,#e53935,#ff6b35);--gradient-dark:linear-gradient(135deg,#1c1c1e,#2d2d2f);--gradient-surface:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));--gradient-cat-celulares:linear-gradient(135deg,#667eea,#764ba2);--gradient-cat-ropa:linear-gradient(135deg,#f093fb,#f5576c);--gradient-cat-hogar:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-cat-computadores:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-cat-gaming:linear-gradient(135deg,#fa709a,#fee140);--gradient-cat-belleza:linear-gradient(135deg,#fd79a8,#fdcb6e);--gradient-cat-juguetes:linear-gradient(135deg,#fddb92,#d1fdff);--gradient-cat-herramientas:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-cat-mascotas:linear-gradient(135deg,#96fbc4,#f9f586);--gradient-cat-ofertas:linear-gradient(135deg,#22a722,#e53935);--font-heading:var(--font-rubik),system-ui,-apple-system,sans-serif;--font-body:var(--font-nunito-sans),system-ui,-apple-system,sans-serif;--font-mono:"Courier New",monospace;--text-xs:0.6875rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.02em;--tracking-normal:0em;--tracking-wide:0.04em;--tracking-widest:0.08em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-sm:540px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-pad:var(--space-4);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);--shadow-lg:0 10px 15px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px rgba(0,0,0,.15);--shadow-primary:0 8px 20px rgba(34,167,34,.3),0 2px 6px rgba(34,167,34,.15);--shadow-accent:0 8px 20px rgba(229,57,53,.25),0 2px 6px rgba(229,57,53,.12);--shadow-blue:0 8px 20px rgba(26,115,232,.25),0 2px 6px rgba(26,115,232,.12);--shadow-glass:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);--shadow-header:0 2px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-floating:600;--z-top:9999;--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--duration-slower:600ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-base:all var(--duration-base) var(--ease-default);--transition-fast:all var(--duration-fast) var(--ease-default);--transition-transform:transform var(--duration-base) var(--ease-spring);--transition-color:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);--touch-target:44px;--header-height-mobile:60px;--header-height-desktop:72px;--bottom-nav-height:64px}html{overflow-y:scroll}body{background-color:var(--color-bg)}img{max-width:100%;height:auto;display:block}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-brand{color:var(--color-secondary)}.text-inverse{color:var(--color-text-inverse)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-5);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,0);transition:background var(--duration-fast) var(--ease-out)}.btn:active:after{background:hsla(0,0%,100%,.2)}.btn--primary{background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-primary)}.btn--primary:active{background:var(--color-primary-dark);transform:scale(.97)}.btn--secondary{background:var(--color-secondary);color:var(--color-text-inverse);box-shadow:var(--shadow-blue)}.btn--secondary:active{background:var(--color-secondary-dark);transform:scale(.97)}.btn--ghost{background:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.btn--ghost:active{background:var(--color-secondary-subtle)}.btn--ghost-light{background:hsla(0,0%,100%,.15);color:var(--color-text-inverse);border-color:hsla(0,0%,100%,.4);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.btn--ghost-light:active{background:hsla(0,0%,100%,.25)}.btn--danger{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-accent)}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{min-height:52px;padding:0 var(--space-8);font-size:var(--text-lg)}.btn--full{width:100%}.btn--icon{padding:0;width:var(--touch-target);min-height:var(--touch-target);border-radius:var(--radius-md)}.card{background:var(--color-surface);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-glass);overflow:hidden;transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-default)}.card:active{transform:scale(.98)}.card--solid{background:var(--color-surface-solid);backdrop-filter:none;-webkit-backdrop-filter:none}.card--elevated{box-shadow:var(--shadow-lg)}.card-product{background:var(--color-surface-solid);border-radius:var(--radius-xl);border:2px solid transparent;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-default);-webkit-tap-highlight-color:transparent;position:relative}.card-product:active{transform:scale(.97);box-shadow:var(--shadow-md)}.card-product__image-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--color-bg)}.card-product__image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-default)}.card-product__body{padding:var(--space-3);flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.card-product__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:var(--leading-snug)}.card-product__pricing{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.card-product__price-original{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:line-through}.card-product__price-sale{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary);line-height:1}.card-product__btn{margin-top:auto;padding-top:var(--space-2)}.card-glass{background:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid hsla(0,0%,100%,.6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1.4;letter-spacing:var(--tracking-wide);white-space:nowrap}.badge--sale{background:var(--color-accent)}.badge--new,.badge--sale{color:var(--color-text-inverse)}.badge--new{background:var(--color-secondary)}.badge--hot{background:var(--color-warning)}.badge--free,.badge--hot{color:var(--color-text-inverse)}.badge--free{background:var(--color-success)}.badge--counter{top:-6px;right:-6px;color:var(--color-text-inverse);border:2px solid var(--color-bg-white);display:flex}.input{display:block;width:100%;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);background:var(--color-surface-solid);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);outline:none;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.search-bar{position:relative;display:flex;align-items:center}.search-bar__input{flex:1 1;min-height:44px;padding:var(--space-3) var(--space-12) var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface-solid);border:1.5px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);-webkit-appearance:none}.search-bar__input::placeholder{color:var(--color-text-tertiary);font-size:var(--text-sm)}.search-bar__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.search-bar__btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:var(--color-primary);border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary-text);transition:var(--transition-fast);flex-shrink:0}.search-bar__btn:active{transform:translateY(-50%) scale(.92)}.container{padding-inline:var(--container-pad)}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.section{padding-block:var(--space-12)}.section__header{gap:var(--space-3)}.section__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.section__link{flex-shrink:0}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton,.skeleton--text{border-radius:var(--radius-sm)}.skeleton--text{height:1em}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--image{aspect-ratio:1;border-radius:var(--radius-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3)}.grid-2,.grid-3{display:grid;gap:var(--space-3)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.sr-only{border:0}.scroll-x{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--space-3);scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-original{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:line-through}.price-sale{font-family:var(--font-heading);font-weight:var(--font-bold);color:var(--color-primary)}.divider{margin-block:var(--space-4)}@media (min-width:768px){.container{--container-pad:var(--space-6)}.section{padding-block:var(--space-16)}.section__title{font-size:var(--text-3xl)}.grid-2{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.container{--container-pad:var(--space-8)}.section{padding-block:var(--space-20)}.section__title{font-size:var(--text-4xl)}.grid-2,.grid-3{grid-template-columns:repeat(4,1fr)}.card-product:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.card-product:hover .card-product__image-wrap img{transform:scale(1.05)}.btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(34,167,34,.4)}.btn--secondary:hover{background:var(--color-secondary-light);transform:translateY(-1px)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,video{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}ol,ul{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.container{width:100%;max-width:var(--container-xl);margin-inline:auto}.section__header{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-4);margin-bottom:var(--space-4)}.section__title{font-family:var(--font-heading);font-size:18px;color:#1c1c1e;line-height:1}.section__link,.section__title{font-weight:var(--font-semibold)}.section__link{font-size:var(--text-sm);color:var(--color-primary);white-space:nowrap;transition:color var(--duration-fast) var(--ease-default)}.section__link:hover{color:var(--color-primary-dark)}h1,h2,h3,h4{font-family:var(--font-heading)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.badge--counter{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:var(--radius-full);display:none;align-items:center;justify-content:center;line-height:1;padding:0 5px;transition:transform var(--duration-fast) var(--ease-spring)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .4s ease forwards}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}