@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading,.empty-state{text-align:center;color:var(--gris);padding:3rem}@media (width<=640px){.header h1{font-size:1.25rem}.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}}@media (width<=640px){.filter-bar{justify-content:space-between}.filter-btn{flex:auto;min-width:0;padding:.4rem .6rem;font-size:.75rem}}@media (width<=400px){.filter-text{display:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--mostaza:#f59e0b;--gris:#6b7280;--negro:#111827;--blanco:#fff;--gris-claro:#f3f4f6;--gris-oscuro:#1f2937;--categoria-especial:#111827}body{background-color:var(--blanco);color:var(--negro);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}body.dark{background-color:var(--gris-oscuro);color:var(--blanco)}.container{max-width:800px;margin:0 auto;padding:0 1rem}.header{background-color:var(--negro);color:var(--blanco);z-index:100;padding:1.5rem 0 0;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.dark .header{background-color:var(--negro)}.header h1{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.header h3{text-align:center;margin-bottom:1rem}.filter-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.filter-btn{white-space:nowrap;text-align:center;border:2px solid var(--gris);color:var(--blanco);background-color:#0000;border-radius:2rem;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex}.filter-btn:hover{border-color:var(--mostaza);transform:translateY(-1px)}.filter-btn.active{background-color:var(--mostaza);border-color:var(--mostaza);color:var(--negro)}.search-btn{color:var(--blanco);cursor:pointer;background:0 0;border:none;padding:.5rem;transition:transform .3s}.search-btn:hover{transform:scale(1.1)}.search-box{background-color:var(--negro);transform-origin:top;opacity:0;width:100%;height:0;padding:1rem;transition:transform .3s,opacity .3s;position:relative;overflow:hidden;transform:scaleY(0)}.search-box.active{opacity:1;height:auto;overflow:visible;transform:scaleY(1)}.search-input{border:2px solid var(--gris);width:100%;color:var(--blanco);background-color:#0000;border-radius:.5rem;outline:none;padding:.75rem 2.5rem .75rem .75rem;font-size:1rem}.search-input:focus{border-color:var(--mostaza)}.theme-toggle{color:var(--blanco);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.5rem}.menu{padding:1rem 0}.categoria{border-radius:.5rem;margin-bottom:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.dark .categoria{box-shadow:0 1px 3px #0000004d}.categoria-header{background-color:var(--gris-claro);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;transition:background-color .3s;display:flex}.dark .categoria-header{background-color:var(--negro)}.categoria-header:hover{background-color:#e5e7eb}.dark .categoria-header:hover{background-color:#374151}.categoria.especial .categoria-header{background-color:var(--categoria-especial);color:var(--blanco)}.categoria.especial .categoria-header:hover{background-color:#3730a3}.categoria-nombre{font-size:1.125rem;font-weight:600}.categoria-toggle{width:1.5rem;height:1.5rem;transition:transform .3s}.categoria.open .categoria-toggle{transform:rotate(180deg)}.categoria-productos{background-color:var(--blanco);max-height:0;transition:max-height .3s ease-out;overflow:hidden}.dark .categoria-productos{background-color:var(--gris-oscuro)}.categoria.open .categoria-productos{max-height:2000px}.producto{border-bottom:1px solid var(--gris-claro);padding:1rem;animation:.3s ease-out fadeIn}.dark .producto{border-bottom-color:var(--negro)}.producto:last-child{border-bottom:none}.producto-header{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.producto-nombre{color:var(--negro);font-size:1rem;font-weight:600}.dark .producto-nombre{color:var(--mostaza)}.producto-precio{color:var(--mostaza);font-size:1rem;font-weight:700}.producto-detalles{color:var(--gris);margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.dark .producto-detalles{color:#9ca3af}.alergenos{flex-wrap:wrap;gap:.25rem;display:flex}.alergeno{color:#fff;border-radius:1rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.icon{fill:currentColor;width:1.25rem;height:1.25rem}.loading,.empty-state{text-align:center;color:var(--gris);padding:3rem}@media (width<=640px){.header h1{font-size:1.25rem}.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}}.clear-button{cursor:pointer;color:var(--mostaza);background:0 0;border:none;justify-content:center;align-items:center;margin-right:1rem;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.clear-button:hover{color:var(--mostaza)}.producto-opciones{flex-wrap:wrap;gap:.75rem;margin:.5rem 0;display:flex}.opcion-disponible{color:var(--mostaza);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.dark .opcion-disponible{color:var(--mostaza)}.icon-small{fill:currentColor;width:1rem;height:1rem}@media (width<=640px){.filter-bar{justify-content:space-between}.filter-btn{flex:auto;min-width:0;padding:.4rem .6rem;font-size:.75rem}}@media (width<=400px){.filter-text{display:none}}