:root{--primary-color:#00838f;--primary-light:#26c6da;--primary-dark:#006064;--secondary-color:#ff6b35;--accent-color:#ffd54f;--gradient-primary:linear-gradient(135deg, #26c6da 0%, #00838f 50%, #006064 100%);--gradient-secondary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-background:linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);--gradient-dark:linear-gradient(135deg, #000428 0%, #004e92 100%);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading:"Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #0000003d;--shadow-md:0 3px 6px #00000026, 0 2px 4px #0000001f;--shadow-lg:0 10px 20px #00000026, 0 3px 6px #0000001a;--shadow-xl:0 15px 35px #0000001a, 0 5px 15px #00000012;--shadow-glow:0 0 20px #26c6da4d;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:32px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}*{box-sizing:border-box}html{box-sizing:border-box;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-primary);background:var(--gradient-dark);color:#333;background-image:radial-gradient(circle at 25% 25%,#ffffff05 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff05 0%,#0000 50%);background-size:60px 60px;background-attachment:fixed;min-height:100vh;margin:0;padding:0;line-height:1.6;animation:20s ease-in-out infinite backgroundShift;overflow-x:hidden}@keyframes backgroundShift{0%,to{background-position:0 0}50%{background-position:100% 100%}}#root{padding:var(--spacing-md);flex-direction:column;min-height:100vh;display:flex;position:relative}#root:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#26c6da1a,#0000),radial-gradient(1px 1px at 90px 40px,#ffd54f1a,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff1a,#0000);background-size:150px 100px;animation:6s ease-in-out infinite float;position:fixed;inset:0}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(5px)rotate(-1deg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:1.2}ul{margin:0;padding:0;list-style:none}span.resultado{width:100%;display:block;position:relative}.resultado-enter{opacity:0;transition:all var(--transition-slow);transform:translateY(30px)scale(.9)}.resultado-enter-active{opacity:1;transform:translateY(0)scale(1)}.resultado-exit{opacity:1;transition:all var(--transition-slow);position:absolute;top:0;left:0;right:0;transform:translateY(0)scale(1)}.resultado-exit-active{opacity:0;transform:translateY(-30px)scale(.9)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #26c6da80}50%{box-shadow:0 0 20px #26c6dacc,0 0 30px #26c6da66}}.animate-slide-up{animation:.6s ease-out slideInUp}.animate-slide-down{animation:.6s ease-out slideInDown}.animate-slide-left{animation:.6s ease-out slideInLeft}.animate-slide-right{animation:.6s ease-out slideInRight}.animate-fade-scale{animation:.5s ease-out fadeInScale}.animate-pulse{animation:2s infinite pulse}.animate-glow{animation:2s ease-in-out infinite alternate glow}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.hover-glow{transition:all var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.hover-shimmer{position:relative;overflow:hidden}.hover-shimmer:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hover-shimmer:hover:before{left:100%}.glass{-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius-md);background:#ffffff1a;border:1px solid #ffffff1a}.glass-dark{-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius-md);background:#0003;border:1px solid #ffffff1a}@media (width<=768px){#root{padding:var(--spacing-sm)}:root{--font-size-3xl:1.75rem;--font-size-2xl:1.25rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem}}@media (width<=480px){:root{--font-size-3xl:1.5rem;--font-size-2xl:1.125rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem}}@media (prefers-color-scheme:dark){:root{--text-color:#fff;--text-color-muted:#a0a0a0;--bg-color:#1a1a1a}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:before{animation:none}}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}*{box-shadow:none!important;text-shadow:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gradient-primary);transition:background var(--transition-normal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:var(--border-radius-sm)}.sk-circle{width:40px;height:40px;margin:100px auto;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;top:0;left:0}.sk-circle .sk-child:before{content:"";background-color:#7fe0ed;border-radius:100%;width:15%;height:15%;margin:0 auto;animation:1.2s ease-in-out infinite both sk-circleBounceDelay;display:block}.sk-circle .sk-circle2{transform:rotate(30deg)}.sk-circle .sk-circle3{transform:rotate(60deg)}.sk-circle .sk-circle4{transform:rotate(90deg)}.sk-circle .sk-circle5{transform:rotate(120deg)}.sk-circle .sk-circle6{transform:rotate(150deg)}.sk-circle .sk-circle7{transform:rotate(180deg)}.sk-circle .sk-circle8{transform:rotate(210deg)}.sk-circle .sk-circle9{transform:rotate(240deg)}.sk-circle .sk-circle10{transform:rotate(270deg)}.sk-circle .sk-circle11{transform:rotate(300deg)}.sk-circle .sk-circle12{transform:rotate(330deg)}.sk-circle .sk-circle2:before{animation-delay:-1.1s}.sk-circle .sk-circle3:before{animation-delay:-1s}.sk-circle .sk-circle4:before{animation-delay:-.9s}.sk-circle .sk-circle5:before{animation-delay:-.8s}.sk-circle .sk-circle6:before{animation-delay:-.7s}.sk-circle .sk-circle7:before{animation-delay:-.6s}.sk-circle .sk-circle8:before{animation-delay:-.5s}.sk-circle .sk-circle9:before{animation-delay:-.4s}.sk-circle .sk-circle10:before{animation-delay:-.3s}.sk-circle .sk-circle11:before{animation-delay:-.2s}.sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
