:root{--bg-page: #F8FAFC;--bg-surface: #FFFFFF;--bg-subtle: #F1F5F9;--bg-accent-tint: #EFF6FF;--bg-dark-hero: #0A192F;--brand-navy: #0A192F;--brand-navy-light: #1E293B;--brand-navy-dark: #060E1A;--brand-blue: #0055EE;--brand-blue-hover: #0044CC;--brand-blue-tint: #EFF6FF;--brand-gold: #F59E0B;--brand-gold-glow: #FEF3C7;--brand-gold-dark: #78350F;--ink-heading: #090D16;--ink-body: #1E293B;--ink-muted: #334155;--ink-subtle: #475569;--ink-inverse: #FFFFFF;--bg-paper: var(--bg-page);--bg-primary: var(--bg-page);--bg-secondary: var(--bg-surface);--bg-card: var(--bg-surface);--border-hairline: #CBD5E1;--border-subtle: #E2E8F0;--ink-primary: var(--ink-heading);--ink-secondary: var(--ink-body);--text-primary: var(--ink-heading);--text-secondary: var(--ink-body);--text-muted: var(--ink-muted);--accent: var(--brand-blue);--accent-tint: var(--brand-blue-tint);--wa-green: #075E54;--wa-green-hover: #05453E;--wa-green-glow: rgba(7, 94, 84, .25);--border-light: #CBD5E1;--border-brand: #93C5FD;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08);--shadow-card: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-float: 0 16px 32px -6px rgba(15, 23, 42, .15), 0 8px 12px -6px rgba(15, 23, 42, .08);--font-heading: "Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-meta: .8125rem;--text-body: clamp(.95rem, .9rem + .25vw, 1.0625rem);--text-body-lg: clamp(1.05rem, 1rem + .3vw, 1.1875rem);--text-h3: clamp(1.18rem, 1.1rem + .4vw, 1.4rem);--text-h2: clamp(1.4rem, 1.25rem + .75vw, 1.85rem);--text-h1: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--ink-body);line-height:1.7;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink-heading);line-height:1.25}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.25rem}.article-container{width:100%;max-width:760px;margin:0 auto;padding:0 1.25rem}.section-wrapper{padding:4rem 0}@media(max-width:640px){.section-wrapper{padding:2.75rem 0}.container{padding:0 1rem}}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:var(--text-meta);font-weight:600;letter-spacing:.01em}.badge-navy{background:var(--bg-dark-hero);color:#fff;border:1px solid rgba(255,255,255,.25);font-weight:700}.badge-blue{background:var(--brand-blue-tint);color:#1d4ed8;border:1px solid var(--border-brand);font-weight:700}.badge-gold{background:var(--brand-gold-glow);color:#78350f;border:1px solid #FCD34D;font-weight:700}.badge-emerald{background:#ecfdf5;color:#065f46;border:1px solid #6EE7B7;font-weight:700}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--brand-blue);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.95rem;padding:.85rem 1.65rem;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 2px 4px #06f3;transition:all .2s ease;min-height:48px;text-decoration:none}.btn-primary:hover,.btn-primary:active{background:var(--brand-blue-hover);box-shadow:0 4px 10px #0066ff4d;transform:translateY(-1px)}.btn-wa,.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--wa-green);color:#fff!important;font-family:var(--font-heading);font-weight:700;font-size:.95rem;padding:.85rem 1.65rem;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 14px #075e5459;transition:all .2s ease;min-height:48px;text-decoration:none}.btn-wa:hover,.btn-wa:active,.btn-whatsapp:hover,.btn-whatsapp:active{background:var(--wa-green-hover);box-shadow:0 6px 18px #075e5473;transform:translateY(-1px);color:#fff!important}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;color:var(--ink-heading);border:1.5px solid var(--border-light);font-family:var(--font-heading);font-weight:700;font-size:.9rem;padding:.75rem 1.35rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:44px;text-decoration:none}.btn-outline:hover{background:var(--bg-subtle);border-color:var(--brand-blue);color:var(--brand-blue)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-surface);color:var(--ink-heading);font-family:var(--font-heading);font-weight:600;font-size:.9rem;padding:.85rem 1.4rem;border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease;min-height:48px;text-decoration:none}.btn-secondary:hover{background:var(--bg-subtle);border-color:#cbd5e1}.editorial-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.editorial-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md)}.surface-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card)}.hardware-card{background:linear-gradient(145deg,#0a192f,#0f2a4a);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:2rem;color:#fff;box-shadow:var(--shadow-float);position:relative;overflow:hidden}.hardware-card:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(0,102,255,.25) 0%,transparent 70%);pointer-events:none}.article-lead{font-size:var(--text-body-lg);color:var(--ink-heading);line-height:1.8;font-weight:500;margin-bottom:1.5rem}.pull-quote{border-left:4px solid var(--brand-blue);background:var(--bg-accent-tint);padding:1.25rem 1.5rem;margin:2rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.pull-quote p{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--brand-navy);line-height:1.6}.pull-quote cite{display:block;font-size:.85rem;color:var(--ink-muted);margin-top:.5rem;font-style:normal;font-weight:500}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-family:var(--font-heading);font-weight:600;font-size:.9rem;color:var(--ink-heading);margin-bottom:.4rem}.form-input,.form-select{width:100%;padding:.85rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;color:var(--ink-heading);background:var(--bg-surface);transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #0066ff1f}.wa-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-light);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px #0f172a14;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(min-width:768px){.wa-sticky-bar{display:none}}