: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 rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 15px 35px rgba(0, 0, 0, .1), 0 5px 15px rgba(0, 0, 0, .07);--shadow-glow: 0 0 20px rgba(38, 198, 218, .3);--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{margin:0;padding:0;font-family:var(--font-family-primary);background:var(--gradient-dark);background-attachment:fixed;color:#333;line-height:1.6;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 0%,transparent 50%);background-size:60px 60px;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}#root{padding:var(--spacing-md);min-height:100vh;display:flex;flex-direction:column;position:relative}#root:before{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 40px 70px,rgba(38,198,218,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,213,79,.1),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.1),transparent);background-size:150px 100px;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:-1}@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);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-md) 0}ul{list-style:none;padding:0;margin:0}span.resultado{position:relative;width:100%;display:block}.resultado-enter{opacity:0;transform:translateY(30px) scale(.9);transition:all var(--transition-slow)}.resultado-enter-active{opacity:1;transform:translateY(0) scale(1)}.resultado-exit{opacity:1;transform:translateY(0) scale(1);transition:all var(--transition-slow);position:absolute;top:0;left:0;right:0}.resultado-exit-active{opacity:0;transform:translateY(-30px) scale(.9)}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@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:slideInUp .6s ease-out}.animate-slide-down{animation:slideInDown .6s ease-out}.animate-slide-left{animation:slideInLeft .6s ease-out}.animate-slide-right{animation:slideInRight .6s ease-out}.animate-fade-scale{animation:fadeInScale .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.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:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hover-shimmer:hover:before{left:100%}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md)}.glass-dark{background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md)}@media (max-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 (max-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: #ffffff;--text-color-muted: #a0a0a0;--bg-color: #1a1a1a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{animation:none}}@media print{body{background:#fff!important;color:#000!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);border-radius:4px;transition:background var(--transition-normal)}::-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{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#7fe0ed;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}