@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");:root{--bg-page:#FAF7F2;--bg-card:#FFFFFF;--bg-surface-elevated:#F5EFE6;--bg-surface-dark:#231E1B;--accent-gold:#C89D54;--accent-gold-light:#F4E8D3;--accent-gold-hover:#B0863F;--accent-emerald:#2E7D32;--accent-crimson:#C62828;--text-main:#2C2825;--text-muted:#6E665E;--text-light:#9E948A;--text-on-dark:#FAF7F2;--border-color:#E8DFD3;--border-color-strong:#D6C8B5;--shadow-sm:0 2px 8px rgba(44,40,37,0.04);--shadow-md:0 8px 24px rgba(44,40,37,0.08);--shadow-lg:0 16px 40px rgba(44,40,37,0.12);--shadow-gold:0 8px 25px rgba(200,157,84,0.25);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-heading:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.35s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.header-container{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:rgba(250,247,242,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}.header-top{background-color:var(--bg-surface-dark);color:var(--accent-gold-light);font-size:.8rem;font-weight:500;text-align:center;padding:6px 16px;letter-spacing:.05em;text-transform:uppercase}.header-content{max-width:1320px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-logo-img{width:46px;height:46px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--accent-gold);box-shadow:var(--shadow-sm)}.brand-title{font-size:1.4rem;font-weight:800;line-height:1.1;color:var(--text-main)}.brand-subtitle{font-size:.75rem;font-weight:600;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em}.header-nav{display:flex;align-items:center;gap:24px}.nav-link{font-size:.95rem;font-weight:600;color:var(--text-muted);transition:var(--transition-fast);padding:8px 12px;border-radius:var(--radius-sm)}.nav-link.active,.nav-link:hover{color:var(--text-main);background-color:var(--bg-surface-elevated)}.header-actions{gap:14px}.btn-icon,.header-actions{display:flex;align-items:center}.btn-icon{position:relative;width:42px;height:42px;border-radius:var(--radius-full);justify-content:center;background-color:var(--bg-surface-elevated);color:var(--text-main);transition:var(--transition-fast)}.btn-icon:hover{background-color:var(--accent-gold-light);color:var(--accent-gold-hover);transform:translateY(-2px)}.badge-counter{position:absolute;top:-4px;right:-4px;background-color:var(--accent-gold);color:#FFF;font-size:.75rem;font-weight:700;min-width:20px;height:20px;display:flex;justify-content:center;padding:0 4px}.badge-counter,.btn-primary{border-radius:var(--radius-full);align-items:center}.btn-primary{background-color:var(--text-main);color:var(--bg-page);padding:10px 20px;font-weight:600;font-size:.9rem;transition:var(--transition-fast);display:inline-flex;gap:8px}.btn-primary:hover{background-color:var(--accent-gold);color:#FFF;box-shadow:var(--shadow-gold)}.btn-secondary{background-color:var(--bg-surface-elevated);color:var(--text-main);padding:10px 20px;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;border:1px solid var(--border-color-strong);transition:var(--transition-fast)}.btn-secondary:hover{background-color:var(--border-color)}.mobile-menu-toggle{display:none}.hero-wrapper{position:relative;width:100%;min-height:520px;display:flex;align-items:center;justify-content:center;padding:60px 24px;overflow:hidden;background:linear-gradient(135deg,rgba(35,30,27,.82),rgba(44,40,37,.65) 50%,rgba(200,157,84,.4)),url(/elpaquetero_imagenes/Local.jpg) 50%/cover no-repeat;box-shadow:inset 0 -40px 60px var(--bg-page)}.hero-overlay-backdrop{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,rgba(35,30,27,.5) 100%);pointer-events:none}.hero-container{position:relative;z-index:2;max-width:900px;text-align:center;color:var(--text-on-dark)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,157,84,.25);border:1px solid rgba(200,157,84,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-gold-light);padding:6px 18px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.hero-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.1;color:#FFFFFF;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-title span{color:var(--accent-gold-light);background:linear-gradient(90deg,#F4E8D3,#C89D54);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:rgba(255,255,255,.9);max-width:680px;margin:0 auto 32px;line-height:1.6}.hero-actions-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.btn-hero-primary{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-hover) 100%);color:#FFF;padding:14px 32px;border-radius:var(--radius-full);font-size:1.05rem;font-weight:700;box-shadow:var(--shadow-gold);transition:var(--transition-fast)}.btn-hero-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(200,157,84,.4)}.btn-hero-glass{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#FFF;padding:14px 32px;border-radius:var(--radius-full);font-size:1.05rem;font-weight:600;transition:var(--transition-fast)}.btn-hero-glass:hover{background:rgba(255,255,255,.25);transform:translateY(-3px)}.carousel-section-container{max-width:1320px;margin:-40px auto 40px;padding:0 24px;position:relative;z-index:10}.carousel-card-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px}.carousel-box{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.carousel-slide-content{display:flex;align-items:center;gap:24px}.carousel-img{width:180px;height:180px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color)}.carousel-info{flex:1 1}.carousel-tag{display:inline-block;background-color:var(--accent-gold-light);color:var(--accent-gold-hover);font-size:.75rem;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full)}.carousel-tag,.carousel-title{font-weight:700;margin-bottom:8px}.carousel-title{font-size:1.4rem}.carousel-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:16px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.carousel-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--border-color-strong);transition:var(--transition-fast);cursor:pointer}.dot.active{background-color:var(--accent-gold);width:24px}.top-seller-box{background:linear-gradient(145deg,#2C2825,#1D1A18);color:var(--text-on-dark);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.top-seller-badge{position:absolute;top:16px;right:16px;background:var(--accent-gold);color:#FFF;font-size:.7rem;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full)}.top-seller-img{width:100%;height:150px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:14px}.top-seller-title{color:#FFF;font-size:1.15rem;font-weight:700;margin-bottom:6px}.price-wholesale-label{font-size:1.3rem;font-weight:800;color:var(--accent-gold-light)}.main-catalog-layout{max-width:1320px;margin:0 auto 60px;padding:0 24px}.category-bar-wrapper{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:12px;margin-bottom:24px;scrollbar-width:thin;scrollbar-color:var(--border-color-strong) transparent}.category-chip{padding:8px 18px;border-radius:var(--radius-full);background-color:var(--bg-card);border:1px solid var(--border-color);font-weight:600;font-size:.88rem;color:var(--text-muted);white-space:nowrap;transition:var(--transition-fast)}.category-chip.active,.category-chip:hover{background-color:var(--text-main);color:#FFF;border-color:var(--text-main)}.subcategory-bar{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.subcat-chip{font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.subcat-chip.active,.subcat-chip:hover{background-color:var(--accent-gold-light);color:var(--accent-gold-hover)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:24px;gap:24px}.product-card{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:var(--transition-normal);position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent-gold)}.product-img-wrapper{position:relative;width:100%;height:220px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:14px;background-color:var(--bg-surface-elevated)}.product-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.product-card:hover .product-img{transform:scale(1.06)}.card-badge-offer{left:10px;background-color:var(--accent-crimson);text-transform:uppercase}.card-badge-offer,.card-badge-wholesale{position:absolute;top:10px;color:#FFF;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-sm)}.card-badge-wholesale{right:10px;background-color:var(--accent-gold)}.product-category-name{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent-gold);margin-bottom:4px}.product-title{font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:8px;color:var(--text-main)}.product-stock-status{font-size:.78rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px}.stock-dot{width:8px;height:8px;border-radius:var(--radius-full)}.stock-in{background-color:var(--accent-emerald)}.stock-low{background-color:var(--accent-gold)}.price-container{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.price-retail{font-size:.85rem;color:var(--text-light);text-decoration:line-through}.price-wholesale{font-size:1.25rem;font-weight:800;color:var(--text-main)}.btn-add-cart{width:100%;background-color:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-color-strong);padding:10px;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-fast)}.btn-add-cart:hover{background-color:var(--text-main);color:#FFF;border-color:var(--text-main)}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:1000;background-color:rgba(35,30,27,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:flex-end;opacity:0;pointer-events:none;transition:var(--transition-fast)}.drawer-backdrop.active,.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-backdrop{justify-content:center;padding:20px}.cart-drawer-panel{width:100%;max-width:440px;height:100%;background-color:var(--bg-card);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateX(100%);transition:var(--transition-normal)}.drawer-backdrop.active .cart-drawer-panel{transform:translateX(0)}.drawer-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:1.2rem;font-weight:800}.drawer-body{flex:1 1;overflow-y:auto;padding:20px}.cart-item-row{display:flex;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.cart-item-img{width:70px;height:70px;object-fit:cover;border-radius:var(--radius-sm)}.cart-item-info{flex:1 1}.cart-item-title{font-size:.92rem;font-weight:700;margin-bottom:4px}.cart-item-price{font-size:.9rem;font-weight:800;color:var(--accent-gold-hover)}.qty-controls{gap:8px;margin-top:8px}.qty-btn,.qty-controls{display:flex;align-items:center}.qty-btn{width:26px;height:26px;border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);font-weight:700;justify-content:center}.drawer-footer{padding:20px;border-top:1px solid var(--border-color);background-color:var(--bg-page)}.total-summary-row{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;margin-bottom:16px}.modal-box{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px;color:var(--text-main)}.form-input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color-strong);background-color:var(--bg-page);font-family:inherit;font-size:.95rem;color:var(--text-main);outline:none;transition:var(--transition-fast)}.form-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px rgba(200,157,84,.15)}.admin-layout{max-width:1320px;margin:40px auto;padding:0 24px}.admin-header-row{align-items:center;justify-content:space-between}.admin-header-row,.admin-tabs{display:flex;margin-bottom:30px}.admin-tabs{gap:12px;border-bottom:2px solid var(--border-color)}.admin-tab-btn{padding:12px 20px;font-weight:700;font-size:.95rem;color:var(--text-muted);border-bottom:3px solid transparent;margin-bottom:-2px;transition:var(--transition-fast)}.admin-tab-btn.active{color:var(--accent-gold-hover);border-bottom-color:var(--accent-gold)}.metrics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.metric-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.metric-value{font-size:1.8rem;font-weight:800;color:var(--text-main)}.admin-table{width:100%;border-collapse:collapse;background-color:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.admin-table td,.admin-table th{padding:14px 18px;text-align:left;font-size:.9rem;border-bottom:1px solid var(--border-color)}.admin-table th{background-color:var(--bg-surface-elevated);font-weight:700;color:var(--text-main)}@media (max-width:900px){.header-nav{display:none}.mobile-menu-toggle{display:flex}.carousel-card-grid{grid-template-columns:1fr}}@media (max-width:640px){.header-content{flex-wrap:wrap;padding:10px 16px}.brand-title{font-size:1.2rem}.hero-wrapper{min-height:420px;padding:40px 16px}.carousel-slide-content{flex-direction:column;text-align:center}.carousel-img{width:140px;height:140px}.carousel-box,.top-seller-box{padding:16px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.cart-drawer-panel{max-width:100%}.admin-table,.admin-tabs{overflow-x:auto;white-space:nowrap}.admin-table{display:block}}