*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f0;display:flex;justify-content:center;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;min-height:100vh}.app{width:100%;max-width:430px;min-height:100vh;background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 60px #0000001a}.header{background:#edf3e3;padding:1.25rem 1.25rem 1rem;position:sticky;top:0;z-index:10}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.header-top h1{font-size:1.2rem;font-weight:900;color:#111}.header-ayuda{font-size:.78rem;font-weight:600;color:#4a8a06;text-decoration:none;background:#fff;border:1.5px solid #d4f0a0;border-radius:999px;padding:.25rem .85rem}.search-inner{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #d4f0a0;border-radius:.85rem;padding:.65rem 1rem;transition:border-color .2s,box-shadow .2s}.search-inner:focus-within{border-color:#a8df11;box-shadow:0 0 0 3px #a8df111f}.search-inner svg{width:16px;height:16px;color:#a8df11;flex-shrink:0}.search-inner input{flex:1;border:none;outline:none;background:transparent;font-size:.85rem;font-family:inherit;color:#111}.search-inner input::placeholder{color:#bbb}.body{padding:1rem 1.25rem 6rem}.ubicacion{display:flex;align-items:center;gap:.75rem;background:#f0fde0;border:1.5px solid #c6f135;border-radius:1rem;padding:.85rem 1rem;margin-bottom:1.1rem;cursor:pointer;transition:background .2s,border-color .2s}.ubicacion:hover{background:#e8f5d0;border-color:#a8df11}.ubicacion-icon{width:36px;height:36px;border-radius:50%;background:#a8df11;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ubicacion-icon svg{width:18px;height:18px;color:#fff}.ubicacion-texto{flex:1}.ubicacion-texto p:first-child{font-size:.78rem;font-weight:700;color:#111}.ubicacion-texto p:last-child{font-size:.7rem;color:#4a8a06;margin-top:.1rem}.ubicacion-arrow svg{width:16px;height:16px;color:#a8df11}.filtros{display:flex;gap:.6rem;margin-bottom:1.25rem}.filtro-btn{border:none;border-radius:999px;padding:.4rem 1rem;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.filtro-btn.active{background:linear-gradient(135deg,#a8df11,#7cc10a);color:#fff;box-shadow:0 3px 10px #a8df114d}.filtro-btn:not(.active){background:#f0f0f0;color:#555}.seccion-label{font-size:.75rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.tienda-list{display:flex;flex-direction:column;gap:.85rem}.tienda-card-wrapper{position:relative}.tienda-card{display:flex;align-items:center;gap:.85rem;background:#fff;border:1.5px solid #e8f5d0;border-radius:1rem;padding:.85rem 3.5rem .85rem .85rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;width:100%;box-sizing:border-box}.tienda-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a8df112e;border-color:#a8df11}.tienda-img{width:64px;height:64px;border-radius:.85rem;object-fit:cover;flex-shrink:0;border:1.5px solid #e8f5d0}.tienda-img-empty{width:64px;height:64px;border-radius:.85rem;background:#f0fde0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #e8f5d0}.tienda-img-empty svg{width:28px;height:28px;color:#a8df11}.tienda-info{flex:1;min-width:0}.tienda-nombre{font-size:.9rem;font-weight:800;color:#111;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tienda-dir{font-size:.7rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tienda-badge{display:inline-flex;align-items:center;gap:.3rem;background:#f0fde0;border:1px solid #c6f135;color:#4a8a06;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;margin-top:.35rem}.tienda-badge-dot{width:5px;height:5px;border-radius:50%;background:#a8df11}.tienda-arrow{width:32px;height:32px;border-radius:50%;background:#f8fdf0;border:1.5px solid #e8f5d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.tienda-card:hover .tienda-arrow{background:#a8df11;border-color:#a8df11}.tienda-arrow svg{width:14px;height:14px;color:#a8df11;transition:color .2s}.tienda-card:hover .tienda-arrow svg{color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;text-align:center}.empty-icon{width:64px;height:64px;border-radius:1.25rem;background:#f0fde0;display:flex;align-items:center;justify-content:center}.empty-icon svg{width:32px;height:32px;color:#a8df11}.empty-state p{font-size:.88rem;font-weight:700;color:#555}.empty-state span{font-size:.75rem;color:#aaa}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid #f0f0f0;display:flex;justify-content:space-around;padding:.85rem 0;z-index:10}.nav-item{display:flex;align-items:center;text-decoration:none;color:#bbb;transition:color .15s}.nav-item.active{color:#a8df11}.nav-item svg{width:24px;height:24px}.btn-favorito{position:absolute;top:50%;right:.85rem;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:2;padding:0}.btn-favorito:hover{transform:translateY(-50%) scale(1.15)}.heart-icon{width:18px;height:18px;color:#d4af37;stroke-width:2;stroke:#d4af37;fill:none;transition:all .3s}.btn-favorito.favorito-activo .heart-icon,.tienda-card-wrapper[data-favorito=true] .heart-icon{fill:#d4af37;stroke:#d4af37}