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