.toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;transform:translate(100%);transition:all .3s ease;max-width:400px}.toast.show{transform:translate(0)}.toast.hide{transform:translate(100%)}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.toast-success .toast-icon{background:#28a745;color:#fff}.toast-error .toast-icon{background:#dc3545;color:#fff}.toast-info .toast-icon{background:#17a2b8;color:#fff}.toast-message{font-size:14px;font-weight:500;color:#333}@media (max-width: 640px){.toast{top:10px;right:10px;left:10px;transform:none;max-width:none}.toast.show,.toast.hide{transform:none}}.product-detail-page{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.95rem;padding:1rem;background:linear-gradient(135deg,var(--gray-dark) 0%,var(--gray) 100%);border-radius:8px;border-left:4px solid var(--secondary)}.breadcrumb-link{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:none;transition:var(--transition);padding:.25rem 0;border-bottom:2px solid transparent}.breadcrumb-link:hover{color:var(--accent);border-bottom-color:var(--primary)}.breadcrumb-separator{color:var(--gray-lighter);margin:0 .5rem}.breadcrumb-current{color:var(--white);font-weight:600}.product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;padding:2rem;border-radius:24px;background:linear-gradient(135deg,rgba(18,18,18,.96),rgba(32,32,32,.92));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #00000059,0 2px 10px #0003;animation:fadeIn .4s ease-in-out;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.product-detail-container:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000073,0 4px 14px #00000040;background:linear-gradient(135deg,rgba(22,22,22,.98),rgba(40,40,40,.95))}@keyframes fadeIn{0%{opacity:2}to{opacity:4}}@media (max-width: 968px){.product-detail-container{grid-template-columns:1fr;gap:2rem}}.product-image-section{position:relative;display:flex;flex-direction:column;gap:1rem}.main-image{background:linear-gradient(135deg,var(--gray-dark) 0%,var(--gray) 100%);border-radius:12px;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:2px solid var(--border);position:relative}.product-detail-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.main-image:hover .product-detail-image{transform:scale(1.05)}.product-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;animation:slideIn .4s ease-out}.badge-new{background:var(--secondary);color:var(--white)}.badge-hot{background:#ff4444;color:var(--white)}.badge-pop{background:var(--accent);color:var(--dark)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.trust-badges{display:flex;gap:1rem;flex-wrap:wrap}.trust-badge{padding:.75rem 1.25rem;background:var(--gray-dark);border-left:3px solid var(--success);border-radius:6px;font-size:.9rem;color:var(--success);font-weight:500;display:flex;align-items:center;gap:.5rem}.product-info-section{display:flex;flex-direction:column;gap:1.5rem}.product-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:2px solid var(--border)}.product-category{display:flex;align-items:center;gap:.75rem;color:var(--primary);font-weight:500}.category-icon{font-size:1.5rem}.stock-status{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.in-stock{background:rgba(0,255,136,.1);color:var(--success);border:1px solid var(--success)}.out-of-stock{background:rgba(255,68,68,.1);color:#f44;border:1px solid #ff4444}.product-title{font-size:2.2rem;font-weight:700;color:var(--white);line-height:1.3;margin:0}.product-brand{color:var(--primary);font-size:1rem;font-weight:600;margin:0}.product-rating{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.stars{color:var(--accent);font-size:1.2rem;letter-spacing:.2rem}.rating-count{color:var(--gray-lighter);font-size:.9rem}.product-price-section{background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(255,107,53,.1) 100%);padding:1.5rem;border-radius:12px;border:2px solid var(--border)}.price-group{display:flex;flex-direction:column;gap:.5rem}.price-label{color:var(--gray-lighter);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.price-amount{font-size:2rem;font-weight:700;color:var(--accent)}.total-price{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--primary);font-size:.95rem}.product-description{padding:1.5rem;background:var(--gray-dark);border-radius:8px;border-left:4px solid var(--primary)}.product-description h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--primary)}.product-description p{line-height:1.6;color:var(--gray-lightest)}.product-description .product-content{color:var(--gray-lightest)}.product-description .product-content h1,.product-description .product-content h2,.product-description .product-content h3,.product-description .product-content h4{color:var(--white);margin:.5rem 0}.product-description .product-content p{margin:.6rem 0;line-height:1.7}.product-description .product-content ul,.product-description .product-content ol{margin:.6rem 0 .6rem 1.2rem}.product-description .product-content img{max-width:100%;height:auto;display:block;margin:.75rem 0}.product-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--gray-dark);border-radius:8px;border:1px solid var(--border)}.detail-label{color:var(--gray-lighter);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.detail-value{color:var(--primary);font-weight:600;font-size:.95rem}.product-actions-section{display:flex;flex-direction:column;gap:1.5rem}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-selector label{font-weight:600;color:var(--white);min-width:80px}.quantity-controls{display:flex;align-items:center;border:2px solid var(--border);border-radius:8px;background:var(--gray-dark);overflow:hidden}.qty-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-right:2px solid var(--border)}.qty-btn:last-of-type{border-right:none;border-left:2px solid var(--border)}.qty-btn:hover{background:var(--gray);color:var(--accent)}.qty-input{background:none;border:none;color:var(--white);font-size:1rem;width:50px;text-align:center;font-weight:600}.qty-input:focus{outline:none}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.action-buttons{grid-template-columns:1fr}}.btn-add-cart,.btn-wa{padding:1.2rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;letter-spacing:.1em}.btn-add-cart{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:var(--white);box-shadow:var(--shadow-md)}.btn-add-cart:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--secondary-dark),var(--secondary))}.btn-wa{background:linear-gradient(135deg,var(--whatsapp),var(--whatsapp-dark));color:var(--white);box-shadow:var(--shadow-md)}.btn-wa:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d36666}.btn-icon{font-size:1.3rem}.share-section{position:relative}.btn-share{width:100%;padding:1rem;background:var(--gray-dark);border:2px solid var(--border);color:var(--primary);border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-share:hover{background:var(--gray);border-color:var(--primary)}.share-panel{margin-top:.75rem;padding:1rem;background:var(--gray-dark);border:1px solid var(--border);border-radius:10px;animation:slideUp .3s ease-out}.share-panel-hint{margin:0 0 .85rem;font-size:.85rem;color:#fff9;line-height:1.45}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem .65rem;background:var(--gray);border:2px solid var(--border);color:var(--white);border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit}.share-btn-icon{font-size:1rem;line-height:1}.share-btn:hover{transform:translateY(-1px);border-color:var(--primary);color:var(--dark)}.share-btn--whatsapp:hover{background:#25d366;border-color:#25d366}.share-btn--facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.share-btn--twitter:hover{background:#000;border-color:#333;color:#fff}.share-btn--linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.share-btn--telegram:hover{background:#0088cc;border-color:#08c;color:#fff}.share-btn--native:hover{background:var(--primary)}.share-btn--copy:hover{background:var(--accent);border-color:var(--accent)}.share-btn--email:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}@media (min-width: 520px){.share-options{grid-template-columns:repeat(3,1fr)}}.support-info{background:var(--gray-dark);padding:1.5rem;border-radius:8px;border-left:4px solid var(--success);display:flex;flex-direction:column;gap:.75rem}.support-info p{margin:0;color:var(--gray-lightest);font-size:.95rem;line-height:1.5}.support-info strong{color:var(--primary);font-weight:600}.related-products-section{margin-top:5rem;padding:2rem;background:linear-gradient(135deg,var(--gray-dark) 0%,var(--gray) 100%);border-radius:12px;border:2px solid var(--border)}.section-header{margin-bottom:2rem}.section-title{font-size:1.8rem;font-weight:700;color:var(--white);margin:0 0 .5rem}.section-subtitle{color:var(--gray-lighter);font-size:.95rem;margin:0}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}@media (max-width: 768px){.related-products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.related-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--gray-lighter)}.loading-dots{display:flex;gap:.5rem;margin-bottom:1rem}.loading-dots span{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:bounce 1.4s infinite}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.related-placeholder{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--gray-lighter)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 600px){.product-detail-page{padding:1rem}.product-title,.product-price-amount{font-size:1.5rem}.breadcrumb{font-size:.8rem;padding:.75rem}.product-details-grid{grid-template-columns:1fr}.related-products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media print{.breadcrumb,.product-actions-section,.btn-share,.support-info{display:none}.product-detail-page{max-width:100%}}.cart-page-hero{background:linear-gradient(135deg,rgba(7,18,32,.92),rgba(13,42,67,.9)),url(/Bosch-Emblem.png);background-position:center;background-size:cover;border-bottom:1px solid rgba(255,255,255,.08)}.cart-breadcrumb{display:inline-flex;align-items:center;gap:10px;width:auto;margin-bottom:20px;padding:9px 12px;color:#ffffffb8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:6px}.cart-breadcrumb a{color:#fff;text-decoration:none;font-weight:700}.cart-hero-copy{max-width:760px}.cart-hero-copy p{max-width:620px;color:#ffffffc7;font-size:17px;line-height:1.65}.cart-eyebrow{margin-bottom:10px;color:#ffb25b!important;font-size:12px!important;font-weight:800;letter-spacing:2px;text-transform:uppercase}#cart-main{background:#eef2f5;color:#142033;padding:34px 5% 72px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:24px;max-width:1240px;margin:0 auto;align-items:start}.cart-items-section,.cart-summary{background:#fff;border:1px solid #dce3ea;border-radius:8px;box-shadow:0 18px 48px #0f1f3214}.cart-items-section{overflow:hidden}.cart-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e4eaf0}.cart-header span{display:block;color:#102033;font-size:20px;font-weight:800}.cart-header small{display:block;margin-top:4px;color:#66768a;font-size:13px;font-weight:600}.cart-count{min-width:max-content;padding:7px 12px;color:#fff!important;background:#102033;border-radius:999px;font-size:13px!important;letter-spacing:.3px}.cart-items-list{padding:16px}.cart-item{display:grid;grid-template-columns:82px minmax(0,1fr) auto minmax(112px,auto) 34px;align-items:center;gap:16px;padding:16px;margin-bottom:12px;background:#f9fbfd;border:1px solid #e3eaf1;border-radius:8px}.cart-item:last-child{margin-bottom:0}.cart-item-media{width:82px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #dce3ea;border-radius:8px}.cart-item-media img{width:100%;height:100%;object-fit:cover}.cart-item-media span{color:#0f6f86;font-weight:900;letter-spacing:1px}.cart-item-brand{color:#0f6f86;font-size:12px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.cart-item-name{margin-top:4px;color:#142033;font-size:17px;font-weight:800;line-height:1.25}.cart-item-price{margin-top:6px;color:#66768a;font-size:14px;font-weight:700}.cart-item-controls{display:grid;grid-template-columns:34px 34px 34px;align-items:center;overflow:hidden;background:#fff;border:1px solid #d5dde6;border-radius:999px}.qty-btn{width:34px;height:34px;color:#102033;background:transparent;border:0;font-size:18px;font-weight:900;cursor:pointer}.qty-btn:hover{background:#e8f5f8}.qty-num{color:#102033;font-weight:900;text-align:center}.cart-item-total{color:#102033;font-size:17px;font-weight:900;text-align:right}.cart-item-remove{width:34px;height:34px;color:#9b1c1c;background:#fff0f0;border:1px solid #ffd1d1;border-radius:999px;font-size:14px;font-weight:900;cursor:pointer}.cart-item-remove:hover{color:#fff;background:#c62828}.empty-cart{min-height:360px;display:grid;place-items:center;text-align:center;padding:48px 24px;background:linear-gradient(135deg,rgba(15,111,134,.08),rgba(255,126,35,.08)),#f9fbfd;border:1px dashed #b9c7d5;border-radius:8px}.empty-cart-icon{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 18px;color:#0f6f86;background:#fff;border:1px solid #dce3ea;border-radius:50%;font-size:32px;font-weight:900}.empty-cart h3{color:#102033;font-size:26px;margin-bottom:10px}.empty-cart p{max-width:430px;color:#5d6e82;line-height:1.6;margin-bottom:22px}.empty-cart-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;color:#fff;background:#e85a18;border-radius:6px;font-weight:900;letter-spacing:.6px;text-decoration:none;text-transform:uppercase}.cart-summary{position:sticky;top:104px;padding:22px}.summary-title{color:#102033;font-size:22px;font-weight:900;margin-bottom:14px}.summary-status{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;padding:12px;color:#0c5264;background:#e8f5f8;border:1px solid #c7e8ef;border-radius:6px;font-size:13px;font-weight:800}.summary-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;color:#4f6073;font-weight:700}.summary-row span:last-child{color:#102033;font-weight:900}.delivery-value{color:#0f7a3f!important}.free-delivery-meter{margin:8px 0 14px;padding:12px;background:#f7f9fb;border:1px solid #e3eaf1;border-radius:6px}.meter-track{height:9px;overflow:hidden;background:#dfe7ef;border-radius:999px}.meter-track span{display:block;height:100%;background:linear-gradient(90deg,#0f6f86,#25d366);border-radius:inherit}.free-delivery-meter p{margin-top:8px;color:#5d6e82;font-size:12px;font-weight:700;line-height:1.4}.summary-row.total{margin-top:10px;padding-top:18px;border-top:2px solid #102033;color:#102033;font-size:20px;text-transform:uppercase}.summary-note{margin:16px 0;padding:13px;color:#4f6073;background:#fff7ed;border:1px solid #ffd7ad;border-radius:6px;font-size:13px;line-height:1.55}.payment-details{margin:0 0 18px;padding:14px;background:#f4fbff;border:1px solid #d7eaf7;border-radius:8px;color:#0f4f74;font-size:14px;line-height:1.6}.payment-details strong{color:#102033}.customer-info{display:grid;gap:8px;margin-top:16px}.customer-info label{color:#102033;font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.customer-info input,.customer-info textarea{width:100%;min-height:46px;padding:12px 13px;color:#102033;background:#fff;border:1px solid #cbd6e2;border-radius:6px;font:inherit}.customer-info textarea{min-height:92px;resize:vertical}.customer-info input:focus,.customer-info textarea:focus{outline:3px solid rgba(15,111,134,.16);border-color:#0f6f86}.btn-wa-order,.btn-continue,.clear-cart-btn{width:100%;min-height:48px;border-radius:6px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.btn-wa-order{margin-top:18px;color:#fff;background:#1fb35a;border:0;cursor:pointer}.btn-wa-order:hover{background:#178f48}.btn-continue{display:flex;align-items:center;justify-content:center;margin-top:10px;color:#0f6f86;background:#fff;border:2px solid #0f6f86;text-decoration:none}.btn-continue:hover{color:#fff;background:#0f6f86}.clear-cart-btn{min-height:40px;margin-top:8px;color:#8a1f1f;background:transparent;border:0;cursor:pointer}@media (max-width: 980px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width: 680px){#cart-main{padding:18px 12px 48px}.cart-page-hero{padding-top:42px;padding-bottom:42px}.cart-hero-copy p{font-size:15px}.cart-header{padding:18px}.cart-items-list{padding:12px}.cart-item{grid-template-columns:72px minmax(0,1fr) 32px;gap:12px;padding:12px}.cart-item-media{width:72px;grid-row:span 2}.cart-item-controls{grid-column:2;width:116px}.cart-item-total{grid-column:2;text-align:left}.cart-item-remove{grid-column:3;grid-row:1}.cart-item-name{font-size:15px}.cart-summary{padding:18px}}:root{--primary: #00d4ff;--primary-dark: #0099cc;--secondary: #ff6b35;--secondary-dark: #e55a2b;--success: #25D366;--danger: #ff4757;--warning: #ffa502;--dark: #0a0a0a;--gray-dark: #1a1a1a;--gray: #2a2a2a;--gray-light: #3a3a3a;--gray-lightest: #e0e0e0;--white: #ffffff;--border: #333;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-dashboard{min-height:100vh;background:radial-gradient(ellipse at top left,#1a1a2e 0%,#0a0a0a 50%),radial-gradient(ellipse at bottom right,#16213e 0%,#0a0a0a 50%);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.admin-dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%2300d4ff" fill-opacity="0.03"><circle cx="7" cy="7" r="1"/><circle cx="53" cy="7" r="1"/><circle cx="30" cy="30" r="1"/><circle cx="7" cy="53" r="1"/><circle cx="53" cy="53" r="1"/></g></g></svg>') center/60px;pointer-events:none;z-index:0}.admin-header{background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(0,153,204,.05) 100%),rgba(26,26,26,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:20px 40px;box-shadow:var(--shadow-lg);position:relative;z-index:10}.admin-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--primary) 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo h1{color:var(--white);font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,212,255,.3);display:flex;align-items:center;gap:12px}.logo h1:before{content:"🏗️";font-size:32px;-webkit-text-fill-color:initial}.header-actions{display:flex;align-items:center;gap:20px}.header-actions span{color:var(--gray-lightest);font-size:16px;font-weight:500;padding:8px 16px;background:rgba(255,255,255,.05);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.logout-btn{background:linear-gradient(135deg,var(--danger) 0%,#d32f2f 100%);color:var(--white);border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #ff47574d;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.logout-btn:hover:before{left:100%}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475766}.admin-nav{background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;display:flex;gap:10px;border-bottom:1px solid var(--border);position:relative;z-index:5}.nav-btn{background:rgba(255,255,255,.05);color:var(--gray-lightest);border:1px solid rgba(255,255,255,.1);padding:14px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .5s}.nav-btn:hover:before{left:100%}.nav-btn:hover{background:rgba(0,212,255,.1);color:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff33}.nav-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border-color:var(--primary);box-shadow:0 4px 12px #00d4ff4d}.admin-main{padding:40px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark) 0%,var(--gray) 100%)}.login-container{background:var(--gray-dark);border:1px solid var(--border);border-radius:12px;padding:60px 40px;box-shadow:var(--shadow-lg);max-width:400px;width:100%}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:var(--primary);font-size:32px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,212,255,.3)}.login-header p{color:var(--gray-lightest);font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:var(--gray-lightest);font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{background:var(--gray);border:2px solid var(--border);color:var(--white);padding:15px;border-radius:6px;font-size:16px;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff33}.login-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;padding:15px 30px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #00d4ff4d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.login-note{margin-top:30px;padding:20px;background:rgba(0,212,255,.1);border-radius:8px;border-left:4px solid var(--primary)}.login-note p{margin:0 0 10px;color:var(--gray-lightest);font-size:14px}.login-note strong{color:var(--primary)}.categories-section,.products-section{background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.categories-section:before,.products-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--primary) 100%);animation:shimmer 3s ease-in-out infinite}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px}.section-header h2{color:var(--white);font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px;min-width:fit-content}.header-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{position:relative}.search-input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:12px 20px 12px 45px;color:var(--white);font-size:14px;width:300px;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:var(--gray-lightest);opacity:.7}.search-input:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px #00d4ff1a}.search-box:before{content:"🔍";position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:16px;z-index:1}.results-count{font-size:14px;color:var(--gray-lightest);opacity:.8;margin-left:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.pagination-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #00d4ff4d;position:relative;overflow:hidden}.pagination-btn:disabled{background:var(--gray-light);cursor:not-allowed;opacity:.5;box-shadow:none}.pagination-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.page-info{color:var(--gray-lightest);font-weight:500;font-size:14px;padding:8px 16px;background:rgba(255,255,255,.05);border-radius:15px;border:1px solid rgba(255,255,255,.1)}.create-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;padding:14px 28px;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #00d4ff4d;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px}.create-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.create-btn:hover:before{left:100%}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:rgba(42,42,42,.8);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-table th,.data-table td{padding:18px;text-align:left;border-bottom:1px solid var(--border);position:relative}.data-table th{background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(0,153,204,.05) 100%);font-weight:700;color:var(--primary);text-transform:uppercase;font-size:14px;letter-spacing:.5px;border-bottom:2px solid var(--primary)}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background:rgba(0,212,255,.05);transform:scale(1.01)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td{color:var(--gray-lightest);font-weight:500}.products-grid{display:flex;flex-direction:column;gap:30px}.category-products{margin-bottom:30px;background:rgba(26,26,26,.8);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-products h3{color:var(--primary);font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,212,255,.3);display:flex;align-items:center;gap:8px}.category-products h3:before{content:"📂";font-size:18px}.product-list{display:flex;flex-direction:column;gap:8px}.product-item{background:rgba(42,42,42,.6);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px 20px;transition:var(--transition);position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;min-height:80px;margin-bottom:8px}.product-item:hover{background:rgba(0,212,255,.08);border-color:#00d4ff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff33}.product-image{width:60px;height:60px;min-width:60px;object-fit:cover;border-radius:8px;background:var(--gray);display:flex;align-items:center;justify-content:center;color:var(--gray-lightest);font-size:14px;border:1px solid rgba(255,255,255,.1);overflow:hidden;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image.no-image{background:linear-gradient(135deg,var(--gray) 0%,var(--gray-light) 100%);color:var(--gray-lightest);display:flex;align-items:center;justify-content:center;font-size:24px;opacity:.6}.product-info{flex:1;display:flex;align-items:center;gap:24px;min-width:0;flex-wrap:wrap}.product-info h4{color:var(--white);font-size:16px;font-weight:500;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:200px;max-width:300px}.product-details{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.product-details p{color:var(--gray-lightest);font-size:14px;margin:0;line-height:1.3;display:flex;align-items:center;gap:8px}.product-details strong{color:var(--white);font-weight:500;min-width:fit-content}.product-price{color:var(--success);font-weight:600;font-size:16px}.product-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.admin-panel .product-actions{display:flex;gap:12px;flex-shrink:0;margin-left:auto;min-width:140px;justify-content:flex-end}.action-btn{padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:500;cursor:pointer;transition:var(--transition);font-size:13px;position:relative;overflow:hidden;white-space:nowrap;min-width:60px;background:rgba(255,255,255,.05);color:var(--gray-lightest)}.action-btn:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d;transform:translateY(-1px)}.edit-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.delete-btn:hover{background:var(--danger);color:var(--white);border-color:var(--danger)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--primary);font-size:18px;font-weight:600;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,212,255,.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:60px 20px;background:rgba(42,42,42,.6);border-radius:16px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.empty-state h3{color:var(--white);font-size:24px;font-weight:600;margin-bottom:12px}.empty-state p{color:var(--gray-lightest);font-size:16px;margin-bottom:24px;opacity:.8}.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.badge-new,.badge-hot,.badge-pop{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.badge-new{background:linear-gradient(135deg,var(--success) 0%,#22c55e 100%);color:#fff;box-shadow:0 2px 8px #25d3664d}.badge-hot{background:linear-gradient(135deg,var(--danger) 0%,#d32f2f 100%);color:#fff;box-shadow:0 2px 8px #ff47574d}.badge-pop{background:linear-gradient(135deg,var(--warning) 0%,#f59e0b 100%);color:#fff;box-shadow:0 2px 8px #ffa5024d}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px;text-align:center}.admin-nav{flex-wrap:wrap;justify-content:center}.data-table{font-size:14px}.data-table th,.data-table td{padding:10px}.products-grid,.product-list{grid-template-columns:1fr}.product-item{padding:15px}}.form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-container{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #333;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border-radius:12px 12px 0 0}.form-header h2{margin:0;color:#00d4ff;font-size:1.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,212,255,.3)}.close-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:1.5rem;color:#ccc;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.close-btn:hover{background-color:#fff3;color:#fff;transform:scale(1.1)}.category-form,.product-form{padding:24px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#e0e0e0;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid #333;border-radius:8px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:#2a2a2a;color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;background:#333}.form-group textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#e0e0e0;font-size:.875rem}.checkbox-label input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #333}.btn-cancel,.btn-primary{padding:10px 20px;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background-color:#444;color:#ccc;border:2px solid #555}.btn-cancel:hover{background-color:#555;color:#fff;border-color:#666}.btn-primary{background:linear-gradient(135deg,#00d4ff 0%,#0099cc 100%);color:#fff;border:none;box-shadow:0 4px 12px #00d4ff4d}.btn-primary:hover{background:linear-gradient(135deg,#0099cc 0%,#00d4ff 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}@media (max-width: 768px){.form-overlay{padding:10px}.form-container{max-height:95vh}.form-row{grid-template-columns:1fr;gap:12px}.form-actions{flex-direction:column}.btn-cancel,.btn-primary{width:100%;order:2}.btn-cancel{order:1}}:root{--primary: #00d4ff;--primary-dark: #00a8cc;--primary-light: #001f29;--secondary: #ff6b35;--secondary-dark: #e55a2b;--accent: #ffd23f;--dark: #0a0a0a;--gray-dark: #1a1a1a;--gray: #2d2d2d;--gray-light: #404040;--gray-lighter: #5a5a5a;--gray-lightest: #808080;--white: #ffffff;--border: #333333;--shadow-sm: 0 2px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--transition: all .3s ease;--whatsapp: #25D366;--whatsapp-dark: #128C7E;--success: #00ff88;--warning: #ffaa00;--danger: #ff4444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Barlow,sans-serif;background:var(--dark);color:var(--white);overflow-x:hidden}#topbar{background:var(--primary-dark);color:var(--white);font-size:12px;padding:6px 5%;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}#topbar a{color:var(--white);text-decoration:none;font-weight:500;transition:var(--transition)}#topbar a:hover{color:var(--accent)}nav{background:var(--gray-dark);padding:0 5%;position:sticky;top:0;z-index:200;box-shadow:var(--shadow-md);border-bottom:2px solid var(--primary)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:70px}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);font-weight:800;font-size:20px;transition:var(--transition);font-family:Barlow Condensed,sans-serif}.nav-logo:hover{color:var(--primary)}.logo-mark{width:40px;height:40px;background:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:var(--white);box-shadow:var(--shadow-sm)}.logo-text span{color:var(--secondary)}.nav-links{display:flex;gap:24px;list-style:none}.nav-links a{color:var(--text-dark);text-decoration:none;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition);position:relative;font-family:Barlow Condensed,sans-serif}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:var(--secondary);border-radius:2px}.nav-cta{background:var(--secondary);color:var(--white);padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition);box-shadow:var(--shadow-sm);font-family:Barlow Condensed,sans-serif}.nav-cta:hover{background:var(--secondary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--primary);font-size:24px;cursor:pointer;padding:8px;border-radius:4px;transition:var(--transition)}.mobile-menu-toggle:hover{background:var(--primary-light)}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--gray-dark);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:199}.mobile-menu ul{list-style:none;padding:20px}.mobile-menu li{margin-bottom:8px}.mobile-menu a{color:#ffffffe6;text-decoration:none;font-weight:600;font-size:15px;display:block;border-radius:4px;transition:var(--transition);padding:10px 16px 10px 12px}.mobile-menu-close{position:absolute;top:24px;right:24px;color:var(--white);font-size:28px;cursor:pointer;background:none;border:none}.mobile-menu.open{display:flex;flex-direction:column;padding:52px 20px 24px}.mobile-menu a{color:#ffffffe6;text-decoration:none;font-weight:600;font-size:16px;display:block;padding:13px 18px;border-radius:6px;transition:var(--transition);margin-bottom:6px;border:1px solid rgba(255,255,255,.07)}.mobile-menu a:hover{background:rgba(0,212,255,.1);color:var(--primary);transform:translate(4px);border-color:#00d4ff40}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:8px;background:transparent;border:none;transition:var(--transition)}.hamburger span{width:28px;height:3px;background:#25D366;margin:3px 0;transition:.3s;border-radius:2px;transform-origin:center}.hamburger:hover span{background:#128C7E}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-8px)}@media (max-width: 900px){.nav-links{display:none}.hamburger{display:flex}}section{padding:80px 5%}.section-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.section-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,4vw,52px);font-weight:800;text-transform:uppercase;line-height:1;color:var(--navy);margin-bottom:16px}.section-title .accent{color:var(--orange)}.section-sub{font-size:17px;color:var(--text-dark);line-height:1.7;max-width:560px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:24px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:var(--white);text-decoration:none;padding:16px 32px;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:3px;transition:var(--transition);border:2px solid var(--orange);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.1);transform:translate(-100%);transition:transform .3s ease}.btn-primary:hover:after{transform:translate(0)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e8500a66}.btn-whatsapp{display:inline-flex;align-items:center;gap:10px;background:var(--whatsapp);color:var(--white);text-decoration:none;padding:16px 32px;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:3px;transition:var(--transition);border:2px solid var(--whatsapp)}.btn-whatsapp:hover{background:var(--whatsapp-dark);border-color:var(--whatsapp-dark);transform:translateY(-2px);box-shadow:0 8px 32px #25d36659}.btn-outline{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--white);text-decoration:none;padding:14px 30px;font-family:Barlow,sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:3px;border:2px solid rgba(255,255,255,.3);transition:var(--transition)}.btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.08)}.btn-white{background:var(--white);color:var(--orange);padding:16px 36px;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:3px;text-decoration:none;transition:var(--transition);border:2px solid var(--white)}.btn-white:hover{background:transparent;color:var(--white)}#hero{min-height:92vh;background:var(--navy);position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(232,80,10,.04) 40px,rgba(232,80,10,.04) 41px),repeating-linear-gradient(-45deg,transparent,transparent 40px,rgba(30,58,95,.6) 40px,rgba(30,58,95,.6) 41px)}.hero-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(232,80,10,.18) 0%,transparent 70%);right:-100px;top:-100px;pointer-events:none}.hero-glow-2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(30,58,95,.8) 0%,transparent 70%);left:-50px;bottom:-50px;pointer-events:none}.hero-content{position:relative;z-index:2;padding:0 5%;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,80,10,.15);border:1px solid rgba(232,80,10,.4);color:var(--orange-light);padding:8px 16px;border-radius:2px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;animation:fadeInUp .6s ease forwards}.hero-badge:before{content:"";width:6px;height:6px;background:var(--orange);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(48px,7vw,88px);font-weight:900;line-height:.95;color:var(--white);text-transform:uppercase;letter-spacing:-1px;margin-bottom:24px;animation:fadeInUp .6s ease .1s both}.hero-title .accent{color:var(--orange)}.hero-title .outline{-webkit-text-stroke:2px var(--white);color:transparent}.hero-sub{font-size:18px;color:var(--steel-light);line-height:1.7;max-width:560px;margin-bottom:40px;font-weight:300;animation:fadeInUp .6s ease .2s both}.hero-sub strong{color:var(--white);font-weight:600}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;animation:fadeInUp .6s ease .3s both}.hero-stats{display:flex;gap:48px;margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease .4s both;flex-wrap:wrap}.hero-stat .num{font-family:Barlow Condensed,sans-serif;font-size:42px;font-weight:800;color:var(--orange);line-height:1}.hero-stat .label{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}#trust-bar{background:var(--off-white);padding:20px 5%;border-bottom:1px solid var(--steel-light)}.trust-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.8px}.trust-item .icon{width:32px;height:32px;background:var(--orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}#categories{background:var(--white)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.category-card{background:var(--navy);border-radius:4px;overflow:hidden;position:relative;cursor:pointer;transition:var(--transition);text-decoration:none;display:block;min-height:220px}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--navy-mid) 0%,var(--navy) 100%);z-index:0}.category-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0a162866}.category-card:hover .cat-arrow{transform:translate(4px,-4px)}.cat-accent{position:absolute;top:0;right:0;width:80px;height:80px;background:var(--orange);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.8}.category-card.featured .cat-accent{opacity:1}.category-card.featured:before{background:linear-gradient(135deg,#1a3d6e 0%,var(--navy) 100%)}.cat-inner{position:relative;z-index:1;padding:32px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.cat-icon{font-size:40px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.cat-label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange-light);margin-bottom:8px}.cat-name{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800;text-transform:uppercase;color:var(--white);line-height:1;margin-bottom:12px}.cat-desc{font-size:13px;color:var(--steel);line-height:1.6;margin-bottom:20px}.cat-arrow{width:32px;height:32px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:16px;transition:var(--transition)}#featured{background:var(--off-white)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}#why-us{background:var(--navy);position:relative;overflow:hidden}#why-us:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,80,10,.12) 0%,transparent 70%)}#why-us .section-title{color:var(--white)}#why-us .section-sub{color:var(--steel)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px;margin-top:48px}.why-item{background:rgba(255,255,255,.03);padding:36px 28px;border:1px solid rgba(255,255,255,.06);transition:var(--transition);position:relative;overflow:hidden}.why-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:var(--orange);transition:height .4s ease}.why-item:hover:before{height:100%}.why-item:hover{background:rgba(232,80,10,.06)}.why-num{font-family:Barlow Condensed,sans-serif;font-size:56px;font-weight:900;color:#e8500a1f;line-height:1;margin-bottom:12px}.why-icon{font-size:32px;margin-bottom:16px}.why-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--white);margin-bottom:10px;letter-spacing:.5px}.why-desc{font-size:14px;color:var(--steel);line-height:1.7}#brands{background:var(--white);padding:60px 5%}.brands-inner{text-align:center}.brands-title{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--steel);margin-bottom:32px}.brands-row{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.brand-item{font-family:Oswald,sans-serif;font-size:22px;font-weight:700;color:var(--steel-light);letter-spacing:2px;text-transform:uppercase;transition:var(--transition);padding:8px 16px;border:1px solid transparent}.brand-item:hover{color:var(--navy);border-color:var(--orange)}#testimonials{padding:80px 5%;background:var(--gray);text-align:center}.testimonials-header h2{font-size:36px;font-weight:900;color:var(--white);margin-bottom:16px;text-shadow:0 0 15px rgba(0,212,255,.5)}.testimonials-header p{font-size:18px;color:var(--text-dark);max-width:600px;margin:0 auto 60px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto}.testimonial-card{background:var(--gray-dark);border:1px solid var(--border);border-radius:12px;padding:32px;text-align:left;position:relative;transition:var(--transition);box-shadow:var(--shadow-md)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.testimonial-quote{font-size:48px;color:var(--secondary);line-height:1;margin-bottom:16px;font-weight:900;text-shadow:0 0 10px rgba(255,107,53,.5)}.testimonial-text{font-size:16px;color:var(--text-dark);line-height:1.6;margin-bottom:24px;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.5)}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--secondary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:var(--shadow-sm)}.author-name{font-weight:700;color:var(--white);margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.author-role{font-size:14px;color:var(--text-dark);margin-bottom:8px}.stars{color:var(--accent);font-size:14px;filter:drop-shadow(0 0 5px rgba(255,210,63,.5))}#partners{padding:80px 5%;background:linear-gradient(135deg,var(--dark) 0%,var(--gray) 100%);text-align:center}.partners-header{margin-bottom:60px}.partners-title{font-size:36px;font-weight:900;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(0,212,255,.5)}.partners-sub{font-size:18px;color:var(--text-dark);max-width:600px;margin:0 auto;text-shadow:0 2px 4px rgba(0,0,0,.5)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto}.partner-card{background:var(--gray-dark);border:1px solid var(--border);border-radius:16px;padding:40px 24px;text-align:center;transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.partner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--primary) 100%);opacity:0;transition:var(--transition)}.partner-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary);background:var(--gray)}.partner-card:hover:before{opacity:1}.partner-logo{height:80px;width:100%;object-fit:contain;margin-bottom:20px;filter:none;transition:var(--transition);padding:10px;background:rgba(255,255,255,.05);border-radius:8px}.partner-card:hover .partner-logo{filter:drop-shadow(0 0 10px rgba(0,212,255,.5));background:rgba(255,255,255,.1)}.partner-fallback{font-size:48px;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(0,212,255,.5))}.partner-name{font-size:20px;font-weight:700;color:var(--white);margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:Barlow Condensed,sans-serif}.partner-desc{font-size:14px;color:var(--text-dark);text-shadow:0 2px 4px rgba(0,0,0,.5)}#cta-band{background:var(--orange);padding:60px 5%;text-align:center;position:relative;overflow:hidden}#cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(255,255,255,.04) 20px,rgba(255,255,255,.04) 21px)}.cta-band-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:900;text-transform:uppercase;color:var(--white);margin-bottom:12px;position:relative}.cta-band-sub{font-size:17px;color:#ffffffd9;margin-bottom:32px;position:relative}.cta-band-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}.btn-wa-lg{background:var(--whatsapp-dark);color:#fff;padding:16px 36px;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:3px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:var(--transition);border:2px solid var(--whatsapp-dark)}.btn-wa-lg:hover{background:transparent;border-color:#fff;color:#fff}footer{background:var(--navy);padding:72px 5% 0;color:var(--steel)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}.footer-brand .nav-logo{margin-bottom:16px;display:inline-flex}.footer-brand p{font-size:14px;line-height:1.8;margin-bottom:24px;color:var(--steel)}.footer-socials{display:flex;gap:12px}.social-btn{width:36px;height:36px;background:rgba(255,255,255,.06);color:var(--steel);display:flex;align-items:center;justify-content:center;border-radius:2px;text-decoration:none;font-size:15px;transition:var(--transition)}.social-btn:hover{background:var(--orange);color:#fff}.footer-col h4{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--white);margin-bottom:20px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:var(--steel);text-decoration:none;font-size:14px;transition:var(--transition);display:flex;align-items:center;gap:6px}.footer-col ul li a:hover{color:var(--orange);padding-left:4px}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:14px;line-height:1.6}.footer-contact-item .ic{color:var(--orange);font-size:16px;margin-top:2px;flex-shrink:0}.footer-contact-item a{color:var(--steel);text-decoration:none}.footer-contact-item a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}.footer-bottom p{color:var(--gray-lightest);font-size:14px;margin-bottom:20px}.footer-bottom a{color:var(--steel);text-decoration:none}.footer-bottom a:hover{color:var(--orange)}.admin-link{color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition)}.admin-link:hover{color:var(--primary-dark);text-decoration:underline}.logout-link{background:var(--secondary);color:var(--white);padding:8px 16px;border-radius:6px;text-decoration:none;transition:var(--transition);font-weight:600;cursor:pointer}.logout-link:hover{background:var(--secondary-dark);transform:translateY(-2px)}#wa-float{position:fixed;bottom:24px;right:24px;z-index:9000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.wa-tooltip{background:var(--navy);color:#fff;padding:10px 16px;border-radius:24px 24px 4px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #00000040;white-space:nowrap;opacity:0;transform:translate(10px);transition:var(--transition);pointer-events:none}#wa-float:hover .wa-tooltip{opacity:1;transform:translate(0)}.wa-btn{width:60px;height:60px;background:var(--whatsapp);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 8px 32px #25d36680;animation:wa-bounce 2s ease-in-out infinite;transition:var(--transition)}.wa-btn:hover{transform:scale(1.1);box-shadow:0 12px 40px #25d36699}@keyframes wa-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.wa-btn svg{width:30px;height:30px;fill:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.clickable-card:hover .product-img img{transform:scale(1.05)}.clickable-card:hover .product-name{color:var(--primary)}.product-card{background:var(--card-gradient);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.product-card-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;min-height:0}.product-card-link:hover .product-name{color:var(--primary)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary);background:var(--gray-light)}.product-badge{position:absolute;top:12px;right:12px;background:var(--secondary);color:var(--white);padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:var(--shadow-sm)}.product-badge.badge-new{background:var(--success)}.product-badge.badge-hot{background:var(--danger)}.product-badge.badge-pop{background:var(--primary)}.product-img{height:240px;display:flex;align-items:center;justify-content:center;font-size:56px;background:linear-gradient(135deg,var(--gray-light) 0%,var(--gray-dark) 100%);position:relative;overflow:hidden;border-radius:12px 12px 0 0}.product-img:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(0,212,255,.1) 100%);opacity:0;transition:var(--transition);z-index:1}.product-card:hover .product-img:before{opacity:1}.product-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:brightness(1) contrast(1.05);position:relative;z-index:0}.product-card:hover .product-img img{transform:scale(1.08);filter:brightness(1.1) contrast(1.1)}.product-img.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-fallback-icon{font-size:48px;opacity:.7;transition:var(--transition)}.product-card:hover .product-fallback-icon{opacity:1;transform:scale(1.1)}.product-body{padding:20px;flex:1;display:flex;flex-direction:column}.product-brand{color:var(--primary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-family:Barlow Condensed,sans-serif;text-shadow:0 0 10px rgba(0,212,255,.5)}.product-name{color:var(--white);font-size:18px;font-weight:700;line-height:1.3;margin-bottom:12px;flex:1;font-family:Barlow Condensed,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.product-desc{color:#ffffffa6;font-size:14px;line-height:1.6;margin-bottom:16px}.product.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.product-tag{background:var(--gray-dark);color:var(--primary);padding:6px 12px;border-radius:16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--primary)}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--gray-light)}.product-price{font-size:20px;font-weight:900;color:var(--white);font-family:Barlow Condensed,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.product-price small{font-size:12px;font-weight:500;color:var(--text-dark)}.btn-wa-sm{background:var(--secondary);color:var(--white);border:none;padding:10px 20px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px;font-family:Barlow Condensed,sans-serif;box-shadow:var(--shadow-sm)}.btn-wa-sm:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-hero{background:var(--navy);padding:80px 5% 64px;position:relative;overflow:hidden;text-align:center}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(232,80,10,.03) 40px,rgba(232,80,10,.03) 41px)}.page-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.breadcrumb{font-size:12px;color:var(--steel);margin-bottom:12px}.breadcrumb a{color:var(--steel);text-decoration:none}.breadcrumb a:hover{color:var(--orange)}.page-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:900;text-transform:uppercase;color:var(--white);line-height:1}.accent{color:var(--orange)}.page-sub{font-size:17px;color:var(--steel);margin-top:14px;line-height:1.7}#mission{padding:80px 5%;background:var(--white)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.mission-text .label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.mission-text h2{font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:800;text-transform:uppercase;color:var(--navy);line-height:1.1;margin-bottom:20px}.mission-text p{font-size:16px;color:var(--text-dark);line-height:1.8;margin-bottom:16px}.mission-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mission-card{background:var(--off-white);padding:24px;border-radius:4px;border-left:3px solid var(--orange)}.mission-card h4{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:8px}.mission-card p{font-size:13px;color:var(--text-dark);line-height:1.6}#clients{background:var(--off-white);padding:80px 5%}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.client-card{background:var(--white);padding:28px 20px;border-radius:4px;text-align:center;border:1px solid rgba(196,208,220,.5);transition:var(--transition)}.client-card:hover{border-color:var(--orange);transform:translateY(-4px)}.client-icon{font-size:36px;margin-bottom:12px}.client-name{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:8px}.client-desc{font-size:12px;color:var(--text-dark);line-height:1.6}#values{background:var(--navy);padding:80px 5%}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:48px}.value-card{text-align:center;padding:32px 20px}.value-num{font-family:Barlow Condensed,sans-serif;font-size:48px;font-weight:900;color:var(--orange);line-height:1;margin-bottom:8px}.value-label{font-size:12px;color:var(--steel);text-transform:uppercase;letter-spacing:1.5px}.about-cta{background:var(--orange);padding:56px 5%;text-align:center}.about-cta h2{font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;text-transform:uppercase;color:#fff;margin-bottom:12px}.about-cta p{font-size:17px;color:#ffffffd9;margin-bottom:32px}.btn-wa-lg{background:var(--whatsapp-dark);color:#fff;padding:14px 32px;border-radius:3px;font-size:15px;font-weight:700;text-transform:uppercase;text-decoration:none;transition:var(--transition);border:2px solid var(--whatsapp-dark);margin-left:12px;display:inline-flex;align-items:center;gap:8px}.btn-wa-lg:hover{background:transparent;border-color:#fff}#filter-bar{background:var(--gray);border-bottom:2px solid var(--primary);padding:16px 5%;position:sticky;top:70px;z-index:900;box-shadow:var(--shadow-lg)}#filter-bar.compact{padding:12px 5%}.filter-inner{display:flex;flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;align-items:center}#filter-bar.compact .filter-inner{gap:12px}.search-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}.search-container{position:relative;flex:1;max-width:400px}#filter-bar.compact .search-container{max-width:300px}.search-input{width:100%;background:var(--gray-dark);border:2px solid var(--border);color:var(--white);padding:10px 16px 10px 40px;border-radius:25px;font-size:14px;font-weight:500;transition:var(--transition);box-shadow:var(--shadow-sm);font-family:Barlow,sans-serif}#filter-bar.compact .search-input{padding:8px 14px 8px 36px;font-size:13px}.search-input::placeholder{color:#ffffff6b;opacity:1}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00d4ff33,var(--shadow-md);background:var(--gray)}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--danger);color:var(--white);border:none;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}#filter-bar.compact .search-clear-btn{width:20px;height:20px;right:10px;font-size:10px}.search-clear-btn:hover{background:#ff6666;transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-md)}.search-results-info{color:var(--primary);font-size:12px;font-weight:600;white-space:nowrap;text-shadow:0 0 8px rgba(0,212,255,.5)}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;padding:8px 16px;font-family:Barlow,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#ffffffbf;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:6px}#filter-bar.compact .filter-btn{padding:6px 12px;font-size:11px;gap:4px}.filter-btn:hover{color:var(--primary);border-bottom-color:var(--primary);text-shadow:0 0 8px rgba(0,212,255,.3)}.filter-btn.active{color:var(--primary);border-bottom-color:var(--primary);text-shadow:0 0 10px rgba(0,212,255,.5)}#products-main{padding:56px 5%;background:var(--off-white)}.category-section{margin-bottom:72px}.cat-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--steel-light);flex-wrap:wrap;gap:16px}.cat-section-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:4px}.cat-section-title{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800;text-transform:uppercase;color:var(--navy)}.cat-wa-btn{display:inline-flex;align-items:center;gap:8px;background:var(--whatsapp);color:#fff;padding:10px 20px;border-radius:3px;font-size:13px;font-weight:600;text-decoration:none;transition:var(--transition);flex-shrink:0}.cat-wa-btn:hover{background:var(--whatsapp-dark)}.quote-banner{background:var(--navy);border-left:4px solid var(--orange);padding:24px 28px;border-radius:4px;margin:48px 0 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.quote-banner h3{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;color:var(--white)}.quote-banner p{font-size:14px;color:var(--steel);margin-top:4px}.btn-wa-outline{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--whatsapp);color:var(--whatsapp);padding:12px 24px;border-radius:3px;font-size:14px;font-weight:700;text-decoration:none;transition:var(--transition)}.btn-wa-outline:hover{background:var(--whatsapp);color:#fff}#cart-main{padding:48px 5%}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}.cart-page{max-width:1200px;margin:0 auto;padding:40px 5%}.cart-header{text-align:center;margin-bottom:60px}.cart-header h1{font-size:48px;font-weight:900;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(0,212,255,.5)}.cart-header p{font-size:18px;color:var(--text-dark);max-width:600px;margin:0 auto}.cart-items-section{margin-bottom:20px}.cart-items{background:var(--gray);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:40px}.cart-item{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--border);position:relative;transition:var(--transition)}.cart-item:hover{background:var(--gray-light)}.cart-item:last-child{border-bottom:none}.cart-item-icon{font-size:32px;margin-right:20px;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}.cart-item-details{flex:1;margin-right:20px}.cart-item-brand{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;text-shadow:0 0 10px rgba(0,212,255,.5)}.cart-item-name{font-size:16px;font-weight:700;color:var(--white);margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.cart-item-qty{display:flex;align-items:center;gap:8px;margin-right:20px}.qty-btn{width:32px;height:32px;border:1px solid var(--primary);background:var(--gray-dark);color:var(--white);border-radius:4px;cursor:pointer;font-weight:700;transition:var(--transition)}.qty-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:scale(1.1)}.qty-value{min-width:40px;text-align:center;font-weight:700;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.5)}.cart-item-total{font-size:18px;font-weight:900;color:var(--white);margin-right:20px;min-width:120px;text-align:right;text-shadow:0 2px 4px rgba(0,0,0,.5)}.remove-btn{background:var(--danger);color:var(--white);border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;transition:var(--transition)}.remove-btn:hover{background:#ff6666;transform:scale(1.05)}.empty-cart{text-align:center;padding:80px 20px;background:var(--gray);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg)}.empty-cart-icon{font-size:64px;margin-bottom:20px;filter:grayscale(1) brightness(2)}.empty-cart h3{font-size:24px;font-weight:700;color:var(--white);margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.empty-cart p{color:var(--text-dark);margin-bottom:24px}.cart-summary{background:linear-gradient(135deg,var(--gray) 0%,var(--gray-dark) 100%);border:1px solid var(--primary);border-radius:12px;padding:30px;box-shadow:var(--shadow-lg);margin-bottom:40px;position:relative;overflow:hidden}.cart-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--primary) 100%);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{opacity:.8}50%{opacity:1}}.summary-title{font-size:20px;font-weight:700;color:var(--white);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 15px rgba(0,212,255,.8);text-align:center}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:8px;background:rgba(0,212,255,.05);border-radius:8px;border:1px solid rgba(0,212,255,.1);transition:var(--transition)}.summary-row:hover{background:rgba(0,212,255,.1);transform:translate(4px)}.summary-row:last-child{margin-top:20px;padding:20px;background:linear-gradient(135deg,rgba(0,212,255,.15) 0%,rgba(255,107,53,.15) 100%);border:2px solid var(--primary);box-shadow:0 0 20px #00d4ff4d}.summary-label{color:var(--text-dark);font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.summary-value{font-weight:700;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.5)}.summary-total .summary-label,.summary-total .summary-value{font-size:22px;font-weight:900;color:var(--primary);text-shadow:0 0 15px rgba(0,212,255,.8)}.summary-note{margin-top:20px;padding:15px;background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);border-radius:8px;color:var(--text-dark);font-size:13px;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.product-name{color:var(--white);font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:8px;line-height:1.3}.summary-note strong{color:var(--secondary);font-weight:700}.customer-form{background:var(--gray);border:1px solid var(--border);border-radius:12px;padding:30px;box-shadow:var(--shadow-lg);margin-bottom:40px}.form-title{font-size:20px;font-weight:700;color:var(--white);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,212,255,.5)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--white);margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--gray-dark);color:var(--white);transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff33,var(--shadow-lg);background:var(--gray)}.form-group textarea{resize:vertical;min-height:100px}.cart-actions{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.btn-clear{background:var(--gray-dark);color:var(--white);border:1px solid var(--border);padding:14px 28px;border-radius:4px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition)}.btn-clear:hover{background:var(--danger);border-color:var(--danger);transform:translateY(-2px)}.btn-whatsapp{background:var(--whatsapp);color:var(--white);border:none;padding:14px 28px;border-radius:4px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-md)}.btn-whatsapp:hover{background:var(--whatsapp-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quick-add-section{background:var(--gray);border:1px solid var(--border);border-radius:12px;padding:30px;box-shadow:var(--shadow-lg);margin-bottom:40px}.quick-add-title{font-size:20px;font-weight:700;color:var(--white);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,212,255,.5)}.quick-add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.quick-add-card{background:var(--gray-dark);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center;transition:var(--transition)}.quick-add-card:hover{border-color:var(--primary);background:var(--gray);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qa-icon{font-size:32px;margin-bottom:8px;filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}.qa-name{font-size:14px;font-weight:700;color:var(--white);margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.qa-price{font-size:16px;font-weight:900;color:var(--primary);margin-bottom:12px;text-shadow:0 0 10px rgba(0,212,255,.5)}.qa-add-btn{background:var(--primary);color:var(--white);border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.qa-add-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.customer-info{margin:20px 0;display:flex;flex-direction:column;gap:16px}.customer-info label{color:var(--white);font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:8px}.customer-info input,.customer-info textarea{background:var(--gray-dark);border:1px solid var(--border);color:var(--white);padding:12px 16px;border-radius:8px;font-size:14px;transition:var(--transition)}.customer-info input:focus,.customer-info textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff33;background:var(--gray)}.customer-info textarea{resize:vertical;min-height:80px}.cart-items-list{display:flex;flex-direction:column;gap:12px}.cart-item{background:var(--white);border-radius:4px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(196,208,220,.5);transition:var(--transition)}.cart-item:hover{border-color:var(--orange)}.cart-item-icon{width:64px;height:64px;background:var(--navy);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.cart-item-info{flex:1}.cart-item-brand{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange)}.cart-item-name{font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;color:var(--navy);margin:2px 0 6px}.cart-item-price{font-size:14px;color:var(--text-dark)}.cart-item-controls{display:flex;align-items:center;gap:8px}.qty-btn{width:30px;height:30px;background:var(--off-white);border:1px solid var(--steel-light);border-radius:3px;cursor:pointer;font-size:16px;font-weight:700;color:var(--navy);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.qty-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.qty-num{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;min-width:28px;text-align:center;color:var(--navy)}.cart-item-total{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;color:var(--navy);white-space:nowrap;min-width:80px;text-align:right}.cart-item-remove{background:none;border:none;color:var(--text-dark);cursor:pointer;font-size:18px;padding:4px;transition:var(--transition)}.cart-item-remove:hover{color:#c0392b}.empty-cart{background:var(--white);border-radius:4px;padding:64px 32px;text-align:center;border:2px dashed var(--steel-light)}.empty-cart-icon{font-size:64px;margin-bottom:20px}.empty-cart h3{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:12px}.empty-cart p{font-size:15px;color:var(--text-dark);margin-bottom:28px}.add-products{margin-top:32px}.add-products h3{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:16px}.quick-add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.quick-add-card{background:var(--white);border-radius:4px;padding:16px;border:1px solid rgba(196,208,220,.5);cursor:pointer;transition:var(--transition);text-align:center}.quick-add-card:hover{border-color:var(--orange);transform:translateY(-2px)}.qa-icon{font-size:28px;margin-bottom:8px}.qa-name{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:4px}.qa-price{font-size:13px;color:var(--orange);font-weight:600;margin-bottom:10px}.qa-add-btn{background:var(--orange);color:#fff;border:none;padding:7px 14px;border-radius:3px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);width:100%}.qa-add-btn:hover{background:var(--orange-bright)}.cart-summary{background:var(--white);border-radius:4px;padding:28px;border:1px solid rgba(196,208,220,.5);position:sticky;top:96px}.btn-add-cart.in-cart{background:#dc3545;color:#fff;cursor:pointer}.btn-add-cart.in-cart:hover{background:#c82333;transform:translateY(-2px)}.product-actions{display:flex;gap:8px;align-items:stretch;margin-top:12px;padding-top:8px}.product-footer{padding:16px 20px 20px;background:var(--card-gradient);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.product-price-section{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.product-price{font-size:18px;font-weight:700;color:var(--primary)}.product-unit{font-size:12px;color:var(--text-light);font-weight:500}.product-actions-section{display:flex;gap:8px;align-items:stretch}.btn-text{font-size:12px;font-weight:500}.btn-add-cart{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;gap:4px;justify-content:center;min-width:0}.btn-icon{font-size:12px;line-height:1}.btn-add-cart:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-add-cart.added{background:#28a745;color:#fff}.btn-wa-sm{background:#25D366;color:#fff;border:none;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:3px;justify-content:center;min-width:0}.btn-wa-sm:hover{background:#128C7E;transform:translateY(-2px)}.summary-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;color:var(--navy);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--steel-light)}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px;color:var(--text-dark)}.summary-row.total{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;color:var(--navy);padding-top:12px;border-top:2px solid var(--steel-light);margin-top:4px}.summary-note{background:var(--off-white);border:1px solid var(--steel-light);border-radius:3px;padding:12px;font-size:12px;color:var(--text-dark);line-height:1.6;margin:16px 0}.customer-info{margin:20px 0}.customer-info label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dark);margin-bottom:6px;margin-top:12px}.customer-info input,.customer-info textarea,.customer-info select{width:100%;border:1px solid var(--steel-light);border-radius:3px;padding:10px 12px;font-family:Barlow,sans-serif;font-size:14px;color:var(--text-dark);outline:none;transition:var(--transition);background:var(--white)}.customer-info input:focus,.customer-info textarea:focus,.customer-info select:focus{border-color:var(--orange)}.customer-info textarea{resize:vertical;min-height:72px}.btn-wa-order{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--whatsapp);color:#fff;width:100%;padding:16px;border:none;border-radius:4px;font-family:Barlow,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition);margin-top:16px;text-decoration:none}.btn-wa-order:hover{background:var(--whatsapp-dark);transform:translateY(-2px);box-shadow:0 8px 24px #25d36659}.btn-wa-order:disabled{background:var(--steel);cursor:not-allowed;transform:none;box-shadow:none}.btn-continue{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--orange);width:100%;padding:12px;border:2px solid var(--orange);border-radius:4px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:var(--transition);margin-top:10px;text-decoration:none}.btn-continue:hover{background:var(--orange);color:#fff}.clear-cart-btn{background:none;border:none;color:var(--text-dark);font-size:12px;cursor:pointer;transition:var(--transition);text-decoration:underline;margin-top:12px;display:block;width:100%;text-align:center}.clear-cart-btn:hover{color:#c0392b}@media (max-width: 768px){section{padding:60px 4%}.footer-grid{grid-template-columns:1fr;gap:32px}.mission-grid{grid-template-columns:1fr;gap:40px}.mission-cards{grid-template-columns:1fr}#products-main{padding:40px 4%}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.product-img{height:180px;border-radius:8px 8px 0 0}.product-card{border-radius:8px}.product-body{padding:16px}.product-name{font-size:14px;margin-bottom:8px}.product-brand{font-size:10px;margin-bottom:6px}.product-fallback-icon{font-size:36px}.product-badge{top:8px;right:8px;padding:4px 8px;font-size:9px}}@media (min-width: 769px) and (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-img{height:200px}.product-body{padding:20px}}@media (min-width: 1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.product-img{height:260px}.product-body{padding:28px}.product-name{font-size:20px}.product-brand{font-size:12px}.product-fallback-icon{font-size:56px}}@media (min-width: 1600px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;max-width:1400px;margin:0 auto}.product-img{height:280px}.product-card:hover .product-img img{transform:scale(1.12)}}.no-products-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.no-products-content{text-align:center;max-width:600px;background:linear-gradient(135deg,var(--gray-dark) 0%,var(--gray) 100%);border:1px solid var(--border);border-radius:16px;padding:60px 40px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.no-products-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%)}.no-products-icon{font-size:80px;margin-bottom:24px;opacity:.7;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.9}}.no-products-title{font-size:32px;font-weight:700;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.no-products-message{font-size:18px;color:var(--gray-lightest);margin-bottom:32px;line-height:1.6}.no-products-suggestions{text-align:left;background:rgba(0,0,0,.3);border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid var(--border)}.no-products-suggestions h3{color:var(--primary);font-size:16px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.no-products-suggestions ul{list-style:none;padding:0}.no-products-suggestions li{color:var(--gray-lightest);font-size:15px;margin-bottom:12px;padding-left:24px;position:relative;line-height:1.5}.no-products-suggestions li:before{content:"→";position:absolute;left:0;color:var(--secondary);font-weight:700}.no-products-suggestions li:last-child{margin-bottom:0}.no-products-actions{display:flex;flex-direction:column;gap:16px;align-items:center}.no-products-actions .btn-primary,.no-products-actions .btn-secondary,.no-products-actions .btn-wa-outline{min-width:200px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);cursor:pointer;border:none;position:relative;overflow:hidden}.no-products-actions .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);box-shadow:0 4px 12px #00d4ff4d}.no-products-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.no-products-actions .btn-secondary{background:transparent;color:var(--gray-lightest);border:2px solid var(--gray-light)}.no-products-actions .btn-secondary:hover{background:var(--gray-light);color:var(--white);transform:translateY(-2px)}.no-products-actions .btn-wa-outline{background:transparent;color:var(--whatsapp);border:2px solid var(--whatsapp)}.no-products-actions .btn-wa-outline:hover{background:var(--whatsapp);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}@media (max-width: 768px){.no-products-container{padding:20px 16px;min-height:50vh}.no-products-content{padding:40px 24px}.no-products-icon{font-size:60px;margin-bottom:20px}.no-products-title{font-size:24px;margin-bottom:12px}.no-products-message{font-size:16px;margin-bottom:24px}.no-products-suggestions{padding:20px;margin-bottom:24px}.no-products-suggestions h3{font-size:14px;margin-bottom:12px}.no-products-suggestions li{font-size:14px;margin-bottom:10px}.no-products-actions{gap:12px}.no-products-actions .btn-primary,.no-products-actions .btn-secondary,.no-products-actions .btn-wa-outline{min-width:100%;padding:14px 24px;font-size:15px}}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:fixed;top:0;left:0;right:0;bottom:0;background:white;z-index:9999}.loading-container{min-height:40vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.logo-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.logo-image{width:120px;height:80px;border-radius:8px;box-shadow:0 8px 32px #25d3664d;background:white;padding:8px;border:2px solid #25D366;animation:logoSpin 2s ease-in-out infinite}.loading-text{font-size:16px;color:var(--primary);font-weight:600;animation:pulse 1.5s ease-in-out infinite}@keyframes logoSpin{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(2deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-spinner{text-align:center;color:var(--primary);font-size:18px;font-weight:600;position:relative}.loading-spinner:before{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:40px;height:40px;border:3px solid var(--gray-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.home-featured-error .no-products-container{min-height:30vh;padding:20px}.home-featured-error .no-products-content{max-width:500px;padding:40px 32px}.home-featured-error .no-products-content.compact{padding:32px 24px}.home-featured-error .no-products-icon{font-size:48px;margin-bottom:16px;opacity:.8}.home-featured-error .no-products-title{font-size:24px;margin-bottom:12px;font-weight:600}.home-featured-error .no-products-message{font-size:16px;margin-bottom:24px;line-height:1.5}.home-featured-error .no-products-actions{gap:12px}.home-featured-error .no-products-actions.compact{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.home-featured-error .no-products-actions .btn-primary,.home-featured-error .no-products-actions .btn-outline,.home-featured-error .no-products-actions .btn-wa-outline{min-width:auto;padding:10px 20px;font-size:14px;font-weight:500}.home-featured-error .no-products-actions .btn-primary.compact,.home-featured-error .no-products-actions .btn-outline.compact,.home-featured-error .no-products-actions .btn-wa-outline.compact{min-width:120px;padding:8px 16px;font-size:13px;border-radius:6px}.home-featured-error .no-products-actions .btn-primary.compact:hover,.home-featured-error .no-products-actions .btn-outline.compact:hover,.home-featured-error .no-products-actions .btn-wa-outline.compact:hover{transform:translateY(-1px)}@media (max-width: 768px){.home-featured-error .no-products-container{padding:16px;min-height:25vh}.home-featured-error .no-products-content{padding:24px 20px}.home-featured-error .no-products-content.compact{padding:20px 16px}.home-featured-error .no-products-icon{font-size:40px;margin-bottom:12px}.home-featured-error .no-products-title{font-size:20px;margin-bottom:10px}.home-featured-error .no-products-message{font-size:14px;margin-bottom:20px}.home-featured-error .no-products-actions.compact{flex-direction:column;gap:10px}.home-featured-error .no-products-actions .btn-primary.compact,.home-featured-error .no-products-actions .btn-outline.compact,.home-featured-error .no-products-actions .btn-wa-outline.compact{min-width:100%;padding:10px 16px;font-size:14px}@media (max-width: 480px){div.product-footer{padding:12px 16px!important;gap:8px!important}div.product-price-section{flex-direction:column!important;align-items:flex-start!important;margin-bottom:8px!important}div.product-actions-section{flex-direction:column!important;gap:6px!important}button.btn-add-cart,button.btn-wa-sm{width:100%!important;padding:8px 12px!important;font-size:12px!important;flex:1!important}span.btn-icon,span.btn-text{font-size:12px!important}}}.product-detail-page{padding:40px 4%;max-width:1200px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:12px 16px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.breadcrumb-link{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s ease}.breadcrumb-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.breadcrumb-separator{color:var(--text-light);font-weight:500}.breadcrumb-current{color:var(--text-dark);font-weight:700}.product-detail-container{display:grid;grid-template-columns:1fr;gap:40px}.product-detail-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.product-image-section{position:relative}.main-image{width:100%;height:400px;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000001a;background:white}.product-detail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-detail-image:hover{transform:scale(1.02)}.product-info-section{display:flex;flex-direction:column;gap:24px}.product-header{display:flex;flex-direction:column;gap:12px}.product-category{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:8px;width:fit-content}.category-icon{font-size:18px}.product-title{font-size:32px;font-weight:800;color:var(--white);margin:0;line-height:1.2}.product-price-detail{display:flex;align-items:baseline;gap:8px}.price-amount{font-size:28px;font-weight:700;color:var(--primary)}.price-unit{font-size:16px;color:var(--text-light);font-weight:500}.product-description{padding:24px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.product-description h3{font-size:20px;font-weight:700;color:var(--white);margin-bottom:16px}.product-description p{font-size:16px;line-height:1.6;color:#ffffffc7;margin:0}.product-tags-section{padding:24px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.product-tags-section h3{font-size:20px;font-weight:700;color:var(--white);margin-bottom:16px}.product-tags{display:flex;flex-wrap:wrap;gap:8px}.product-tag{background:var(--gray-light);color:var(--text-dark);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.product-actions-detail{display:flex;gap:16px;margin-top:32px}.btn-large{padding:16px 32px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;min-width:200px}.related-products-section{margin-top:60px;padding:40px 0;border-top:2px solid rgba(255,255,255,.1)}.related-products-section .section-title{font-size:24px;font-weight:700;color:var(--white);margin-bottom:24px;text-align:center}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.related-placeholder{text-align:center;padding:40px;color:var(--text-light);font-style:italic}@media (max-width: 768px){.product-detail-page{padding:20px 4%}.product-detail-main{grid-template-columns:1fr;gap:24px}.main-image{height:300px}.product-title,.price-amount{font-size:24px}.product-actions-detail{flex-direction:column;gap:12px}.btn-large{min-width:100%}.related-products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}:root{--navy: #081827;--navy-mid: #102c45;--orange: #e85a18;--orange-bright: #ff7a2a;--orange-light: #ffb25b;--off-white: #f3f6f8;--steel: #9fb0c2;--steel-light: #d7e0e8;--text-dark: #172437;--text-muted: #5d6e82;--card-gradient: linear-gradient(180deg, #1a2c3e 0%, #0f1d2b 100%);--text-light: rgba(255, 255, 255, .55)}nav .nav-links a{color:#ffffffdb}nav .nav-links a:hover,nav .nav-links a.active{color:#fff}#hero{min-height:auto;padding:86px 5% 72px;background:linear-gradient(120deg,rgba(8,24,39,.96) 0%,rgba(11,37,58,.94) 58%,rgba(232,90,24,.88) 100%),url(/Bosch-Emblem.png);background-size:cover;background-position:center right}#hero .hero-content{max-width:720px;padding:0}.hero-title{max-width:760px;letter-spacing:0}.hero-title .outline{color:#fff;-webkit-text-stroke:0}.hero-sub{max-width:630px;color:#ffffffd1;font-weight:400}.hero-actions .btn-primary,.hero-actions .btn-whatsapp,.hero-actions .btn-outline{min-height:52px;border-radius:6px}.hero-showcase{position:absolute;z-index:2;right:5%;bottom:64px;width:min(38vw,460px);padding:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 72px #00000047}.hero-showcase a{display:block;color:inherit;text-decoration:none}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.showcase-card{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;overflow:hidden;background:#fff;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border:1px solid rgba(17,35,54,.08)}.showcase-card:hover,.showcase-card:focus-within{transform:translateY(-2px);box-shadow:0 16px 34px #0f1f3229;border-color:#0f6f8633}.showcase-card-main{min-height:162px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,245,250,.92));border-radius:14px}.showcase-card img{width:100%;height:70px;object-fit:contain}.showcase-card-main img{height:92px}.showcase-card span{color:#172437;font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.showcase-card-main span{font-size:14px}#trust-bar{background:#fff}.trust-bar-inner{max-width:1180px;margin:0 auto}.trust-item .icon,.cat-icon,.why-icon{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 8px;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-bright));border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.8px;filter:none}.cat-icon{margin-bottom:18px}.why-icon{width:max-content;margin-bottom:18px}#categories,#featured,#brands{color:var(--text-dark)}.category-card{border-radius:8px}.cat-desc{color:#ffffffb8}#featured .btn-outline,.home-featured-error .btn-outline{color:var(--text-dark);border-color:#b9c7d5}#testimonials{background:#101b2a}#testimonials .section-title,#testimonials .section-sub,#testimonials .section-label{color:#fff}.testimonial-text,.author-role,.partners-sub,.partner-desc{color:#ffffffbd}@media (max-width: 1100px){#hero{flex-direction:column;align-items:flex-start}#hero .hero-content{max-width:660px}.hero-showcase{position:relative;right:auto;bottom:auto;width:min(100%,620px);margin-top:40px}}@media (max-width: 768px){#topbar{display:none}nav{padding:8px 14px}.nav-logo img{width:72px!important;height:48px!important;margin-right:8px!important}.logo-text{max-width:170px;color:#fff;font-size:14px;line-height:1.05}#hero{flex-direction:column;align-items:flex-start;padding:48px 16px 36px}.hero-badge{margin-bottom:18px;font-size:10px;letter-spacing:1.5px}.hero-title{font-size:clamp(42px,15vw,66px);line-height:.95;margin-bottom:18px}.hero-sub{font-size:16px;line-height:1.55;margin-bottom:26px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn-primary,.hero-actions .btn-whatsapp,.hero-actions .btn-outline{width:100%;justify-content:center;padding:14px 18px;font-size:13px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;padding-top:22px}.hero-stat{padding:12px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px}.hero-stat .num{font-size:28px}.hero-stat .label{font-size:10px;line-height:1.25}.hero-showcase{width:100%;margin-top:24px;padding:10px;border-radius:10px}.hero-showcase{overflow-x:hidden}.showcase-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.showcase-card{min-height:98px;padding:10px;scroll-snap-align:start}.showcase-card-main{min-height:118px}.showcase-card img,.showcase-card-main img{height:54px}.showcase-card span{font-size:10px}#trust-bar{padding:12px}.trust-bar-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trust-item{padding:10px;background:#f5f8fb;border:1px solid #e0e8ef;border-radius:8px;font-size:11px;letter-spacing:.3px}.section-header{margin-bottom:28px}.section-title{font-size:34px;text-align:left}.section-sub{font-size:15px}.categories-grid{grid-template-columns:1fr;gap:14px}.category-card{min-height:0}.cat-inner{padding:22px}.products-grid{grid-template-columns:1fr 1fr;gap:12px}#partners,#testimonials{padding-left:16px;padding-right:16px}}@media (max-width: 420px){.hero-stats,.products-grid{grid-template-columns:1fr}}
