@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#7b2d8e;--primary-light:#9b4dca;--primary-lighter:#c77dff;--primary-dark:#5a1d6a;--primary-glow:#7b2d8e66;--accent-green:#7ac943;--accent-yellow:#f5a623;--accent-cyan:#00bcd4;--accent-pink:#e91e63;--accent-blue:#2196f3;--accent-orange:#ff6d00;--accent-red:#e53935;--bg-body:#0a0612;--bg-dark:#0f0a1a;--bg-card:#16102a;--bg-card-hover:#1e1538;--bg-surface:#201840;--bg-elevated:#2a1f4a;--bg-input:#1a1230;--text-primary:#f5f0ff;--text-secondary:#b8a4d0;--text-muted:#6b5a80;--text-accent:#c77dff;--border-color:#7b2d8e33;--border-color-hover:#7b2d8e80;--border-color-focus:#7b2d8e;--gradient-hero:linear-gradient(135deg, #7b2d8e 0%, #2a1f4a 40%, #0a0612 100%);--gradient-card:linear-gradient(145deg, #16102a 0%, #1e1538 100%);--gradient-cta:linear-gradient(135deg, #7b2d8e 0%, #e91e63 100%);--gradient-accent:linear-gradient(135deg, #00bcd4 0%, #7ac943 100%);--gradient-gold:linear-gradient(135deg, #f5a623 0%, #ff6d00 100%);--gradient-rainbow:linear-gradient(90deg, #e53935, #f5a623, #7ac943, #00bcd4, #2196f3, #7b2d8e);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--primary-glow);--shadow-glow-lg:0 0 40px var(--primary-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.container-fluid{width:100%;padding:0 24px}.section{padding:80px 0}.section-title{background:var(--gradient-cta);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:48px;font-size:1.125rem}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.4);box-shadow:none!important;transform:none!important}.btn:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 15px #7b2d8e66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b2d8e99}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary);background:var(--bg-elevated)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);box-shadow:0 4px 15px #25d3664d}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36680}.btn-sm{padding:8px 16px;font-size:.8125rem}.btn-lg{padding:16px 32px;font-size:1.0625rem}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:.9375rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7b2d8e33}.input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:100px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23B8A4D0' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-lighter);background:#7b2d8e33}.badge-success{color:var(--accent-green);background:#7ac94326}.badge-warning{color:var(--accent-yellow);background:#f5a62326}.badge-danger{color:var(--accent-red);background:#e5393526}.badge-info{color:var(--accent-cyan);background:#00bcd426}.badge-new{background:var(--gradient-accent);color:#fff}.model-viewer-container{aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(ellipse at center, var(--bg-surface) 0%, var(--bg-dark) 100%);width:100%;position:relative;overflow:hidden}.model-viewer-container model-viewer{--poster-color:transparent;width:100%;height:100%}.model-viewer-container .loading-overlay{background:var(--bg-dark);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.glass{-webkit-backdrop-filter:blur(20px);background:#16102ab3;border:1px solid #7b2d8e26}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow), 0 0 60px #7b2d8e33}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rainbow-border{0%{border-color:#e53935}16%{border-color:#f5a623}33%{border-color:#7ac943}50%{border-color:#00bcd4}66%{border-color:#2196f3}83%{border-color:#7b2d8e}to{border-color:#e53935}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in-down{animation:.6s forwards fadeInDown}.animate-slide-right{animation:.5s forwards slideInRight}.animate-slide-left{animation:.5s forwards slideInLeft}.animate-scale-in{animation:.4s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@media (max-width:768px){.container{padding:0 16px}.section{padding:48px 0}.section-title{font-size:1.75rem}.section-subtitle{margin-bottom:32px;font-size:1rem}}@media (max-width:480px){.section-title{font-size:1.5rem}.btn-lg{padding:14px 24px;font-size:1rem}}
