:root{--navy:#2c1810;--navy-light:#3d2b1f;--navy-medium:#4a3628;--accent:#e87a1e;--accent-light:#f09035;--accent-dark:#c96510;--tan:#b0a06a;--tan-light:#c4b680;--white:#fff;--gray-50:#faf8f5;--gray-100:#f3efe8;--gray-200:#e5dfd5;--gray-400:#9ca3af;--gray-600:#6b7280;--gray-800:#1f2937}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}.skip-link{z-index:200;background:var(--accent);color:var(--white);border-radius:0 0 6px 6px;padding:8px 16px;font-size:14px;font-weight:600;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:0}.container{max-width:1120px;margin:0 auto;padding:0 24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-80px)translate(20px)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes scrollBounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.animate-fade-up{opacity:0;animation:.8s ease-out forwards fadeUp}.animate-fade-down{opacity:0;animation:.6s ease-out forwards fadeDown}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.navbar{z-index:100;background:0 0;border-bottom:1px solid #0000;transition:background .4s,box-shadow .4s,border-color .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--accent);background:#2c1810f2;box-shadow:0 4px 24px #2c181040}.nav-content{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{align-items:center;transition:transform .3s;display:flex}.nav-logo:hover{transform:scale(1.05)}.nav-logo-img{object-fit:contain;background:#fffffff2;border-radius:8px;width:auto;height:44px;padding:4px 10px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#ffffffd9;letter-spacing:.3px;font-size:14px;font-weight:500;transition:color .3s,transform .3s;position:relative}.nav-links a:after{content:"";background:var(--accent);border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--accent)}.nav-cta{background:var(--accent);border-radius:6px;padding:8px 20px;color:var(--navy)!important;font-weight:600!important;transition:background .3s,transform .3s,box-shadow .3s!important}.nav-cta:after{display:none!important}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e87a1e4d;background:var(--accent-light)!important}.mobile-menu-btn{background:0 0;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu-btn span{background:var(--white);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.hero{background:linear-gradient(160deg, var(--navy) 0%, var(--navy-light) 50%, var(--navy-medium) 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-pattern{background-image:radial-gradient(circle at 20%,#e87a1e14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#e87a1e0d 0%,#0000 40%),radial-gradient(circle at 50% 80%,#e87a1e0f 0%,#0000 45%);position:absolute;inset:0}.hero-glow{filter:blur(80px);border-radius:50%;animation:6s ease-in-out infinite glowPulse;position:absolute}.glow-1{background:#e87a1e14;width:400px;height:400px;animation-delay:0s;top:10%;left:15%}.glow-2{background:#e87a1e14;width:300px;height:300px;animation-delay:2s;bottom:20%;right:10%}.glow-3{background:#e87a1e1a;width:200px;height:200px;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}.particles{pointer-events:none;position:absolute;inset:0}.particle{background:var(--accent);border-radius:50%;animation:linear infinite float;position:absolute}.hero-content{text-align:center;padding:80px 24px;position:relative}.hero-logo{margin-bottom:24px}.hero-logo img{background:#fffffff2;border-radius:16px;width:100%;max-width:480px;height:auto;margin:0 auto;padding:16px 24px;transition:transform .4s,box-shadow .4s;box-shadow:0 8px 32px #0003}.hero-logo:hover img{transform:scale(1.03);box-shadow:0 12px 40px #e87a1e40}.hero-badge{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;background:#e87a1e1f;border:1px solid #e87a1e40;border-radius:50px;margin-bottom:28px;padding:6px 20px;font-size:13px;font-weight:600;transition:background .3s,transform .3s;display:inline-block}.hero-badge:hover{background:#e87a1e33;transform:translateY(-2px)}.hero-title{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:20px;font-weight:600}.hero-desc{color:#ffffffbf;max-width:560px;margin:0 auto 40px;font-size:17px;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.scroll-indicator{border:2px solid #e87a1e66;border-radius:12px;justify-content:center;width:24px;height:40px;padding-top:6px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-dot{background:var(--accent);border-radius:2px;width:4px;height:8px;animation:1.8s ease-in-out infinite scrollBounce}.btn{letter-spacing:.3px;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-whatsapp{color:#fff;background:#25d366}.btn-whatsapp:hover{background:#1fb855;transform:translateY(-3px);box-shadow:0 10px 32px #25d36659}.btn-outline{color:var(--white);background:0 0;border:1.5px solid #ffffff4d}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 32px #e87a1e26}.btn-navy{color:var(--white);background:#ffffff1a;border:1.5px solid #ffffff26}.btn-navy:hover{background:var(--accent);color:var(--navy);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 32px #e87a1e4d}.btn-instagram{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.btn-instagram:hover{transform:translateY(-3px);box-shadow:0 10px 32px #dc274359}.section-header{text-align:center;margin-bottom:56px}.section-label{color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.section-label.light{color:var(--accent-light)}.section-header h2{color:var(--navy);letter-spacing:-.5px;margin-bottom:16px;font-size:36px;font-weight:700}.section-header h2:after{content:"";background:linear-gradient(90deg, var(--accent), var(--tan));border-radius:2px;width:48px;height:3px;margin:12px auto 0;display:block}.contact .section-header h2{color:var(--white)}.section-header p{color:var(--gray-600);max-width:480px;margin:0 auto;font-size:17px}.contact .section-header p{color:#ffffffb3}.services{background:var(--gray-50);padding:100px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.service-img{width:100%;height:200px;overflow:hidden}.service-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.service-card:hover .service-img img{transform:scale(1.05)}.service-body{padding:28px 24px 32px}.service-card:hover{border-color:#e87a1e4d;transform:translateY(-8px);box-shadow:0 24px 56px #0a16281a}.service-card.featured{border-color:var(--accent);box-shadow:0 8px 32px #e87a1e1f}.service-card.featured:hover{transform:translateY(-8px);box-shadow:0 24px 56px #e87a1e2e}.featured-badge{background:var(--accent);color:var(--white);letter-spacing:.5px;text-transform:uppercase;z-index:2;border-radius:50px;padding:4px 14px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pulse;position:absolute;top:12px;right:12px}.service-icon{width:56px;height:56px;color:var(--accent);background:linear-gradient(135deg,#e87a1e1f,#e87a1e0a);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;transition:transform .4s,background .4s;display:flex}.service-card:hover .service-icon{background:linear-gradient(135deg,#e87a1e33,#e87a1e14);transform:scale(1.1)rotate(-3deg)}.service-card h3{color:var(--navy);margin-bottom:12px;font-size:20px;font-weight:700}.service-card>p{color:var(--gray-600);margin-bottom:20px;font-size:15px;line-height:1.65}.shipping-times{background:#e87a1e0f;border:1px solid #e87a1e26;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:20px;padding:14px 16px;transition:border-color .3s;display:flex}.service-card:hover .shipping-times{border-color:#e87a1e59}.shipping-option{align-items:center;gap:10px;display:flex}.shipping-option div{flex-direction:column;display:flex}.shipping-option strong{color:var(--navy);letter-spacing:.3px;font-size:13px;font-weight:700}.shipping-option span{color:var(--gray-600);font-size:12px}.service-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.service-features li{color:var(--gray-600);padding-left:20px;font-size:14px;transition:transform .3s,color .3s;position:relative}.service-card:hover .service-features li{color:var(--gray-800)}.service-features li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;transition:transform .3s;position:absolute;top:7px;left:0}.service-card:hover .service-features li:before{transform:scale(1.3)}.catalogue{background:var(--white);padding:100px 0}.catalogue-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.catalogue-tab{background:var(--gray-50);color:var(--gray-600);border:1.5px solid var(--gray-200);cursor:pointer;white-space:nowrap;border-radius:50px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.catalogue-tab:hover{color:var(--accent);border-color:var(--accent)}.catalogue-tab.active{background:var(--accent);color:var(--navy);border-color:var(--accent)}.catalogue-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card{background:var(--gray-50);border:1px solid var(--gray-200);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:28px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.product-card:hover{border-color:#e87a1e4d;transform:translateY(-8px);box-shadow:0 24px 56px #0a16281a}.product-emoji{margin-bottom:16px;font-size:48px;line-height:1;transition:transform .4s}.product-card:hover .product-emoji{transform:scale(1.15)rotate(-3deg)}.product-tag{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;background:#e87a1e1a;border-radius:50px;margin-bottom:12px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.product-card h3{color:var(--navy);margin-bottom:8px;font-size:17px;font-weight:700}.product-card p{color:var(--gray-600);flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.5}.product-card--grouped{background:linear-gradient(135deg, var(--gray-50), #e87a1e0a);border-color:#e87a1e40}.product-card--grouped .product-emoji{font-size:42px}.product-subcategories{flex-direction:column;gap:6px;width:100%;margin:0 0 20px;padding:0;list-style:none;display:flex}.product-subcategories li{color:var(--accent);text-align:center;background:#e87a1e14;border-radius:50px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .3s,transform .3s}.product-card:hover .product-subcategories li{background:#e87a1e24}.product-order-btn{color:#fff;letter-spacing:.3px;background:#25d366;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.product-order-btn:hover{background:#1fb855;transform:translateY(-2px);box-shadow:0 8px 24px #25d36659}.about{background:var(--white);padding:100px 0}.about-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;display:grid}.about-content .section-label{text-align:left}.about-content h2{color:var(--navy);letter-spacing:-.5px;margin-bottom:20px;font-size:36px;font-weight:700}.about-content p{color:var(--gray-600);margin-bottom:16px;font-size:16px;line-height:1.7}.about-stats{border-top:1px solid var(--gray-200);gap:32px;margin-top:32px;padding-top:32px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-number{color:var(--navy);font-size:24px;font-weight:800;transition:color .3s}.stat:hover .stat-number{color:var(--accent)}.stat-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.about-visual{flex-direction:column;gap:20px;display:flex}.about-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1)}.about-card:hover{border-color:#e87a1e4d;transform:translateY(-4px);box-shadow:0 16px 40px #0a162814}.about-card-icon{margin-bottom:16px;transition:transform .4s}.about-card:hover .about-card-icon{transform:scale(1.1)}.about-card h4{color:var(--navy);margin-bottom:8px;font-size:18px;font-weight:700}.about-card p{color:var(--gray-600);font-size:14px;line-height:1.6}.contact{background:linear-gradient(160deg, var(--navy) 0%, var(--navy-light) 100%);padding:100px 0;position:relative;overflow:hidden}.qr-codes-row{flex-wrap:wrap;justify-content:center;gap:48px;margin-bottom:48px;display:flex}.qr-section{text-align:center}.qr-label{color:var(--accent);letter-spacing:.3px;margin-bottom:20px;font-size:15px;font-weight:600}.qr-code{background:var(--white);border-radius:16px;padding:12px;transition:transform .4s,box-shadow .4s;display:inline-block;box-shadow:0 8px 32px #0003}.qr-code:hover{transform:scale(1.05);box-shadow:0 16px 48px #e87a1e40}.qr-number{color:#ffffffb3;margin-top:14px;font-size:14px;font-weight:500}.contact-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.contact-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.contact-card:hover{background:#ffffff1a;border-color:#e87a1e59;transform:translateY(-6px);box-shadow:0 16px 40px #00000040}.contact-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .4s;display:flex}.contact-card:hover .contact-icon{transform:scale(1.1)}.contact-icon.whatsapp{color:#25d366;background:#25d36626}.contact-icon.email{color:var(--accent);background:#e87a1e26}.contact-icon.phone{color:#3b82f6;background:#3b82f626}.contact-icon.instagram{color:#e6683c;background:#dc274326}.contact-label{color:var(--white);font-size:16px;font-weight:700}.contact-detail{color:#fff9;word-break:break-all;font-size:13px;transition:color .3s}.contact-card:hover .contact-detail{color:var(--accent)}.contact-link{transition:color .3s}.contact-link:hover{color:var(--accent)!important}.footer{background:#1a0e08;border-top:1px solid #e87a1e33;padding:48px 0 32px}.footer-content{text-align:center}.footer-logo-img{background:#fffffff2;border-radius:10px;max-width:200px;height:auto;margin:0 auto 12px;padding:8px 16px;box-shadow:0 2px 12px #00000026}.footer-contact{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;gap:24px;margin:24px 0;padding:24px 0;display:flex}.footer-contact a{color:#fff9;font-size:13px;transition:color .3s,transform .3s}.footer-contact a:hover{color:var(--accent-light);transform:translateY(-1px)}.footer-bottom p{color:#fff6;font-size:13px}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.catalogue-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(16px);background:#2c1810fa;border-bottom:1px solid #e87a1e33;flex-direction:column;gap:16px;padding:24px;animation:.3s ease-out fadeDown;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open{display:flex}.nav-links a:after{display:none}.nav-cta{text-align:center;width:100%;display:block}.mobile-menu-btn{display:flex}.services-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.hero-logo img{max-width:320px;padding:12px 20px}.hero-title{font-size:16px}.hero-desc{font-size:15px}.hero-content{padding:48px 20px}.hero-buttons{flex-direction:column;align-items:stretch}.btn{justify-content:center}.services,.catalogue,.about,.contact{padding:64px 0}.section-header h2{font-size:28px}.section-header{margin-bottom:40px}.catalogue-grid{grid-template-columns:repeat(2,1fr)}.about-stats{gap:20px}.about-content h2{font-size:28px}.contact-buttons{grid-template-columns:1fr 1fr}.footer-contact{flex-direction:column;gap:12px}.scroll-indicator{display:none}}@media (width<=480px){.catalogue-grid,.contact-buttons{grid-template-columns:1fr}.about-stats{flex-direction:column;gap:16px}.hero-logo img{max-width:260px;padding:10px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.animate-fade-up,.animate-fade-down{opacity:1}.hero-logo img{box-shadow:0 4px 16px #00000026}}