@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary:#fdfcf8;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--accent-primary:#1e398d;--accent-secondary:#f25c05;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2}p{color:var(--text-secondary)}a{color:inherit;transition:color var(--transition-normal);text-decoration:none}ul{list-style:none}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 4%}.section-padding{padding:8rem 0}@media (width<=768px){.section-padding{padding:4rem 0}}.tonal-card{background-color:var(--bg-secondary);transition:transform var(--transition-normal), background-color var(--transition-normal);border:none;border-radius:8px}.tonal-card:hover{background-color:var(--bg-tertiary);transform:translateY(-4px)}.glass{-webkit-backdrop-filter:blur(12px);background:#fdfcf8e6;border-bottom:1px solid #0000000d}.btn{transition:all var(--transition-normal);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.875rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-secondary);color:#fff}.btn-primary:hover{background-color:#a83301;transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--accent-primary);color:#fff}@keyframes scrollBouncing{0%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(8px)}50%{opacity:0;transform:translateY(-8px)}75%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.fab-whatsapp{color:#fff;z-index:9999;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;transition:transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 14px #25d36666}.fab-whatsapp:hover{transform:scale(1.1)}.nav-link{color:var(--text-primary);align-items:center;gap:.4rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.nav-link.active,.nav-link:hover{color:var(--accent-secondary)}.nav-square{background-color:var(--accent-secondary);opacity:0;width:6px;height:6px;transition:opacity .3s;display:inline-block}.nav-link.active .nav-square,.nav-link:hover .nav-square,.nav-dropdown-container:hover .nav-link .nav-square{opacity:1}.nav-dropdown-container:hover .nav-link{color:var(--accent-secondary)}.dropdown-menu{border-left:3px solid var(--accent-secondary);z-index:200;background-color:#111317;border-radius:0 4px 4px 0;min-width:220px;margin:0;padding:1rem 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #00000026}.dropdown-menu li a{color:#fff;padding:.6rem 1.5rem;font-weight:500;text-decoration:none;transition:color .3s,padding-left .3s;display:block}.dropdown-menu li a:hover{color:var(--accent-secondary);padding-left:2rem}.btn-split{background-color:var(--accent-secondary);border-radius:4px 4px 20px;align-items:center;gap:18px;padding:6px 6px 6px 24px;text-decoration:none;transition:all .3s;display:inline-flex}.btn-split .text{color:#fff;font-size:.95rem;font-weight:600}.btn-split .icon{color:#fff;background-color:#111317;border-radius:4px 4px 16px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;transition:background-color .3s;display:flex}.btn-split:hover{background-color:#d14900;transform:translateY(-2px)}.btn-split:hover .icon{background-color:#000}.btn-split:active,.btn-split:focus-visible{background-color:#d14900;outline:none;transform:translateY(0)}.btn-split:active .icon,.btn-split:focus-visible .icon{background-color:#a83301}.btn-split.dark{background-color:#111317}.btn-split.dark .icon{background-color:var(--accent-secondary)}.btn-split.dark:hover{background-color:#000}.btn-split.dark:hover .icon{background-color:#d14900}.btn-split.dark:active,.btn-split.dark:focus-visible{background-color:#000;outline:none}.btn-split.dark:active .icon,.btn-split.dark:focus-visible .icon{background-color:#d14900}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;z-index:1001;background:0 0;border:none;display:none}.nav-menu-wrapper,.nav-links{align-items:center;gap:1.5rem;display:flex}@media (width<=1024px){.mobile-menu-toggle{color:var(--text-primary);justify-content:center;align-items:center;display:flex}.nav-menu-wrapper{background-color:var(--bg-secondary);opacity:0;visibility:hidden;flex-direction:column;align-items:flex-start;gap:0;width:100vw;max-height:calc(100vh - 80px);padding:1rem 4% 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 20px 30px #0000001a}.nav-menu-wrapper.mobile-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links{flex-direction:column;align-items:flex-start;gap:0;width:100%}.nav-link{border-bottom:1px solid #0000000d;width:100%;padding:1rem 0;font-size:1.15rem}.nav-dropdown-container{width:100%;padding:0}.nav-dropdown-container .nav-link{border-bottom:1px solid #0000000d}.dropdown-menu{box-shadow:none;background-color:var(--bg-tertiary);border-left:2px solid var(--accent-secondary);border-radius:4px;min-width:100%;margin-bottom:1rem;padding:.5rem 0;animation:none;position:static}.dropdown-menu li a{color:var(--text-primary);border-bottom:1px solid #00000008;width:100%;padding:.75rem 1.5rem;display:block}.dropdown-menu li:last-child a{border-bottom:none}.dropdown-menu li a:hover{color:var(--accent-secondary);background-color:#f25c050d;padding-left:1.5rem}.nav-action{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:1rem;display:flex}.nav-action button{align-self:flex-start}.nav-action .btn-split{justify-content:space-between;width:100%}}
