.public-nav{z-index:1000;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);height:72px;transition:all var(--transition-base);background:#ffffffeb;border-bottom:1px solid #dde3ed99;position:fixed;top:0;left:0;right:0}[data-theme=dark] .public-nav{background:#0a1628eb;border-bottom-color:#1e305099}.nav-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.nav-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.nav-logo-img{border-radius:var(--radius-lg);object-fit:cover;width:40px;height:40px}.nav-logo-icon{font-size:28px}.nav-logo-text{font-size:var(--text-xl);background:linear-gradient(135deg, var(--primary-500), var(--accent-500));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.nav-links{gap:var(--space-1);display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);transition:all var(--transition-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);text-decoration:none}.nav-links a:hover{color:var(--primary-500);background:var(--bg-hover)}.nav-actions{gap:var(--space-3);align-items:center;display:flex}.nav-mobile-toggle{color:var(--text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);background:0 0;border:none;font-size:24px;display:none}.hero{align-items:center;min-height:640px;padding-top:120px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;background:linear-gradient(155deg,#031640 0%,#0b3d91 35%,#1d9a41 90%,#106026 100%);position:absolute;inset:0}.hero-bg:before{content:"";z-index:-1;background:radial-gradient(circle,#1a8f6a40 0%,#0000 70%);width:800px;height:800px;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero-bg:after{content:"";z-index:-1;background:radial-gradient(circle,#0b3d914d 0%,#0000 70%);width:600px;height:600px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.hero-mesh{z-index:-1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{max-width:720px;animation:.8s fadeIn,.8s slideUp}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#ffffffe6;font-size:var(--text-sm);margin-bottom:var(--space-6);background:#ffffff1a;border:1px solid #ffffff26;font-weight:500;display:inline-flex}.hero-badge svg{width:16px;height:16px}.btn svg{flex-shrink:0;width:18px;height:18px}.btn-lg svg{width:20px;height:20px}.hero-title{color:#fff;margin-bottom:var(--space-6);letter-spacing:-.03em;font-size:3.5rem;font-weight:900;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg,#76c043,#a2dc75);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{font-size:var(--text-lg);color:#ffffffbf;margin-bottom:var(--space-8);max-width:560px;line-height:1.7}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-12);display:flex}.hero-actions .btn-primary{padding:var(--space-3) var(--space-8);background:linear-gradient(135deg,#1d9a41,#167a32);font-weight:600;box-shadow:0 4px 20px #1d9a4166}.hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1a8f6a80}.hero-actions .btn-secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff40}.hero-actions .btn-secondary:hover{background:#fff3;border-color:#fff6}.hero-stats{gap:var(--space-10);display:flex}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-3xl);color:#fff;font-weight:800;display:block}.hero-stat-label{font-size:var(--text-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1)}.section{padding:100px 0}.section-gray{background:var(--bg-secondary)}.section-dark{background:linear-gradient(155deg,#031640,#0b3d91 50%,#1d9a41)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-eyebrow{font-size:var(--text-sm);color:var(--accent-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-weight:600}.section-title{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:800}.section-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.category-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);text-align:center;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.category-card:before{content:"";background:linear-gradient(135deg, var(--primary-500), var(--accent-500));height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.category-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-200);transform:translateY(-6px)}.category-card:hover:before{transform:scaleX(1)}.category-icon{width:68px;height:68px;margin:0 auto var(--space-5);border-radius:var(--radius-2xl);color:#fff;background:linear-gradient(135deg, var(--primary-500), var(--accent-500));transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px -6px #0b3d9173}.category-icon svg{width:32px;height:32px}.category-card:hover .category-icon{transform:scale(1.08)rotate(-3deg)}.category-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.products-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.product-placeholder-img{width:100%;height:100%;color:var(--text-tertiary);background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.product-placeholder-img svg{opacity:.6;width:52px;height:52px}.product-badge-featured{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);z-index:2;align-items:center;gap:5px;padding:4px 12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #1a8f6a4d}.product-badge-featured svg{width:12px;height:12px}.product-price-hidden{font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;gap:6px;font-style:italic;display:inline-flex}.product-price-hidden svg{width:14px;height:14px}.product-card-footer{padding-top:var(--space-3);margin-top:auto}.brands-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.brand-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4);text-align:center;transition:all var(--transition-base)}.brand-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-3px)}.brand-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.campaign-banner{background:linear-gradient(135deg, var(--primary-600), var(--accent-600));border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-10);text-align:center;color:#fff;position:relative;overflow:hidden}.campaign-banner:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-30%}.campaign-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;align-items:center;gap:6px;font-weight:600;display:inline-flex}.campaign-badge svg{width:15px;height:15px}.campaign-banner h3{font-size:var(--text-3xl);margin-bottom:var(--space-3);font-weight:800;position:relative}.campaign-banner p{font-size:var(--text-base);opacity:.9;margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto;position:relative}.campaign-banner .btn-primary{color:var(--primary-700);background:#fff;position:relative;box-shadow:0 4px 12px #0003}.campaign-banner .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{text-align:center;padding:var(--space-8) var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);transition:all var(--transition-base);position:relative}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{border-radius:var(--radius-xl);width:64px;height:64px;margin:0 auto var(--space-5);color:var(--primary-500);background:linear-gradient(135deg, var(--primary-50), var(--accent-50));transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.feature-icon svg{width:30px;height:30px}[data-theme=dark] .feature-icon{color:var(--accent-300);background:linear-gradient(135deg,#0b3d9133,#1a8f6a33)}.feature-card:hover .feature-icon{color:#fff;background:linear-gradient(135deg, var(--primary-500), var(--accent-500));box-shadow:0 10px 24px -8px #1d9a4180}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.contact-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.contact-info{gap:var(--space-6);flex-direction:column;display:flex}.contact-item{gap:var(--space-4);color:#fff;display:flex}.contact-icon{border-radius:var(--radius-xl);color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-icon svg{width:22px;height:22px}.contact-item strong{margin-bottom:var(--space-1);font-size:var(--text-xs);opacity:.6;text-transform:uppercase;letter-spacing:.06em;display:block}.contact-item p{font-size:var(--text-base)}.contact-item a{color:#fff;transition:opacity var(--transition-fast);text-decoration:none}.contact-item a:hover{opacity:.8;color:#fff}.contact-map{border-radius:var(--radius-2xl);overflow:hidden}.contact-map iframe{border-radius:var(--radius-2xl);border:0;width:100%;height:100%;min-height:300px}.map-placeholder{border-radius:var(--radius-2xl);justify-content:center;align-items:center;gap:var(--space-3);color:#fff;background:#ffffff1a;border:1px solid #fff3;flex-direction:column;height:100%;min-height:300px;font-size:48px;display:flex}.map-placeholder p{font-size:var(--text-sm);opacity:.7}.public-footer{padding:var(--space-10) 0;background:#060e1a;border-top:1px solid #1e30504d}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{align-items:center;gap:var(--space-3);display:flex}.footer-brand-img{border-radius:var(--radius-md);object-fit:cover;width:32px;height:32px}.footer-brand-name{color:var(--gray-300);font-weight:700;font-size:var(--text-sm)}.footer-copyright{color:var(--gray-500);font-size:var(--text-sm)}.footer-social{gap:var(--space-3);align-items:center;display:flex}.footer-social a{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--gray-400);font-size:var(--text-lg);transition:all var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;text-decoration:none;display:flex}.footer-social a:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px)}.footer-social a svg{width:18px;height:18px}.whatsapp-fab svg{width:30px;height:30px}@media (max-width:1024px){.category-grid,.products-grid{grid-template-columns:repeat(3,1fr)}.brands-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links,.nav-actions .btn{display:none}.nav-mobile-toggle{display:block}.hero{min-height:auto;padding-top:100px;padding-bottom:60px}.hero-title{font-size:2.25rem}.hero-description{font-size:var(--text-base)}.hero-stats{gap:var(--space-6);flex-wrap:wrap}.hero-stat-value{font-size:var(--text-2xl)}.hero-actions{flex-direction:column}.hero-actions .btn{text-align:center;width:100%}.section{padding:60px 0}.section-title{font-size:var(--text-2xl)}.section-header{margin-bottom:var(--space-10)}.category-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.category-card{padding:var(--space-5) var(--space-3)}.category-icon{width:56px;height:56px;margin-bottom:var(--space-4)}.category-icon svg{width:26px;height:26px}.products-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.brands-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.features-grid,.contact-grid{grid-template-columns:1fr}.footer-inner{gap:var(--space-4);text-align:center;flex-direction:column}.campaign-banner{padding:var(--space-8) var(--space-6)}.campaign-banner h3{font-size:var(--text-2xl)}}@media (max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}.brands-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:1.875rem}}.nav-mobile-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);padding:var(--space-6);opacity:0;visibility:hidden;z-index:999;background:#fffffff5;border-bottom:1px solid #dde3edcc;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;top:72px;left:0;right:0;transform:translateY(-10px);box-shadow:0 10px 30px #0000000d}[data-theme=dark] .nav-mobile-menu{background:#0a1628fa;border-bottom-color:#1e3050cc;box-shadow:0 10px 30px #0003}.nav-mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-links{gap:var(--space-4);flex-direction:column;display:flex}.mobile-menu-links a{color:var(--text-primary);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:600;text-decoration:none}.mobile-menu-links a:hover{background:var(--bg-secondary);color:var(--primary-500)}.mobile-menu-divider{background:var(--border-primary);height:1px;margin:var(--space-2) 0}