body{font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
:root{--background:#fdfaf5;--foreground:#1c1410;--primary:#d4af37;--primary-hover:#f0d060;--primary-pressed:#c4a028;--secondary:#14b8a6;--secondary-hover:#5eead4;--secondary-pressed:#0d9488;--surface:#fff;--surface-hover:#f5efe0;--surface-sunken:#f8f1e1;--muted:#6b5e4e;--muted-2:#8c7e6b;--border:#9a5f082e;--border-strong:#9a5f0859;--card-bg:#ffffffd1;--card-border:#9a5f081f;--shadow-sm:0 1px 2px #1c14100f;--shadow-md:0 8px 28px #1c141014;--shadow-lg:0 20px 50px #1c14101f;--ring:0 0 0 3px #d4af3747;--kin-red:#c0392b;--kin-white:#6b7280;--kin-blue:#1f6fb2;--kin-yellow:#b8860b;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--primary-color:var(--background);--secondary-color:var(--surface);--accent-color:var(--secondary);--text-color:var(--foreground);--highlight-color:var(--primary);--gold:var(--primary);--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Fraunces", "Inter", serif;--transition-smooth:all .3s cubic-bezier(.25, 1, .5, 1);--transition-spring:transform .22s cubic-bezier(.34, 1.56, .64, 1);--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-full:9999px}[data-theme=dark]{--background:#0a0f1e;--foreground:#f8fafc;--surface:#0d1220;--surface-hover:#ffffff0f;--surface-sunken:#080c14;--muted:#94a3b8;--muted-2:#64748b;--border:#ffffff1a;--border-strong:#d4af3759;--card-bg:#141e32b3;--card-border:#ffffff14;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 28px #00000059;--shadow-lg:0 20px 50px #00000073;--ring:0 0 0 3px #d4af3759;--kin-red:#e74c3c;--kin-white:#e3e6e8;--kin-blue:#4fa3d8;--kin-yellow:#f1c40f;--success:#22c55e;--warning:#fbbf24;--danger:#ef4444;--info:#60a5fa;--primary-color:var(--background);--secondary-color:var(--surface);--text-color:var(--foreground)}*{box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background-color .3s,color .3s}h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2}h2{font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}h3{font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.3}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 8px 32px #0000001a}.glass-card:hover{border-color:#d4af3766;box-shadow:0 12px 40px #d4af3726}.btn-tactile{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s}.btn-tactile:active{transform:scale(.95)}.altai-gradient-text{background:linear-gradient(135deg,#d4af37 0%,#f3e5ab 50%,#d4af37 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.altai-gradient-cta{color:#fff;background:linear-gradient(135deg,#d4af37 0%,#9a5f08 50%,#14b8a6 100%)}.kin-gradient-text{background:linear-gradient(135deg, var(--kin-accent,var(--primary)) 0%, var(--primary) 60%, var(--kin-accent,var(--primary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-gold{box-shadow:0 0 20px #d4af374d}.glow-gold-strong{box-shadow:0 4px 24px #d4af3773}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:where(button,a,input,[tabindex]):focus-visible{box-shadow:var(--ring);border-radius:8px;outline:none}.App{text-align:center;flex-direction:column;min-height:100vh;display:flex}.home-container{background-color:var(--background);flex-direction:column;height:100vh;display:flex}.top-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.date-nav{align-items:center;gap:1rem;font-size:1.2rem;font-weight:600;display:flex}.date-nav button{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s}.date-nav button:hover{color:var(--gold)}.mi-fecha-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:.5rem 1.5rem;font-weight:700;transition:transform .2s,background-color .3s}.mi-fecha-btn:hover{background-color:var(--highlight-color);transform:scale(1.05)}.menu-bar{background-color:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;gap:1rem;padding:1rem;display:flex;overflow-x:auto}.menu-bar button{background:var(--card-bg);border:1px solid var(--border);color:var(--text-color);cursor:pointer;white-space:nowrap;letter-spacing:.5px;border-radius:8px;padding:.7rem 1.2rem;font-weight:500;transition:all .3s}.menu-bar button:hover{border-color:var(--gold);color:var(--gold);background-color:#ffffff26;transform:translateY(-2px)}.menu-bar button.active{background-color:var(--gold);color:var(--primary-color);border-color:var(--gold);font-weight:700;box-shadow:0 0 15px #ffd7004d}.home-main{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.kin-display{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;width:100%;max-width:600px;padding:3rem;box-shadow:0 8px 32px #0000005e}.tone-number{color:var(--gold);margin-bottom:1rem;font-size:2rem}.kin-glifo{filter:drop-shadow(0 0 10px #ffd70080);width:220px;height:220px;transition:transform .3s}.kin-glifo:hover{transform:scale(1.1)rotate(5deg)}.kin-display h2{color:var(--gold);margin:1rem 0;font-size:1.5rem}.mantra{margin:1.5rem 0;font-size:.9rem;font-style:italic;line-height:1.6}.expand-btn{color:var(--highlight-color);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.9rem}.expanded-info{text-align:left;background:#0003;border-radius:10px;margin-top:1.5rem;padding:1.5rem;animation:.5s fadeIn}.expanded-info p{border-bottom:1px solid #ffffff0d;margin:.5rem 0;padding-bottom:.5rem}.expanded-info strong{color:var(--gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bottom-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;justify-content:space-around;padding:1rem;display:flex}.bottom-banner button{cursor:pointer;color:var(--text-color);background:0 0;border:none;font-size:1.5rem;transition:transform .2s}.bottom-banner button:hover{color:var(--gold);transform:scale(1.2)}.bottom-banner img{width:30px;height:30px}.mayan-numeral{flex-direction:column;align-items:center;gap:5px;display:flex}.dots{letter-spacing:5px;font-size:2rem;line-height:1}.bars{letter-spacing:-2px;font-size:2rem;font-weight:700;line-height:.5}.loading{height:100vh;color:var(--gold);background-color:var(--primary-color);justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (max-width:768px){.top-banner{grid-template-columns:auto 1fr;grid-template-areas:"brand controls""datenav datenav";gap:.5rem;padding:.6rem .8rem}.top-banner__brand{grid-area:brand}.top-banner__brand .top-banner__logo{height:26px}.top-banner .date-controls{flex-wrap:nowrap;grid-area:controls;justify-content:flex-end;justify-self:end;gap:.4rem}.top-banner .date-nav{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--r-full);grid-area:datenav;justify-content:space-between;justify-self:stretch;width:100%;padding:.15rem}.top-banner .hoy-btn{padding:0 .75rem;font-size:.68rem}.top-banner__divider{display:none}.top-banner .lang-flag{width:22px;height:22px}.date-controls>.hoy-btn,.date-controls>.theme-toggle,.date-controls>.date-picker-container>button{min-height:40px}.date-controls .theme-toggle{width:40px;height:40px}.home-main{align-items:flex-start;padding:1rem 1rem 90px}.kin-display{margin-top:1rem;padding:1.5rem}.kin-display h2{font-size:clamp(1.2rem,4vw,1.5rem)}.tone-number{font-size:1.5rem}.kin-glifo{width:160px;height:160px}.mantra{font-size:.85rem}.menu-bar{z-index:1000;background-color:var(--surface);border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;width:100%;padding:.75rem .5rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));border-bottom:none;justify-content:flex-start;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.menu-bar button{align-items:center;min-height:48px;padding:.5rem 1.2rem;display:flex}.menu-bar button.active:after{top:-7px;bottom:auto}.bottom-banner{display:none}}