@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--primary:#00162d;--primary-container:#0f2b48;--primary-hover:#163e66;--on-primary:#fff;--on-primary-container:#7a93b5;--secondary:#0051d5;--secondary-container:#316bf3;--secondary-hover:#003ea8;--on-secondary:#fff;--secondary-fixed-dim:#b4c5ff;--safety-amber:#f59e0b;--safety-amber-hover:#d97706;--tertiary-fixed:#ffddb8;--tertiary-fixed-dim:#ffb95f;--on-tertiary-fixed:#2a1700;--surface:#f8f9ff;--surface-dim:#ccdbf4;--surface-bright:#f8f9ff;--surface-container-lowest:#fff;--surface-container-low:#eff4ff;--surface-container:#e6eeff;--surface-container-high:#dde9ff;--surface-container-highest:#d5e3fd;--on-surface:#0d1c2f;--on-surface-variant:#43474d;--outline:#74777e;--outline-variant:#c4c6ce;--border-light:#e2e8f0;--border-dark:#ffffff1f;--shadow-sm:0 1px 3px 0 #0f2b480f, 0 1px 2px -1px #0f2b480a;--shadow-md:0 4px 12px -2px #0f2b4814, 0 2px 6px -1px #0f2b480a;--shadow-lg:0 12px 24px -6px #0f2b481f, 0 4px 8px -2px #0f2b480f;--shadow-xl:0 20px 25px -5px #0f2b4826, 0 8px 10px -6px #0f2b4814;--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-spec:"Inter", monospace, system-ui, sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition:all .25s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;line-height:1.5}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-main);overflow-x:hidden}.bg-blueprint{background-image:radial-gradient(#316bf3 1px,#0000 1px);background-size:24px 24px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem}@media (width>=1024px){.container{padding:0 2.5rem}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.btn{font-family:var(--font-main);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--on-secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--secondary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-amber{background-color:var(--safety-amber);color:#0a192f;box-shadow:var(--shadow-sm);font-weight:700}.btn-amber:hover{background-color:var(--safety-amber-hover);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--primary);border-color:var(--outline-variant);background-color:#0000}.btn-outline:hover{background-color:var(--surface-container-low);border-color:var(--primary)}.btn-outline-white{color:var(--on-primary);background-color:#0000;border-color:#ffffff40}.btn-outline-white:hover{background-color:#ffffff1a;border-color:#fff}.btn-whatsapp{color:#fff;box-shadow:var(--shadow-sm);background-color:#25d366;font-weight:700}.btn-whatsapp:hover{box-shadow:var(--shadow-md);background-color:#20ba5a;transform:translateY(-1px)}.badge-code{font-family:var(--font-spec);letter-spacing:.06em;border-radius:var(--radius-xs);align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-navy{background-color:var(--primary);color:var(--on-primary)}.badge-amber{color:#854d0e;background-color:#fef08a;font-weight:700}.badge-blue{background-color:var(--surface-container-highest);color:var(--secondary);font-weight:600}.badge-neutral{background-color:var(--surface-container);color:var(--on-surface-variant)}.technical-card{background-color:var(--surface-container-lowest);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.technical-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-3px)}.form-input{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-xs);width:100%;height:44px;font-family:var(--font-main);color:var(--on-surface);transition:var(--transition);outline:none;padding:0 .85rem;font-size:.875rem}.form-input:focus{border-color:var(--secondary);background-color:#fff;box-shadow:0 0 0 2px #0051d533}.form-textarea{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-xs);width:100%;font-family:var(--font-main);color:var(--on-surface);transition:var(--transition);resize:vertical;outline:none;padding:.75rem .85rem;font-size:.875rem}.form-textarea:focus{border-color:var(--secondary);background-color:#fff;box-shadow:0 0 0 2px #0051d533}.form-label{color:var(--primary);margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#00162dbf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseSubtle{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-subtle{animation:2s ease-in-out infinite pulseSubtle}
