:root{--color-primary: #102744;--color-primary-light: #1a3a5c;--color-primary-dark: #0a1a2e;--color-secondary: #c6a15b;--color-secondary-light: #d5b878;--color-secondary-dark: #a8853f;--color-accent: #2a4a6c;--color-success: #2d8659;--color-warning: #d4a03f;--color-error: #c0392b;--color-neutral-900: #102744;--color-neutral-800: #1a3556;--color-neutral-700: #2a4a6c;--color-neutral-600: #5a6b7a;--color-neutral-500: #8a9aa8;--color-neutral-400: #b0bcc8;--color-neutral-300: #d4dce4;--color-neutral-200: #e4e9ee;--color-neutral-100: #f4f6f9;--color-neutral-50: #f9fafb;--color-whatsapp: #25d366;--color-whatsapp-dark: #1da851;--font-body: "Cairo", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .15);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-neutral-900);background:var(--color-neutral-50);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;outline:none}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
