@font-face{font-family:'Inter';font-display:swap}@font-face{font-family:'Oswald';font-display:swap}:root{--bg-primary: #080c14;--bg-secondary: #0f1724;--bg-tertiary: #182033;--surface: #1e293b;--accent: #e8721a;--accent-hover: #f0862e;--accent-secondary: #c41e1e;--text-primary: #f0f2f6;--text-secondary: #94a3b8;--text-muted: #5c6a7e;--border: #1e293b;--border-hover: #334155;--success: #10b981;--warning: #f59e0b;--whatsapp: #25d366;--container-max: 1280px;--container-narrow: 960px;--font-display: 'Oswald',sans-serif;--font-body: 'Inter',sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition: all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow-sm: 0 1px 3px rgba(0,0,0,0.3);--shadow-md: 0 4px 12px rgba(0,0,0,0.3);--shadow-lg: 0 12px 30px rgba(0,0,0,0.35);--shadow-accent: 0 4px 16px rgba(232,114,26,0.15);--shadow-glow: none}*,*: :before,*: :after{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth}body{font-family: var(--font-body);font-size: 16px;line-height: 1.7;color: var(--text-primary);background: var(--bg-primary);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden}img{max-width: 100%;height: auto;display: block}a{color: inherit;text-decoration: none;transition: var(--transition)}ul,ol{list-style: none}button{cursor: pointer;border: none;background: none;font-family: inherit;color: inherit}input,textarea,select{font-family: inherit;font-size: inherit}.container{max-width: var(--container-max);margin: 0 auto;padding: 0 24px}.container-narrow{max-width: var(--container-narrow);margin: 0 auto;padding: 0 24px}.reveal{opacity: 0;transform: translateY(20px);transition: opacity 0.35s ease,transform 0.35s ease}.reveal.visible{opacity: 1;transform: translateY(0)}.reveal-left{opacity: 0;transform: translateX(-30px);transition: opacity 0.4s ease,transform 0.4s ease}.reveal-left.visible{opacity: 1;transform: translateX(0)}.reveal-right{opacity: 0;transform: translateX(30px);transition: opacity 0.4s ease,transform 0.4s ease}.reveal-right.visible{opacity: 1;transform: translateX(0)}.reveal-scale{opacity: 0;transform: scale(0.95);transition: opacity 0.35s ease,transform 0.35s ease}.reveal-scale.visible{opacity: 1;transform: scale(1)}.stagger-1{transition-delay: 0.1s}.stagger-2{transition-delay: 0.2s}.stagger-3{transition-delay: 0.3s}.stagger-4{transition-delay: 0.4s}.stagger-5{transition-delay: 0.5s}.stagger-6{transition-delay: 0.6s}.img-reveal{position: relative;overflow: hidden}.img-reveal: :after{content: '';position: absolute;inset: 0;background: var(--accent);transform: translateX(-101%);transition: transform 0.8s cubic-bezier(0.16,1,0.3,1)}.img-reveal.visible: :after{transform: translateX(101%)}.img-reveal img{transform: scale(1.2);transition: transform 1.2s cubic-bezier(0.16,1,0.3,1) 0.2s}.img-reveal.visible img{transform: scale(1)}@keyframes heroFadeIn{from{opacity: 0;transform: translateY(40px)}to{opacity: 1;transform: translateY(0)}}@keyframes heroSlideIn{from{opacity: 0;transform: translateX(-30px)}to{opacity: 1;transform: translateX(0)}}.hero-anim-1{animation: heroFadeIn 0.8s ease-out 0.2s both}.hero-anim-2{animation: heroFadeIn 0.8s ease-out 0.4s both}.hero-anim-3{animation: heroFadeIn 0.8s ease-out 0.6s both}.hero-anim-4{animation: heroFadeIn 0.8s ease-out 0.8s both}@keyframes shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}.shimmer{background: linear-gradient(90deg,var(--bg-secondary) 25%,var(--surface) 50%,var(--bg-secondary) 75%);background-size: 200% 100%;animation: shimmer 2s infinite}@keyframes glowPulse{0%,100%{opacity: 1}50%{opacity: 0.85}}.header{position: fixed;top: 0;left: 0;right: 0;height: 80px;background: rgba(8,12,20,0.97);border-bottom: 1px solid rgba(30,41,59,0.6);z-index: 1000;transition: var(--transition)}.header.scrolled{height: 68px;background: rgba(8,12,20,0.97);box-shadow: 0 8px 32px rgba(0,0,0,0.4);border-bottom-color: rgba(232,114,26,0.15)}.header-inner{max-width: var(--container-max);margin: 0 auto;padding: 0 24px;height: 100%;display: flex;align-items: center;justify-content: space-between}.logo{display: flex;align-items: center;gap: 12px;font-family: var(--font-display);font-size: 24px;font-weight: 700;color: var(--text-primary);letter-spacing: 0.5px;transition: var(--transition)}.logo: hover{transform: scale(1.02)}.logo-icon{width: 42px;height: 42px;background: var(--accent);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;transition: var(--transition);box-shadow: 0 4px 12px rgba(232,114,26,0.3)}.logo: hover .logo-icon{box-shadow: 0 6px 20px rgba(232,114,26,0.5);transform: rotate(-5deg)}.logo-icon svg{width: 26px;height: 26px;fill: white}.logo span{color: var(--accent)}.logo img{height: 42px;width: auto}.nav-desktop{display: flex;align-items: center;gap: 32px}.nav-desktop a{font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-secondary);position: relative;padding: 8px 0}.nav-desktop a: :after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--accent);transition: width 0.35s cubic-bezier(0.4,0,0.2,1)}.nav-desktop a: hover{color: var(--accent)}.nav-desktop a: hover: :after{width: 100%}.nav-desktop a.active{color: var(--accent)}.nav-desktop a.active: :after{width: 100%}.header-cta{display: flex;align-items: center;gap: 10px}.btn-phone{display: flex;align-items: center;gap: 8px;padding: 10px 18px;border: 1.5px solid var(--accent);border-radius: var(--radius-full);color: var(--accent);font-size: 12px;font-weight: 600;transition: var(--transition)}.btn-phone: hover{background: var(--accent);color: white;transform: translateY(-2px);box-shadow: var(--shadow-accent)}.btn-whatsapp-header{display: flex;align-items: center;gap: 8px;padding: 10px 18px;background: var(--whatsapp);border-radius: var(--radius-full);color: white;font-size: 12px;font-weight: 600;transition: var(--transition)}.btn-whatsapp-header: hover{background: #1ea952;transform: translateY(-2px);box-shadow: 0 6px 24px rgba(37,211,102,0.4)}.hamburger{display: none;flex-direction: column;gap: 5px;padding: 8px;z-index: 1001}.hamburger span{display: block;width: 28px;height: 2px;background: var(--text-primary);transition: var(--transition);border-radius: 2px}.hamburger.active span: nth-child(1){transform: rotate(45deg) translate(5px,5px)}.hamburger.active span: nth-child(2){opacity: 0;transform: translateX(10px)}.hamburger.active span: nth-child(3){transform: rotate(-45deg) translate(5px,-5px)}.mobile-menu{position: fixed;top: 0;right: -100%;width: 340px;max-width: 85vw;height: 100vh;background: var(--bg-secondary);z-index: 999;padding: 100px 32px 32px;transition: right 0.5s cubic-bezier(0.16,1,0.3,1);border-left: 1px solid var(--border);overflow-y: auto}.mobile-menu.active{right: 0}.mobile-menu-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.7);z-index: 998;opacity: 0;visibility: hidden;transition: var(--transition);backdrop-filter: blur(4px)}.mobile-menu-overlay.active{opacity: 1;visibility: visible}.mobile-menu a{display: block;padding: 16px 0;font-size: 15px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-secondary);border-bottom: 1px solid var(--border);transition: var(--transition)}.mobile-menu a: hover,.mobile-menu a.active{color: var(--accent);padding-left: 12px}.mobile-menu .mobile-cta{margin-top: 24px;display: flex;flex-direction: column;gap: 12px}.mobile-menu .mobile-cta a{text-align: center;border: none;border-radius: var(--radius-full);padding: 14px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 28px;border-radius: var(--radius-full);font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;transition: var(--transition);cursor: pointer;position: relative;overflow: hidden}.btn: :before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transform: translateX(-100%);transition: transform 0.6s ease}.btn: hover: :before{transform: translateX(100%)}.btn-primary{background: var(--accent);color: white;border: 2px solid var(--accent)}.btn-primary: hover{background: var(--accent-hover);border-color: var(--accent-hover);transform: translateY(-3px);box-shadow: var(--shadow-accent)}.btn-secondary{background: transparent;color: var(--accent);border: 2px solid var(--accent)}.btn-secondary: hover{background: var(--accent);color: white;transform: translateY(-3px);box-shadow: var(--shadow-accent)}.btn-whatsapp{background: var(--whatsapp);color: white;border: 2px solid var(--whatsapp)}.btn-whatsapp: hover{background: #1ea952;border-color: #1ea952;transform: translateY(-3px);box-shadow: 0 6px 24px rgba(37,211,102,0.4)}.btn-white{background: white;color: var(--accent);border: 2px solid white}.btn-white: hover{background: transparent;color: white;transform: translateY(-3px)}.btn-full{width: 100%}.section{padding: 100px 0}.bg-secondary{background: var(--bg-secondary)}.section-header{text-align: center;margin-bottom: 64px}.section-header.left{text-align: left}.section-overline{display: inline-flex;align-items: center;gap: 12px;font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.12em;color: var(--accent);margin-bottom: 16px}.section-overline: :before{content: '';display: block;width: 24px;height: 2px;background: var(--accent)}.section-title{font-family: var(--font-display);font-size: 44px;font-weight: 600;line-height: 1.1;color: var(--text-primary);margin-bottom: 16px}.section-desc{font-size: 17px;color: var(--text-secondary);max-width: 600px;margin: 0 auto;line-height: 1.7}.section-header.left .section-desc{margin: 0}.hero{position: relative;min-height: 100vh;display: flex;align-items: center;justify-content: center;overflow: hidden;padding-top: 80px}.hero-bg{position: absolute;inset: 0;background-size: cover;background-position: center;z-index: 0}.hero-overlay{position: absolute;inset: 0;background: linear-gradient(135deg,rgba(8,12,20,0.94) 0%,rgba(8,12,20,0.88) 50%,rgba(232,114,26,0.08) 100%);z-index: 1}.hero-overlay: :after{content: '';position: absolute;inset: 0;background: radial-gradient(ellipse at 30% 50%,rgba(232,114,26,0.06) 0%,transparent 60%)}.hero-content{position: relative;z-index: 2;text-align: center;max-width: 860px;padding: 0 24px}.hero-overline{font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.2em;color: var(--accent);margin-bottom: 24px;display: block}.hero h1{font-family: var(--font-display);font-size: 68px;font-weight: 700;line-height: 1.05;color: var(--text-primary);margin-bottom: 24px}.hero h1 span{color: var(--accent)}.hero-desc{font-size: 18px;color: var(--text-secondary);line-height: 1.75;margin-bottom: 40px;max-width: 680px;margin-left: auto;margin-right: auto}.hero-buttons{display: flex;gap: 16px;justify-content: center;flex-wrap: wrap}.scroll-indicator{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 8px;color: var(--text-muted);font-size: 11px;text-transform: uppercase;letter-spacing: 0.12em;animation: bounceSmooth 2.5s infinite ease-in-out}.scroll-indicator svg{width: 24px;height: 24px;stroke: var(--text-muted)}@keyframes bounceSmooth{0%,100%{transform: translateX(-50%) translateY(0)}50%{transform: translateX(-50%) translateY(-12px)}}.badges-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px}.badge-card{background: var(--bg-tertiary);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 40px 24px;text-align: center;transition: var(--transition);position: relative;overflow: hidden}.badge-card: :before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--accent);transform: scaleX(0);transition: transform 0.4s cubic-bezier(0.4,0,0.2,1)}.badge-card: hover{border-color: var(--accent);transform: translateY(-10px);box-shadow: var(--shadow-lg)}.badge-card: hover: :before{transform: scaleX(1)}.badge-icon{width: 60px;height: 60px;margin: 0 auto 20px;background: rgba(232,114,26,0.08);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;color: var(--accent);transition: var(--transition)}.badge-card: hover .badge-icon{background: var(--accent);color: white;transform: scale(1.1) rotate(-5deg)}.badge-icon svg{width: 28px;height: 28px}.badge-title{font-family: var(--font-display);font-size: 18px;font-weight: 500;color: var(--text-primary);margin-bottom: 12px}.badge-desc{font-size: 14px;color: var(--text-secondary);line-height: 1.6}.stats-divider{width: 100%;height: 1px;background: linear-gradient(90deg,transparent,var(--border),transparent);margin: 64px 0 48px}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;text-align: center}.stat-number{font-family: var(--font-display);font-size: 52px;font-weight: 700;color: var(--accent);line-height: 1;margin-bottom: 8px}.stat-label{font-size: 14px;color: var(--text-secondary);font-weight: 500}.products-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px}.product-card{background: var(--bg-tertiary);border: 1px solid var(--border);border-radius: var(--radius-md);overflow: hidden;transition: var(--transition);position: relative}.product-card: :before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--accent);transform: scaleX(0);transition: transform 0.4s ease}.product-card: hover{border-color: var(--accent);transform: translateY(-10px);box-shadow: var(--shadow-lg)}.product-card: hover: :before{transform: scaleX(1)}.product-img{position: relative;overflow: hidden;aspect-ratio: 4/3}.product-img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s cubic-bezier(0.16,1,0.3,1)}.product-card: hover .product-img img{transform: scale(1.08)}.product-img-overlay{position: absolute;inset: 0;background: linear-gradient(to top,rgba(8,12,20,0.6),transparent);opacity: 0;transition: opacity 0.4s ease}.product-card: hover .product-img-overlay{opacity: 1}.product-content{padding: 28px}.product-title{font-family: var(--font-display);font-size: 20px;font-weight: 600;color: var(--text-primary);margin-bottom: 12px}.product-desc{font-size: 14px;color: var(--text-secondary);line-height: 1.6;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.product-link{display: inline-flex;align-items: center;gap: 6px;color: var(--accent);font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em}.product-link: hover{gap: 10px}.product-link svg{width: 16px;height: 16px}.gallery-grid{display: grid;grid-template-columns: repeat(4,1fr);grid-auto-rows: 220px;gap: 14px}.gallery-item{position: relative;border-radius: var(--radius-md);overflow: hidden;cursor: pointer;border: 1px solid var(--border);transition: var(--transition)}.gallery-item: nth-child(1){grid-column: span 2;grid-row: span 2}.gallery-item: nth-child(4){grid-column: span 2}.gallery-item: nth-child(5){grid-row: span 2}.gallery-item: hover{border-color: var(--accent);box-shadow: var(--shadow-md)}.gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s cubic-bezier(0.16,1,0.3,1)}.gallery-item: hover img{transform: scale(1.06)}.gallery-overlay{position: absolute;inset: 0;background: linear-gradient(to top,rgba(8,12,20,0.88) 0%,transparent 50%);display: flex;align-items: flex-end;padding: 24px;opacity: 0;transition: opacity 0.4s ease}.gallery-item: hover .gallery-overlay{opacity: 1}.gallery-overlay h4{font-family: var(--font-display);font-size: 16px;font-weight: 500;color: white}.gallery-zoom-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0.8);width: 48px;height: 48px;background: rgba(232,114,26,0.9);border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.4s cubic-bezier(0.16,1,0.3,1)}.gallery-item: hover .gallery-zoom-icon{opacity: 1;transform: translate(-50%,-50%) scale(1)}.gallery-zoom-icon svg{width: 20px;height: 20px;color: white}.faq-container{max-width: 800px;margin: 0 auto}.faq-item{border-bottom: 1px solid var(--border);background: var(--bg-tertiary);transition: var(--transition)}.faq-item: first-child{border-radius: var(--radius-md) var(--radius-md) 0 0}.faq-item: last-child{border-bottom: none;border-radius: 0 0 var(--radius-md) var(--radius-md)}.faq-item.active{background: var(--surface);border-left: 3px solid var(--accent)}.faq-question{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 24px;text-align: left;color: var(--text-primary);font-family: var(--font-display);font-size: 17px;font-weight: 500;transition: var(--transition)}.faq-question: hover{color: var(--accent)}.faq-icon{width: 28px;height: 28px;min-width: 28px;display: flex;align-items: center;justify-content: center;color: var(--accent);transition: transform 0.35s cubic-bezier(0.4,0,0.2,1)}.faq-item.active .faq-icon{transform: rotate(45deg)}.faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.5s cubic-bezier(0.16,1,0.3,1),padding 0.4s ease}.faq-item.active .faq-answer{max-height: 500px;padding: 0 24px 24px}.faq-answer p{color: var(--text-secondary);font-size: 15px;line-height: 1.8}.quote-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 64px;align-items: start}.quote-info h3{font-family: var(--font-display);font-size: 36px;font-weight: 600;color: var(--text-primary);margin-bottom: 20px;line-height: 1.2}.quote-info > p{color: var(--text-secondary);font-size: 16px;line-height: 1.8;margin-bottom: 32px}.quote-contact-list{display: flex;flex-direction: column;gap: 16px;margin-bottom: 32px}.quote-contact-item{display: flex;align-items: center;gap: 12px;color: var(--text-secondary);font-size: 15px}.quote-contact-item svg{width: 20px;height: 20px;color: var(--accent);flex-shrink: 0}.quote-contact-item a: hover{color: var(--accent)}.quote-trust{display: flex;gap: 16px;flex-wrap: wrap;font-size: 13px;color: var(--text-muted)}.quote-trust span{display: flex;align-items: center;gap: 6px}.quote-trust svg{width: 16px;height: 16px;color: var(--success)}.quote-form{background: var(--bg-secondary);border-radius: var(--radius-lg);padding: 40px;border: 1px solid var(--border);position: relative}.quote-form: :before{content: '';position: absolute;top: 0;left: 40px;right: 40px;height: 3px;background: var(--accent);border-radius: 0 0 4px 4px}.form-group{margin-bottom: 20px}.form-group label{display: block;font-size: 13px;font-weight: 500;color: var(--text-secondary);margin-bottom: 8px}.form-group label .required{color: var(--accent)}.form-control{width: 100%;padding: 14px 16px;background: var(--bg-primary);border: 1.5px solid var(--border);border-radius: var(--radius-sm);color: var(--text-primary);font-size: 15px;transition: var(--transition)}.form-control: :placeholder{color: var(--text-muted)}.form-control: focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 4px rgba(232,114,26,0.1)}textarea.form-control{min-height: 120px;resize: vertical}select.form-control{cursor: pointer;appearance: none;background-image: url("data: image/svg+xml,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e8721a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;padding-right: 40px}.form-success,.form-error{padding: 16px;border-radius: var(--radius-md);margin-bottom: 20px;font-size: 14px;display: none}.form-success{background: rgba(16,185,129,0.1);border: 1px solid var(--success);color: var(--success)}.form-error{background: rgba(196,30,30,0.1);border: 1px solid var(--accent-secondary);color: var(--accent-secondary)}.form-success.show,.form-error.show{display: block}.page-hero{position: relative;height: 420px;display: flex;align-items: center;justify-content: center;margin-top: 80px;overflow: hidden}.page-hero-bg{position: absolute;inset: 0;background-size: cover;background-position: center}.page-hero-overlay{position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(8,12,20,0.88) 0%,rgba(8,12,20,0.96) 100%)}.page-hero-content{position: relative;z-index: 2;text-align: center;padding: 0 24px}.page-hero h1{font-family: var(--font-display);font-size: 52px;font-weight: 700;color: var(--text-primary);margin-bottom: 16px;text-shadow: 0 4px 20px rgba(0,0,0,0.5)}.breadcrumb{display: flex;align-items: center;justify-content: center;gap: 12px;font-size: 14px;color: var(--text-muted)}.breadcrumb a{color: var(--text-secondary)}.breadcrumb a: hover{color: var(--accent)}.breadcrumb svg{width: 14px;height: 14px}.about-grid{display: grid;grid-template-columns: 1.2fr 1fr;gap: 64px;align-items: center}.about-content h2{font-family: var(--font-display);font-size: 38px;font-weight: 600;color: var(--text-primary);margin-bottom: 24px;line-height: 1.15}.about-content p{color: var(--text-secondary);font-size: 16px;line-height: 1.85;margin-bottom: 20px}.about-image{position: relative}.about-image img{border-radius: var(--radius-lg);width: 100%;box-shadow: var(--shadow-lg)}.about-stat-card{position: absolute;bottom: -24px;left: -24px;background: var(--accent);color: white;padding: 28px 32px;border-radius: var(--radius-md);box-shadow: var(--shadow-accent)}.about-stat-card .stat-number{color: white;font-size: 44px}.about-stat-card .stat-label{color: rgba(255,255,255,0.9);font-size: 14px}.values-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 32px}.value-card{text-align: center;padding: 40px 24px;border: 1px solid var(--border);border-radius: var(--radius-md);transition: var(--transition);position: relative;overflow: hidden}.value-card: :before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--accent);transform: scaleX(0);transition: transform 0.4s ease}.value-card: hover{background: var(--bg-tertiary);border-color: var(--accent);transform: translateY(-6px);box-shadow: var(--shadow-md)}.value-card: hover: :before{transform: scaleX(1)}.value-icon{width: 64px;height: 64px;margin: 0 auto 20px;background: rgba(232,114,26,0.08);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--accent);transition: var(--transition)}.value-card: hover .value-icon{background: var(--accent);color: white;transform: scale(1.1)}.value-icon svg{width: 32px;height: 32px}.value-title{font-family: var(--font-display);font-size: 20px;font-weight: 500;color: var(--text-primary);margin-bottom: 12px}.value-desc{font-size: 14px;color: var(--text-secondary);line-height: 1.65}.cta-banner{background: var(--accent);padding: 80px 0;text-align: center;position: relative;overflow: hidden}.cta-banner: :before{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 60%);animation: glowPulse 4s infinite ease-in-out}.cta-banner h2{font-family: var(--font-display);font-size: 44px;font-weight: 600;color: white;margin-bottom: 16px;position: relative}.cta-banner p{color: rgba(255,255,255,0.9);font-size: 18px;margin-bottom: 32px;position: relative}.product-detail-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 64px;align-items: start}.product-detail-image{border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--border);position: relative}.product-detail-image: :before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--accent);z-index: 2}.product-detail-image img{width: 100%;height: auto}.product-detail-info h1{font-family: var(--font-display);font-size: 38px;font-weight: 600;color: var(--text-primary);margin-bottom: 20px}.product-detail-info > p{color: var(--text-secondary);font-size: 16px;line-height: 1.8;margin-bottom: 28px}.feature-list{margin-bottom: 32px}.feature-list li{display: flex;align-items: center;gap: 12px;padding: 12px 0;color: var(--text-secondary);font-size: 15px;border-bottom: 1px solid var(--border)}.feature-list li: last-child{border-bottom: none}.feature-list svg{width: 20px;height: 20px;color: var(--success);flex-shrink: 0}.specs-table{width: 100%;border-collapse: collapse;margin-bottom: 32px;border: 1px solid var(--border);border-radius: var(--radius-md);overflow: hidden}.specs-table tr{border-bottom: 1px solid var(--border)}.specs-table tr: last-child{border-bottom: none}.specs-table tr: nth-child(odd){background: var(--bg-tertiary)}.specs-table tr: nth-child(even){background: var(--bg-secondary)}.specs-table td{padding: 14px 18px;font-size: 14px}.specs-table td: first-child{color: var(--text-muted);font-weight: 600;width: 40%}.specs-table td: last-child{color: var(--text-primary);font-weight: 500}.gallery-page-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.gallery-page-item{position: relative;border-radius: var(--radius-md);overflow: hidden;cursor: pointer;aspect-ratio: 4/3;border: 1px solid var(--border);transition: var(--transition)}.gallery-page-item: hover{border-color: var(--accent);box-shadow: var(--shadow-md)}.gallery-page-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s cubic-bezier(0.16,1,0.3,1)}.gallery-page-item: hover img{transform: scale(1.06)}.lightbox{position: fixed;inset: 0;background: rgba(0,0,0,0.96);z-index: 2000;display: none;align-items: center;justify-content: center;padding: 40px;backdrop-filter: blur(10px)}.lightbox.active{display: flex}.lightbox-img{max-width: 90vw;max-height: 85vh;object-fit: contain;border-radius: var(--radius-md);box-shadow: 0 20px 60px rgba(0,0,0,0.8)}.lightbox-close{position: absolute;top: 24px;right: 24px;width: 48px;height: 48px;background: rgba(255,255,255,0.08);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;transition: var(--transition)}.lightbox-close: hover{background: var(--accent)}.lightbox-close svg{width: 24px;height: 24px}.lightbox-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;background: rgba(255,255,255,0.08);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;transition: var(--transition)}.lightbox-nav: hover{background: var(--accent)}.lightbox-nav svg{width: 24px;height: 24px}.lightbox-prev{left: 24px}.lightbox-next{right: 24px}.lightbox-caption{position: absolute;bottom: 32px;left: 50%;transform: translateX(-50%);color: var(--text-secondary);font-size: 15px;background: rgba(0,0,0,0.6);padding: 8px 20px;border-radius: var(--radius-full)}.blog-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px}.blog-card{background: var(--bg-tertiary);border: 1px solid var(--border);border-radius: var(--radius-md);overflow: hidden;transition: var(--transition)}.blog-card: hover{border-color: var(--accent);transform: translateY(-8px);box-shadow: var(--shadow-lg)}.blog-img{position: relative;overflow: hidden;aspect-ratio: 16/10}.blog-img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.7s cubic-bezier(0.16,1,0.3,1)}.blog-card: hover .blog-img img{transform: scale(1.06)}.blog-category{position: absolute;top: 16px;left: 16px;background: var(--accent);color: white;padding: 4px 12px;border-radius: var(--radius-full);font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em}.blog-content{padding: 24px}.blog-meta{display: flex;gap: 16px;font-size: 13px;color: var(--text-muted);margin-bottom: 12px}.blog-title{font-family: var(--font-display);font-size: 20px;font-weight: 600;color: var(--text-primary);margin-bottom: 12px;line-height: 1.3}.blog-excerpt{font-size: 14px;color: var(--text-secondary);line-height: 1.7;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.blog-link{display: inline-flex;align-items: center;gap: 6px;color: var(--accent);font-size: 13px;font-weight: 600;margin-top: 16px;text-transform: uppercase;letter-spacing: 0.03em}.blog-link: hover{gap: 10px}.blog-detail-content{max-width: 780px;margin: 0 auto}.blog-detail-content h2{font-family: var(--font-display);font-size: 28px;font-weight: 600;color: var(--text-primary);margin: 40px 0 20px}.blog-detail-content h3{font-family: var(--font-display);font-size: 22px;font-weight: 500;color: var(--text-primary);margin: 32px 0 16px}.blog-detail-content p{color: var(--text-secondary);font-size: 16px;line-height: 1.85;margin-bottom: 20px}.blog-detail-content ul{list-style: disc;padding-left: 24px;margin-bottom: 20px}.blog-detail-content ul li{color: var(--text-secondary);font-size: 15px;line-height: 1.8;margin-bottom: 8px}.blog-detail-content blockquote{border-left: 3px solid var(--accent);padding: 16px 24px;margin: 28px 0;background: var(--bg-tertiary);border-radius: 0 var(--radius-md) var(--radius-md) 0;font-style: italic;color: var(--text-secondary)}.blog-detail-content strong{color: var(--text-primary)}.contact-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 48px}.contact-info-card{background: var(--bg-secondary);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 32px;transition: var(--transition)}.contact-info-card: hover{border-color: var(--accent);transform: translateY(-4px);box-shadow: var(--shadow-md)}.contact-info-icon{width: 56px;height: 56px;background: rgba(232,114,26,0.08);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;color: var(--accent);margin-bottom: 20px;transition: var(--transition)}.contact-info-card: hover .contact-info-icon{background: var(--accent);color: white}.contact-info-icon svg{width: 24px;height: 24px}.contact-info-card h4{font-family: var(--font-display);font-size: 18px;font-weight: 500;color: var(--text-primary);margin-bottom: 8px}.contact-info-card p{color: var(--text-secondary);font-size: 15px;line-height: 1.6}.map-container{width: 100%;height: 400px;border-radius: var(--radius-md);overflow: hidden;border: 1px solid var(--border);background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 12px;color: var(--text-muted)}.map-container svg{width: 48px;height: 48px;color: var(--accent)}.whatsapp-float{position: fixed;bottom: 24px;right: 24px;width: 60px;height: 60px;background: var(--whatsapp);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;z-index: 999;box-shadow: 0 6px 24px rgba(37,211,102,0.4);transition: var(--transition);animation: glowPulse 3s infinite ease-in-out}.whatsapp-float: hover{transform: scale(1.1);box-shadow: 0 8px 32px rgba(37,211,102,0.6)}.whatsapp-float svg{width: 30px;height: 30px}.footer-main{background: var(--bg-secondary);border-top: 1px solid var(--border);padding: 80px 0 48px}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1.5fr 1.5fr;gap: 48px}.footer-brand p{color: var(--text-muted);font-size: 14px;line-height: 1.7;margin-top: 20px}.footer-title{font-family: var(--font-display);font-size: 16px;font-weight: 600;color: var(--text-primary);margin-bottom: 24px;text-transform: uppercase;letter-spacing: 0.05em}.footer-links li{margin-bottom: 12px}.footer-links a{color: var(--text-muted);font-size: 14px;transition: var(--transition);display: inline-flex;align-items: center;gap: 8px}.footer-links a: :before{content: '';width: 0;height: 1px;background: var(--accent);transition: width 0.3s ease}.footer-links a: hover{color: var(--accent);padding-left: 4px}.footer-links a: hover: :before{width: 12px}.footer-contact li{display: flex;align-items: flex-start;gap: 12px;margin-bottom: 16px;color: var(--text-muted);font-size: 14px}.footer-contact svg{width: 18px;height: 18px;color: var(--accent);flex-shrink: 0;margin-top: 2px}.footer-contact a: hover{color: var(--accent)}.social-links{display: flex;gap: 10px}.social-links a{width: 40px;height: 40px;border-radius: 50%;border: 1.5px solid var(--border);display: flex;align-items: center;justify-content: center;color: var(--text-muted);transition: var(--transition)}.social-links a: hover{background: var(--accent);border-color: var(--accent);color: white;transform: translateY(-3px);box-shadow: var(--shadow-accent)}.social-links svg{width: 18px;height: 18px}.footer-bottom{background: var(--bg-primary);border-top: 1px solid var(--border);padding: 24px 0}@media (max-width: 1024px){.hero h1{font-size: 52px}.products-grid{grid-template-columns: repeat(2,1fr)}.blog-grid{grid-template-columns: repeat(2,1fr)}.about-grid{grid-template-columns: 1fr;gap: 40px}.about-image{order: -1;max-width: 600px;margin: 0 auto}.quote-grid{grid-template-columns: 1fr;gap: 40px}.gallery-grid{grid-template-columns: repeat(3,1fr);grid-auto-rows: 180px}.gallery-item: nth-child(1){grid-column: span 2;grid-row: span 2}.gallery-item: nth-child(4){grid-column: span 1}.gallery-item: nth-child(5){grid-row: span 1}}@media (max-width: 768px){.nav-desktop,.header-cta{display: none}.hamburger{display: flex}.hero{min-height: 90vh;padding-top: 70px}.hero h1{font-size: 36px}.hero-desc{font-size: 16px}.section{padding: 64px 0}.section-title{font-size: 32px}.badges-grid{grid-template-columns: 1fr;gap: 16px}.products-grid{grid-template-columns: 1fr}.blog-grid{grid-template-columns: 1fr}.gallery-grid{grid-template-columns: repeat(2,1fr);grid-auto-rows: 150px}.gallery-item: nth-child(1){grid-column: span 2;grid-row: span 2}.stats-grid{grid-template-columns: repeat(2,1fr);gap: 24px}.values-grid{grid-template-columns: 1fr}.page-hero{height: 320px}.page-hero h1{font-size: 36px}.product-detail-grid{grid-template-columns: 1fr;gap: 40px}.gallery-page-grid{grid-template-columns: repeat(2,1fr)}.contact-grid{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr 1fr;gap: 32px}.about-stat-card{left: 16px;bottom: -16px;padding: 20px 24px}.about-stat-card .stat-number{font-size: 32px}.cta-banner h2{font-size: 32px}}@media (max-width: 480px){.hero h1{font-size: 30px}.section-title{font-size: 28px}.hero-buttons{flex-direction: column;align-items: center}.hero-buttons .btn{width: 100%;max-width: 280px}.gallery-grid{grid-template-columns: 1fr;grid-auto-rows: 250px}.gallery-item: nth-child(1){grid-column: span 1;grid-row: span 1}.stat-number{font-size: 40px}.page-hero h1{font-size: 28px}.footer-grid{grid-template-columns: 1fr}.quote-form{padding: 28px 20px}.values-grid{gap: 16px}.gallery-page-grid{grid-template-columns: 1fr}.blog-grid{gap: 20px}.mobile-menu{width: 300px}}.text-center{text-align: center}.mt-16{margin-top: 16px}.mt-24{margin-top: 24px}.mt-32{margin-top: 32px}.mb-16{margin-bottom: 16px}.mb-24{margin-bottom: 24px}.hidden{display: none}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}@media (prefers-reduced-motion: reduce){*,*: :before,*: :after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity: 1;transform: none}}