@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--gradient-hero: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 40%, #EFF6FF 70%, #F0F9FF 100%);--gradient-section-alt: linear-gradient(160deg, #F8FAFF 0%, #EFF6FF 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #F0F6FF 100%);--gradient-cta: linear-gradient(90deg, #1D4ED8 0%, #2563EB 50%, #0EA5E9 100%);--color-primary: #1D4ED8;--color-primary-light: #2563EB;--color-primary-dark: #1E3A5F;--color-accent: #0EA5E9;--color-surface: #FFFFFF;--color-surface-2: #EFF6FF;--color-bg: #F8FAFF;--color-border: #BFDBFE;--color-border-hover: #93C5FD;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-inverse: #FFFFFF;--color-usd: #1D4ED8;--color-zig: #059669;--color-zar: #7C3AED;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-whatsapp: #25D366;--color-whatsapp-hover: #20BA5A;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(10, 22, 40, .12);--shadow-lg: 0 8px 40px rgba(10, 22, 40, .18);--shadow-glow: 0 0 0 1px var(--color-accent), 0 8px 32px var(--color-accent-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,.logo,.hero-title,.display-text{font-family:var(--font-display);line-height:1.25}.mono,.sku,.code,.stat-number,.tag,.badge,.currency-value{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 1.5rem}.grid-bg{background-image:radial-gradient(circle,#2563EB22 1px,transparent 1px);background-size:28px 28px}.section-heading{border-left:3px solid var(--color-primary-light);padding-left:1rem;font-family:var(--font-display);font-weight:700;color:var(--color-text-primary)}.section-heading-light{border-left:3px solid var(--color-accent);padding-left:1rem;font-family:var(--font-display);font-weight:700;color:var(--color-text-inverse)}.glass-card{background:#ffffffd9;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s ease}.glass-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;border:none;position:relative;overflow:hidden;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-primary-light);color:var(--color-text-inverse)}.btn-primary:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);transform:skew(-15deg);transition:left .4s ease}.btn-primary:hover{background:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 20px #2563eb66}.btn-primary:hover:after{left:125%}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;border:2px solid var(--color-primary-light);color:var(--color-primary-light)}.btn-secondary:hover{background:var(--color-primary-light);color:var(--color-text-inverse);transform:translateY(-1px)}.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.5);color:var(--color-text-inverse)}.btn-ghost:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem;border-radius:var(--radius-md)}.tag-chip{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.75rem;font-weight:500;background:var(--color-surface-2);color:var(--color-primary-light);border:1px solid var(--color-border)}.tag-chip-dark{background:#2563eb26;color:var(--color-accent);border-color:#3b82f64d}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:.9375rem;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #2563eb1f}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-error{font-size:.8125rem;color:var(--color-error);display:flex;align-items:center;gap:.25rem}.form-textarea{resize:vertical;min-height:120px}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:#f1f5f9;color:#475569}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 8px #2563eb1a}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes gradientDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.w-full{width:100%}.hidden{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background:#2563eb33;color:var(--color-text-primary)}.services-dropdown-container{position:relative}.services-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #1e3a5f1f;padding:8px;z-index:1000;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.dropdown-item:hover{background:var(--color-surface-2);color:var(--color-primary)}.dropdown-item-icon{width:32px;height:32px;background:var(--color-surface-2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.whatsapp-float-btn{position:fixed;bottom:28px;right:28px;z-index:9999;background:var(--color-whatsapp);color:#fff;border-radius:50px;padding:12px 20px 12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 24px #25d36659;text-decoration:none;font-family:Inter,sans-serif;font-weight:600;font-size:14px;transition:all .2s ease}.whatsapp-float-btn:hover{background:var(--color-whatsapp-hover);transform:translateY(-2px);box-shadow:0 6px 32px #25d36673}@media(max-width:640px){.whatsapp-float-label{display:none}.whatsapp-float-btn{padding:14px;border-radius:50%}}.portfolio-card{perspective:1000px;cursor:pointer;height:280px}.portfolio-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-card.flipped .portfolio-card-inner{transform:rotateY(180deg)}.portfolio-card-front,.portfolio-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden}.portfolio-card-front{background:var(--gradient-card);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center}.portfolio-card-front .blur-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed8b3,#0ea5e980);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px}.portfolio-card-back{background:var(--color-surface);border:1px solid var(--color-primary);transform:rotateY(180deg);padding:24px;display:flex;flex-direction:column;justify-content:space-between}.product-image-container{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px 8px 0 0;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;position:relative}.product-image-container img{width:100%;height:100%;object-fit:contain;object-position:center;padding:12px;transition:transform .3s ease}.product-image-container:hover img{transform:scale(1.04)}.product-image-placeholder{width:64px;height:64px;color:var(--color-border-hover)}.btn-whatsapp-payment{background:var(--color-whatsapp);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;text-decoration:none;transition:background .2s;width:100%;margin-top:8px}.btn-whatsapp-payment:hover{background:var(--color-whatsapp-hover)}.marquee-wrapper{overflow:hidden;position:relative;width:100%}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--color-bg),transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--color-bg),transparent)}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 32s linear infinite}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:flex;align-items:center;justify-content:center;padding:0 3rem;flex-shrink:0;gap:10px;white-space:nowrap;color:var(--color-text-muted);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.01em;transition:color .2s;-webkit-user-select:none;user-select:none}.marquee-item:hover{color:var(--color-primary)}.marquee-item svg,.marquee-item img{width:28px;height:28px;opacity:.55;flex-shrink:0;transition:opacity .2s}.marquee-item:hover svg,.marquee-item:hover img{opacity:1}