:root{--bg-dark: hsl(216 73% 91%);--bg: hsl(216 100% 97%);--bg-light: hsl(216 100% 100%);--text: hsl(224 100% 7%);--text-muted: hsl(216 34% 30%);--highlight: hsl(216 100% 100%);--border: hsl(216 24% 53%);--border-muted: hsl(216 34% 65%);--primary: hsl(216 57% 31%);--secondary: hsl(42 100% 15%);--danger: hsl(9 25% 41%);--warning: hsl(51 29% 33%);--success: hsl(148 24% 35%);--info: hsl(217 26% 42%);--bg-dark: oklch(.92 .03 258);--bg: oklch(.96 .03 258);--bg-light: oklch(1 .03 258);--text: oklch(.15 .06 258);--text-muted: oklch(.4 .06 258);--highlight: oklch(1 .06 258);--border: oklch(.6 .06 258);--border-muted: oklch(.7 .06 258);--primary: oklch(.4 .1 258);--secondary: oklch(.4 .1 78);--danger: oklch(.5 .06 30);--warning: oklch(.5 .06 100);--success: oklch(.5 .06 160);--info: oklch(.5 .06 260);--bg-0: var(--bg-light);--bg-1: var(--bg);--bg-2: var(--bg-dark);--text-primary: var(--text);--text-secondary: var(--text-muted);--color-primary: var(--primary);--color-secondary: var(--secondary);--color-tertiary: var(--danger);--color-accent: var(--info);--error: var(--danger);--shadow-sm: 0px 1px 2px rgba(0,0,0,.1), 0px 2px 4px rgba(0,0,0,.05);--shadow-md: 0px 1px 2px rgba(0,0,0,.2), 0px 4px 8px rgba(0,0,0,.1);--shadow-lg: 0px 2px 4px rgba(0,0,0,.3), 0px 8px 16px rgba(0,0,0,.15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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;--font-size-4xl: 2.5rem;--header-height: 80px;--footer-height: 60px;--border-radius: 12px;--border-radius-sm: 6px;--border-radius-lg: 16px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}:root.dark,body.dark,html{--bg-dark: hsl(227 93% 2%);--bg: hsl(218 70% 5%);--bg-light: hsl(216 45% 10%);--text: hsl(216 100% 98%);--text-muted: hsl(216 44% 72%);--highlight: hsl(216 26% 41%);--border: hsl(216 34% 30%);--border-muted: hsl(216 49% 20%);--primary: hsl(216 78% 74%);--secondary: hsl(37 56% 61%);--danger: hsl(9 31% 65%);--warning: hsl(52 22% 56%);--success: hsl(147 21% 58%);--info: hsl(217 34% 65%);--bg-dark: oklch(.1 .03 258);--bg: oklch(.15 .03 258);--bg-light: oklch(.2 .03 258);--text: oklch(.96 .06 258);--text-muted: oklch(.76 .06 258);--highlight: oklch(.5 .06 258);--border: oklch(.4 .06 258);--border-muted: oklch(.3 .06 258);--primary: oklch(.76 .1 258);--secondary: oklch(.76 .1 78);--danger: oklch(.7 .06 30);--warning: oklch(.7 .06 100);--success: oklch(.7 .06 160);--info: oklch(.7 .06 260);--bg-0: var(--bg);--bg-1: var(--bg-light);--bg-2: var(--bg-dark);--text-primary: var(--text);--text-secondary: var(--text-muted);--color-primary: var(--primary);--color-secondary: var(--secondary);--color-tertiary: var(--danger);--color-accent: var(--info);--error: var(--danger);--shadow-sm: 0px 1px 2px rgba(0,0,0,.4), 0px 2px 4px rgba(0,0,0,.2);--shadow-md: 0px 1px 2px rgba(0,0,0,.4), 0px 4px 8px rgba(0,0,0,.15);--shadow-lg: 0px 2px 4px rgba(0,0,0,.5), 0px 8px 16px rgba(0,0,0,.25)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--text-primary);background-color:var(--bg-0);transition:background-color var(--transition-base),color var(--transition-base);overflow:hidden;user-select:none;-webkit-user-select:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--highlight)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-0);color:var(--text-primary);min-height:100vh}#app{position:relative;min-height:100vh}.screen{display:none;flex-direction:column;min-height:100vh}.screen.active{display:flex}.header{padding:1rem;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.logo{height:60px;width:auto;filter:brightness(0) invert(1)}.header-title{font-size:1.5rem;font-weight:600;margin:0}.btn-back{position:absolute;left:1rem;background:var(--bg-2);border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.btn-back:hover,.btn-back:active{background:var(--bg-3);border-color:var(--primary)}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.main[id$=-container]{align-items:stretch;justify-content:stretch}#calendario-container{display:block;width:100%;padding:0}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;padding:0 2rem}.button-grid.three-cols{grid-template-columns:repeat(3,1fr)}.button-grid.four-cols{grid-template-columns:repeat(4,1fr)}.action-btn{aspect-ratio:1;background:var(--bg-1);border:2px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:1rem;font-weight:600;padding:1rem}.action-btn span{line-height:1.2}.action-btn small{font-size:.75rem;font-weight:400;color:var(--text-secondary);opacity:.8}.action-btn i{font-size:3rem;color:var(--primary)}.action-btn.primary{border-color:var(--primary);background:rgba(var(--primary-rgb, 59, 130, 246),.1)}.action-btn.primary i{color:var(--primary)}.action-btn:hover,.action-btn:active{background:var(--bg-2);border-color:var(--primary);transform:translateY(-2px)}.action-btn.primary:hover{background:rgba(var(--primary-rgb, 59, 130, 246),.15)}.footer{padding:.5rem;text-align:center;font-size:.75rem;color:var(--text-secondary);background:var(--bg-1);border-top:1px solid var(--border)}@media (max-width: 768px){.logo{height:50px}.button-grid{gap:.75rem;padding:0 .5rem}.button-grid.three-cols{grid-template-columns:1fr;max-width:400px}.button-grid.four-cols{grid-template-columns:repeat(2,1fr);max-width:400px}.action-btn{font-size:.875rem;aspect-ratio:auto;flex-direction:row;padding:1rem 1.25rem;gap:1rem}.action-btn i{font-size:2rem}.action-btn span,.action-btn small{text-align:left}}@media (min-width: 768px) and (max-width: 1024px){.button-grid.three-cols{grid-template-columns:repeat(3,1fr);max-width:700px}.action-btn i{font-size:2.5rem}}@media (min-width: 1920px){.logo{height:120px}.header{padding:1.5rem 2rem}.header-title{font-size:2.5rem}.btn-back{padding:1rem 1.25rem;font-size:1.75rem}.main{padding:3rem 4rem}.button-grid{gap:3rem;padding:0 4rem}.action-btn{font-size:2rem;padding:2rem;border-radius:20px;border-width:3px}.action-btn small{font-size:1.25rem}.action-btn i{font-size:6rem}.footer{padding:1rem;font-size:1rem}}@media (min-width: 3840px){.logo{height:180px}.header{padding:2rem 3rem}.header-title{font-size:4rem}.btn-back{padding:1.5rem 2rem;font-size:2.5rem;border-radius:12px}.main{padding:4rem 6rem}.button-grid{gap:4rem;padding:0 6rem}.action-btn{font-size:3rem;padding:3rem;border-radius:30px;border-width:4px;gap:1.5rem}.action-btn small{font-size:2rem}.action-btn i{font-size:10rem}.footer{padding:1.5rem;font-size:1.5rem}}