:root{--navbar-height: 60px}.navbar-container{padding:.75rem;position:sticky;top:.75rem;z-index:50;transition:background-color .3s ease}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--clr-bg);border-radius:9999px;padding:.5rem 1.5rem;box-shadow:var(--shadow-dark),var(--shadow-light);max-width:1100px;height:var(--navbar-height);margin:0 auto;transition:all .3s ease}.nav-logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--clr-primary);text-decoration:none;transition:transform .2s ease-out;flex-shrink:0}.nav-logo:hover{transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{font-family:var(--font-sans);font-weight:600;color:var(--clr-text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s ease-out;padding:.4rem .8rem;border-radius:9999px;position:relative;border:none;background-color:transparent;box-shadow:none}.nav-link:hover{color:var(--clr-primary);background-color:#8080800d;transform:translateY(-1px)}.nav-link.active{color:var(--clr-primary);background-color:var(--clr-bg);box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light);font-weight:700;transform:translateY(0)}.navbar-controls{display:flex;align-items:center;gap:.75rem}.theme-toggle-button{background-color:var(--clr-bg);border:none;cursor:pointer;color:var(--clr-text-secondary);padding:.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-out;box-shadow:var(--shadow-dark),var(--shadow-light)}.theme-toggle-button:hover{color:var(--clr-primary);transform:scale(1.1);box-shadow:6px 6px 12px #c8c8c8,-6px -6px 12px var(--clr-highlight)}.theme-toggle-button:active{box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light);transform:scale(.95);color:var(--clr-primary)}.theme-toggle-button svg{width:18px;height:18px}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background-color:var(--clr-bg);border:none;border-radius:50%;padding:6px;cursor:pointer;box-shadow:var(--shadow-dark),var(--shadow-light);transition:all .3s ease-out;z-index:60}.menu-toggle:hover{box-shadow:6px 6px 12px #c8c8c8,-6px -6px 12px var(--clr-highlight)}.menu-toggle:active{box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light)}.hamburger-line{width:100%;height:2px;background-color:var(--clr-text-secondary);border-radius:2px;transition:all .3s ease-out}.menu-toggle.active .line-1{transform:rotate(45deg) translate(4px,4px);background-color:var(--clr-primary)}.menu-toggle.active .line-2{opacity:0}.menu-toggle.active .line-3{transform:rotate(-45deg) translate(4px,-4px);background-color:var(--clr-primary)}.nav-links-mobile{display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:var(--clr-bg);border-radius:20px;box-shadow:var(--shadow-dark),var(--shadow-light);padding:1rem;position:absolute;top:calc(var(--navbar-height) + 1.5rem);left:1rem;right:1rem;max-width:400px;margin:0 auto;opacity:0;transform:translateY(-20px);visibility:hidden;transition:all .3s ease-out;z-index:40}.nav-links-mobile.open{opacity:1;transform:translateY(0);visibility:visible}.nav-link-mobile{font-family:var(--font-sans);font-weight:600;color:var(--clr-text-secondary);text-decoration:none;font-size:1.1rem;padding:.75rem 1.5rem;border-radius:9999px;width:100%;text-align:center;transition:all .2s ease-out}.nav-link-mobile:hover{color:var(--clr-primary);background-color:#8080800d}.nav-link-mobile.active{color:var(--clr-primary);font-weight:700}.dark .navbar{background-color:var(--clr-bg);box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .nav-logo{color:var(--clr-primary)}.dark .nav-link{color:var(--clr-text-secondary)}.dark .nav-link:hover{color:var(--clr-primary);background-color:#c8c8c80d}.dark .nav-link.active{color:var(--clr-primary);background-color:var(--clr-bg);box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light)}.dark .theme-toggle-button{color:var(--clr-text-secondary);background-color:var(--clr-bg);box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .theme-toggle-button:hover{color:var(--clr-primary);box-shadow:6px 6px 12px var(--clr-border-dark),-6px -6px 12px var(--clr-highlight)}.dark .theme-toggle-button:active{box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light);color:var(--clr-primary)}.dark .menu-toggle{background-color:var(--clr-bg);box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .hamburger-line{background-color:var(--clr-text-secondary)}.dark .menu-toggle.active .hamburger-line{background-color:var(--clr-primary)}.dark .menu-toggle:hover{box-shadow:6px 6px 12px var(--clr-border-dark),-6px -6px 12px var(--clr-highlight)}.dark .menu-toggle:active{box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light)}.dark .nav-links-mobile{background-color:var(--clr-bg);box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .nav-link-mobile{color:var(--clr-text-secondary)}.dark .nav-link-mobile:hover{color:var(--clr-primary);background-color:#c8c8c80d}.dark .nav-link-mobile.active{color:var(--clr-primary)}@media(max-width:768px){.nav-links.desktop-links{display:none}.menu-toggle{display:flex}.navbar{justify-content:space-between;padding:.5rem 1rem}.navbar-controls{gap:.5rem}}:root{--font-serif: "Alegreya", serif;--font-sans: "Lato", sans-serif;--clr-bg: #f2f2f2;--clr-text: #3a3a3c;--clr-text-secondary: #78716c;--clr-card-bg: var(--clr-bg);--clr-white: #ffffff;--clr-highlight: #ffffff;--clr-shadow: #d1d1d1;--clr-border-sutil: #e0e0e0;--clr-primary: #ed4e45;--clr-primary-darker: #D6453D;--clr-primary-shadow: rgba(237, 78, 69, .2);--clr-secondary: #f3b124;--clr-secondary-text: #5c4505;--clr-tertiary: #B05A4F;--clr-tertiary-darker: #9A4C42;--clr-intense: #c41f7b;--clr-accent-cool: #0fc0ac;--shadow-light: -4px -4px 9px var(--clr-highlight);--shadow-dark: 4px 4px 9px var(--clr-shadow);--shadow-inset-light: inset -2px -2px 5px var(--clr-highlight);--shadow-inset-dark: inset 2px 2px 5px var(--clr-shadow);--shadow-hover-light: -6px -6px 12px var(--clr-highlight);--shadow-hover-dark: 6px 6px 12px #c8c8c8}body{margin:0;font-family:var(--font-sans);background-color:var(--clr-bg);color:var(--clr-text);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--clr-tertiary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--clr-tertiary-darker)}.contenedor-principal{max-width:900px;margin:0 auto;padding:1rem 1.5rem 3rem}.header{text-align:center;margin:2.5rem 0}.titulo-principal{font-family:var(--font-serif);font-size:3rem;font-weight:700;color:var(--clr-primary);margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.05);transition:color .3s ease}.subtitulo{font-size:1.25rem;color:var(--clr-text-secondary);transition:color .3s ease}.barra-busqueda{width:100%;font-size:1.1rem;padding:1rem 1.5rem;border:none;border-radius:25px;background-color:var(--clr-bg);color:var(--clr-text);box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light);box-sizing:border-box;margin-bottom:1.5rem;transition:box-shadow .2s ease-out,background-color .3s ease,color .3s ease}.barra-busqueda::placeholder{color:var(--clr-text-secondary);opacity:.7}.barra-busqueda:focus{outline:none;box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light),0 0 0 3px var(--clr-primary-shadow)}.etiqueta{background-color:var(--clr-bg);color:var(--clr-text-secondary);font-size:.8rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;text-transform:capitalize;border:none;box-shadow:var(--shadow-dark),var(--shadow-light);transition:all .15s ease-out}.etiqueta[role=button],.etiqueta:not(span){cursor:pointer}.etiqueta[role=button]:hover,.etiqueta:not(span):hover{transform:translateY(-2px);color:var(--clr-primary);box-shadow:var(--shadow-hover-dark),var(--shadow-hover-light)}.etiqueta-activa{box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light)!important;color:var(--clr-primary)!important;background-color:var(--clr-bg)!important;font-weight:700;transform:translateY(0)!important}.etiqueta-contenedor{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;margin-bottom:2.5rem;padding-left:5px}.btn-principal{display:inline-block;font-family:var(--font-sans);font-weight:700;font-size:1.1rem;background:linear-gradient(145deg,var(--clr-primary),var(--clr-primary-darker));color:var(--clr-white);padding:.9rem 2.5rem;border-radius:25px;text-decoration:none;margin-top:2rem;margin-right:1rem;border:none;cursor:pointer;box-shadow:0 5px 15px var(--clr-primary-shadow);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-principal:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px var(--clr-primary-shadow);filter:brightness(1.05)}.btn-principal:active{transform:translateY(0) scale(.98);box-shadow:0 2px 5px var(--clr-primary-shadow);filter:brightness(.95)}.btn-secundario{display:inline-block;font-family:var(--font-sans);font-weight:700;font-size:1.1rem;background:var(--clr-bg);color:var(--clr-tertiary);padding:.9rem 2.5rem;border-radius:25px;text-decoration:none;margin-top:2rem;margin-right:1rem;border:none;cursor:pointer;box-shadow:var(--shadow-dark),var(--shadow-light);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-secundario:hover{transform:translateY(-3px) scale(1.02);color:var(--clr-tertiary-darker);box-shadow:var(--shadow-hover-dark),var(--shadow-hover-light)}.btn-secundario:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light);color:var(--clr-tertiary)}.tarjetas-contenedor{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:2.5rem}.tarjeta-palabra,.tarjeta-inicio{background-color:var(--clr-card-bg);border:none;padding:1.5rem;border-radius:15px;box-shadow:var(--shadow-dark),var(--shadow-light);animation:fadeIn .4s ease-out forwards;transition:all .2s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.tarjeta-palabra:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-hover-dark),var(--shadow-hover-light)}.tarjeta-palabra-dia{background:linear-gradient(145deg,var(--clr-primary),var(--clr-primary-darker));color:var(--clr-white);border:none;padding:1.5rem;border-radius:15px;margin:1rem 0 3rem;text-align:center;box-shadow:0 8px 20px var(--clr-primary-shadow);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.tarjeta-palabra-dia:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 25px var(--clr-primary-shadow)}.tarjeta-palabra-dia h3{color:var(--clr-white);opacity:.8;font-size:1.1rem;margin-bottom:.2rem}.tarjeta-palabra-dia h2{color:var(--clr-white);font-size:2.5rem;margin:.2rem 0;text-shadow:1px 1px 3px rgba(0,0,0,.2);font-family:var(--font-serif)}.tarjeta-palabra-dia p{color:var(--clr-white);font-size:1.2rem;margin-top:.4rem}.tarjeta-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.titulo-letra{font-family:var(--font-serif);font-size:2.5rem;color:var(--clr-primary);grid-column:1 / -1;margin-top:2rem;border-bottom:2px solid var(--clr-border-sutil);border-image:none;padding-bottom:.5rem;margin-bottom:1.5rem;text-align:left;padding-left:.5rem;transition:color .3s ease,border-color .3s ease}.palabra-nahuatl{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--clr-primary);margin-bottom:.2rem;line-height:1.2;transition:color .3s ease;flex-grow:1;word-break:break-word}.palabra-espanol{font-size:1.1rem;color:var(--clr-text);margin:0 0 .5rem}.palabra-raiz{font-size:.85rem;color:var(--clr-text-secondary);margin:0 0 1rem}.raiz-texto{font-weight:600;font-style:italic;color:var(--clr-text)}.reproductor-audio{height:28px;max-width:150px;width:auto;flex-shrink:0}.ejemplo-contenedor{border-top:1px solid var(--clr-border-sutil);padding-top:1rem;margin-top:1rem;transition:border-color .3s ease}.ejemplo-texto{font-weight:600;color:var(--clr-text-secondary);margin:0 0 .3rem;font-size:.85rem;font-style:normal}.ejemplo-frase{font-style:italic;color:var(--clr-text);margin:0 0 .5rem;font-size:.95rem}.titulo-seccion{color:var(--clr-primary);border-bottom-color:var(--clr-border-sutil)}.morfema-item{border-bottom-color:var(--clr-border-sutil)}.morfema-forma{color:var(--clr-primary)}.morfema-significado{color:var(--clr-text-secondary)}.mensaje-error{color:var(--clr-intenso);background-color:#fde8f4;border:1px solid var(--clr-intenso)}.spinner-carga{border-color:var(--clr-primary)}.mensaje-no-resultados{color:var(--clr-text-secondary)}@keyframes spin{}@keyframes fadeIn{}.dark:root{--clr-bg: #2d2d2d;--clr-text: #e0e1ec;--clr-text-secondary: #a8b0b6;--clr-card-bg: var(--clr-bg);--clr-highlight: #3a3a3a;--clr-shadow: #1f1f1f;--clr-border-sutil: #4a4a4a;--clr-primary: #0fc0ac;--clr-primary-darker: #0D9E90;--clr-primary-shadow: rgba(15, 192, 172, .15);--clr-secondary: #f3b124;--clr-secondary-text: #5c4505;--clr-tertiary: #81B29A;--clr-tertiary-darker: #6AA081;--shadow-light: -4px -4px 8px var(--clr-highlight);--shadow-dark: 4px 4px 8px var(--clr-shadow);--shadow-inset-light: inset -2px -2px 5px var(--clr-highlight);--shadow-inset-dark: inset 2px 2px 5px var(--clr-shadow);--shadow-hover-light: -6px -6px 12px var(--clr-highlight);--shadow-hover-dark: 6px 6px 12px var(--clr-shadow)}.dark body{color:var(--clr-text);background-color:var(--clr-bg)}.dark .subtitulo,.dark .palabra-espanol,.dark .palabra-raiz,.dark .raiz-texto,.dark .ejemplo-texto,.dark .mensaje-no-resultados,.dark .morfema-significado{color:var(--clr-text-secondary)}.dark .palabra-espanol,.dark .raiz-texto{color:var(--clr-text)}.dark .barra-busqueda{background-color:var(--clr-bg);border:none;color:var(--clr-text);box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light)}.dark .barra-busqueda::placeholder{color:#777a88}.dark .barra-busqueda:focus{box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light),0 0 0 3px var(--clr-primary-shadow)}.dark .etiqueta{background-color:var(--clr-bg);color:var(--clr-secondary);box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .etiqueta[role=button]:hover,.dark .etiqueta:not(span):hover{color:var(--clr-primary);box-shadow:var(--shadow-hover-dark),var(--shadow-hover-light)}.dark .etiqueta-activa{box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light)!important;color:var(--clr-primary)!important}.dark .btn-principal{background:linear-gradient(145deg,var(--clr-primary),var(--clr-primary-darker));color:#1a1a1a;box-shadow:0 5px 15px var(--clr-primary-shadow)}.dark .btn-principal:hover{box-shadow:0 8px 20px var(--clr-primary-shadow);filter:brightness(1.1);transform:translateY(-3px) scale(1.02)}.dark .btn-principal:active{transform:translateY(0);box-shadow:var(--shadow-inset-dark),var(--shadow-inset-light)}.dark .btn-secundario{background:var(--clr-bg);color:var(--clr-tertiary);box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .btn-secundario:hover{color:var(--clr-tertiary);box-shadow:var(--shadow-hover-dark),var(--shadow-hover-light)}.dark .btn-secundario:active{box-shadow:0 8px 20px var(--clr-primary-shadow);filter:brightness(1.1);transform:translateY(-3px) scale(1.02)}.dark .tarjeta-palabra,.dark .tarjeta-inicio{background-color:var(--clr-card-bg);border:none;box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .tarjeta-palabra:hover{box-shadow:var(--shadow-hover-dark),var(--shadow-hover-light)}.dark .tarjeta-palabra-dia{background:linear-gradient(145deg,var(--clr-primary),var(--clr-primary-darker));color:#113a6f;box-shadow:0 8px 20px var(--clr-primary-shadow)}.dark .tarjeta-palabra-dia h3{color:#113a6fd9}.dark .tarjeta-palabra-dia h2{color:#113a6f;text-shadow:none}.dark .tarjeta-palabra-dia p{color:#113a6f}.dark .titulo-letra{border-image:linear-gradient(to right,var(--clr-primary),var(--clr-secondary)) 1}.dark .palabra-nahuatl{color:var(--clr-primary)}.dark .ejemplo-contenedor{border-top-color:var(--clr-border-sutil)}.dark .titulo-seccion,.dark .morfema-item{border-bottom-color:var(--clr-border-sutil)}.dark .morfema-forma{color:var(--clr-primary)}.dark .mensaje-error{background-color:#ff6b6b14;color:var(--clr-intense);border:1px solid rgba(255,107,107,.18);box-shadow:none;padding:.6rem .9rem;border-radius:8px}.controles-diccionario{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;align-items:center}.controles-diccionario .barra-busqueda{flex-grow:1;margin-bottom:0;min-width:250px}.filtro-categoria-wrapper{position:relative;min-width:200px}.category-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.8rem 2.5rem .8rem 1rem;border:none;border-radius:20px;background-color:var(--clr-bg);color:var(--clr-text-secondary);box-shadow:var(--shadow-dark),var(--shadow-light);cursor:pointer;transition:all .15s ease-out}.category-select:hover{color:var(--clr-primary);box-shadow:6px 6px 12px #c8c8c8,-6px -6px 12px var(--clr-highlight)}.category-select:focus{outline:none;box-shadow:var(--shadow-dark),var(--shadow-light),0 0 0 3px var(--clr-primary-shadow)}.select-arrow{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:.8rem;color:var(--clr-text-secondary);pointer-events:none}.dark .category-select{background-color:var(--clr-bg);color:var(--clr-text-secondary);box-shadow:var(--shadow-dark),var(--shadow-light)}.dark .category-select:hover{color:var(--clr-primary);box-shadow:6px 6px 12px var(--clr-shadow),-6px -6px 12px var(--clr-highlight)}.dark .category-select:focus{box-shadow:var(--shadow-dark),var(--shadow-light),0 0 0 3px var(--clr-primary-shadow)}.dark .select-arrow{color:var(--clr-text-secondary)}.tarjeta-separador{border:none;height:1px;background-color:var(--clr-border-sutil);margin:.8rem 0}.dark .tarjeta-separador{background-color:var(--clr-border-sutil)}.tarjeta-palabra:hover{transform:translateY(-6px);box-shadow:9px 9px 18px #c8c8c8,-9px -9px 18px var(--clr-highlight)}.dark .tarjeta-palabra:hover{box-shadow:8px 8px 16px var(--clr-shadow),-8px -8px 16px var(--clr-highlight)}.indice-alfabetico-contenedor{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3rem}.indice-letra{font-size:1rem!important;padding:.5rem .9rem!important;min-width:30px;text-align:center;transition:all .15s ease-out}@media(max-width:640px){.indice-alfabetico-contenedor{gap:.4rem;margin-bottom:2rem}.indice-letra{font-size:.85rem!important;padding:.35rem .7rem!important;min-width:25px}}.historia-seccion{margin-bottom:3rem;overflow:hidden}.historia-titulo{font-size:1.75rem!important;margin-bottom:1.5rem;border-bottom:2px solid var(--clr-border-sutil);padding-bottom:.5rem;transition:color .3s ease,border-color .3s ease}.dark .historia-titulo{border-bottom-color:var(--clr-border-sutil)}.historia-imagen{display:block;max-width:100%;height:auto;border:1px solid var(--clr-border-sutil);border-radius:8px;margin-top:.5rem;opacity:.85;transition:opacity .3s ease,border-color .3s ease}.dark .historia-imagen{border-color:var(--clr-border-sutil);opacity:.75}.historia-imagen-float-right{float:right;max-width:200px;margin-left:1.5rem;margin-bottom:.5rem}.historia-imagen-float-left{float:left;max-width:250px;margin-right:1.5rem;margin-bottom:.5rem}.historia-seccion p:last-of-type{clear:both}.texto-espanol{margin-bottom:1rem}.texto-nahuatl{font-style:italic;color:var(--clr-text-secondary);border-left:3px solid var(--clr-secondary);padding-left:1rem;margin-bottom:1rem;transition:color .3s ease,border-color .3s ease}.dark .texto-nahuatl{color:var(--clr-text-secondary);border-left-color:var(--clr-secondary)}.historia-titulo-fuente{font-size:1.5rem!important;margin-bottom:.5rem}.lista-fuentes{list-style-type:disc;padding-left:25px;font-size:.95rem;color:var(--clr-text-secondary)}.lista-fuentes li{margin-bottom:.5rem}.dark .lista-fuentes{color:var(--clr-text-secondary)}@media(max-width:640px){.historia-imagen-float-right,.historia-imagen-float-left{float:none;max-width:80%;margin:1rem auto}}