:root{--color-primary: #2E7D32;--color-primary-light: #4CAF50;--color-primary-dark: #1B5E20;--color-accent: #CC0000;--color-accent-light: #FF5252;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text: #212121;--color-text-secondary: #616161;--color-border: #E0E0E0;--color-campo1: #1565C0;--color-campo2: #E65100;--color-campo3: #2E7D32;--color-campo4: #6A1B9A;--color-campo5: #00838F;--color-campo6: #AD1457;--color-campo7: #5D4037;--color-success: #2E7D32;--color-warning: #F9A825;--color-error-soft: #FF8A65;--font-family: "Quicksand", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-speed: .3s;--transition-slow: .6s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;background:none;font-size:var(--font-size-base)}button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-weight:700;line-height:1.3}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:10000;font-weight:700;text-decoration:none}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors: active){button{border:1px solid ButtonText}}button,[role=button],a{min-height:44px;min-width:44px}button,[role=button],a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,[role=button]{user-select:none;-webkit-user-select:none}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.touch-manipulation{touch-action:manipulation}::selection{background:var(--color-primary-light);color:#fff}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 480px){html{font-size:15px}button,[role=button],a{min-height:48px;min-width:48px}}@media (min-width: 481px) and (max-width: 1024px){.activity-content{max-width:680px;margin:0 auto}}@media (max-height: 500px) and (orientation: landscape){.activity-header{padding:var(--space-xs) var(--space-sm)}}@media print{.no-print,nav,.no-print *{display:none!important}body{background:#fff!important}#printable-area{border:none!important;padding:0!important;margin:0!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes breatheIn{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes breatheCircle{0%{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:.9}to{transform:scale(.6);opacity:.4}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-30deg)}60%{opacity:1;transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(120px) rotate(720deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #2e7d3233}50%{box-shadow:0 0 0 8px #2e7d3200}}@keyframes progressFill{0%{width:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scoreBump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-slide-down{animation:slideDown var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-score-bump{animation:scoreBump .3s ease-out}.animate-star-1{animation:starPop .5s ease-out .1s both}.animate-star-2{animation:starPop .5s ease-out .3s both}.animate-star-3{animation:starPop .5s ease-out .5s both}.interactive-card{transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.interactive-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.interactive-card:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.btn-press{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-press:hover{box-shadow:var(--shadow-sm)}.btn-press:active{transform:scale(.96)}.btn-press:disabled{opacity:.5;transform:none;box-shadow:none}.card-elevated{box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease}.card-elevated:hover{box-shadow:var(--shadow-md)}.nav-active-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-primary);margin-top:2px;animation:fadeIn .3s ease-out}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.progress-animated{animation:progressFill var(--transition-slow) ease-out}@keyframes gentleShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.animate-shake{animation:gentleShake .4s ease-out}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(40px) scale(.95)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up-bounce{animation:slideUpBounce .45s cubic-bezier(.34,1.56,.64,1)}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.animate-slide-out-down{animation:slideOutDown .3s ease-in forwards}@keyframes rippleExpand{0%{transform:scale(0);opacity:.35}to{transform:scale(2.5);opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2e7d324d}50%{box-shadow:0 0 0 8px #2e7d3200}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.5)}}@keyframes confettiDrift{0%{opacity:1;transform:translateY(0) translate(0) rotate(0) scale(1)}25%{transform:translateY(40px) translate(15px) rotate(180deg) scale(.9)}50%{transform:translateY(90px) translate(-10px) rotate(360deg) scale(.8)}75%{opacity:.6;transform:translateY(140px) translate(20px) rotate(540deg) scale(.6)}to{opacity:0;transform:translateY(200px) translate(-5px) rotate(720deg) scale(.3)}}@keyframes fireworkBurst{0%{opacity:1;transform:translate(0) scale(0)}30%{opacity:1;transform:translate(var(--burst-x, 30px),var(--burst-y, -30px)) scale(1.2)}to{opacity:0;transform:translate(calc(var(--burst-x, 30px) * 1.5),calc(var(--burst-y, -30px) * 1.5 + 20px)) scale(0)}}@keyframes starSpin{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes speakingDot{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}@keyframes swipeHint{0%,to{opacity:0;transform:translate(0)}15%{opacity:.6}50%{opacity:.6;transform:translate(-20px)}85%{opacity:0}}.animate-swipe-hint{animation:swipeHint 2s ease-in-out 1s 2}.option-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.option-card:active{transform:scale(.95);box-shadow:0 1px 2px #0000000f}.option-card-correct{border-color:var(--color-success)!important;background-color:#e8f5e9!important;animation:successPulse .4s ease-out}.option-card-wrong{animation:gentleShake .4s ease-out}@keyframes scorePop{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.95)}to{transform:scale(1)}}.animate-score-pop{animation:scorePop .4s cubic-bezier(.34,1.56,.64,1)}.progress-bar-fill{transition:width .5s cubic-bezier(.34,1.56,.64,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));border-radius:inherit}