.hp-cat{--hp-azul:var(--e-global-color-primary,#2174CE);--hp-osc:var(--e-global-color-azulosc,#16528F);--hp-claro:var(--e-global-color-azulclaro,#E8F1FC);--hp-gris:var(--e-global-color-gris,#F6F7F9);--hp-am:var(--e-global-color-accent,#FFC531);--hp-tx:var(--e-global-color-text,#4A4A4A)}.hp-cat__bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.hp-cat__search{flex:1 1 260px;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--hp-claro);border-radius:999px;padding:10px 18px}.hp-cat__search:focus-within{border-color:var(--hp-azul)}.hp-cat__icon{opacity:.6}#hp-q{flex:1;border:0;outline:0;background:#fff0;font:inherit;color:var(--hp-tx);min-width:0}#hp-cat-sel{border:2px solid var(--hp-claro);border-radius:999px;padding:10px 18px;background:#fff;font:inherit;color:var(--hp-tx);cursor:pointer}#hp-cat-sel:focus{outline:0;border-color:var(--hp-azul)}.hp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.hp-card{background:#fff;border:1px solid var(--hp-claro);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.hp-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgb(33 116 206 / .13)}.hp-card__img{aspect-ratio:1;background:var(--hp-gris);display:flex;align-items:center;justify-content:center}.hp-card__img img{width:100%;height:100%;object-fit:cover;display:block}.hp-card__ph{font-size:40px;opacity:.35}.hp-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.hp-card__cat{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--hp-azul);font-weight:700}.hp-card__title{margin:0;font-size:16px;line-height:1.3;color:var(--e-global-color-secondary,#111)}.hp-card__precio{margin:0 0 10px;font-weight:700;color:var(--hp-osc);font-size:18px}.hp-card .hp-btn{margin-top:auto}.hp-btn{display:inline-block;border:0;border-radius:999px;background:var(--hp-azul);color:#fff;font:inherit;font-weight:600;padding:10px 20px;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s ease}.hp-btn:hover{background:var(--hp-osc);color:#fff}.hp-card__added{background:var(--e-global-color-verde,#2FBF9B)!important}.hp-cat__vacio{text-align:center;background:var(--hp-gris);border-radius:20px;padding:48px 24px}.hp-cat__vacio h3{margin:0 0 8px}.hp-cat__vacio p{margin:0 auto 20px;max-width:46ch;color:var(--hp-tx)}.hp-cat__sinres{text-align:center;padding:40px 0;color:var(--hp-tx)}.hp-fab{position:fixed;right:20px;bottom:20px;z-index:9998;border:0;border-radius:999px;background:var(--e-global-color-primary,#2174CE);color:#fff;font-weight:600;font-family:inherit;font-size:15px;padding:14px 22px;cursor:pointer;box-shadow:0 8px 24px rgb(0 0 0 / .2);display:flex;align-items:center;gap:8px}.hp-fab__n{background:var(--e-global-color-accent,#FFC531);color:#111;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:0 6px}.hp-panel{position:fixed;inset:0;z-index:9999;background:rgb(17 17 17 / .5);display:flex;justify-content:flex-end}.hp-panel__box{background:#fff;width:min(420px,100%);height:100%;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.hp-panel__head{display:flex;align-items:center;justify-content:space-between}.hp-panel__head h3{margin:0}.hp-panel__x{border:0;background:#fff0;font-size:32px;line-height:1;cursor:pointer;color:var(--e-global-color-text,#4A4A4A)}.hp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;flex:1}.hp-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border-bottom:1px solid #EFEFEF;padding-bottom:12px}.hp-item__n{font-weight:600;font-size:15px;color:#111}.hp-item__p{grid-column:1;font-size:14px;color:var(--e-global-color-text,#4A4A4A)}.hp-item__qty{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:8px}.hp-item__qty button{width:28px;height:28px;border-radius:50%;border:1px solid #DDD;background:#fff;cursor:pointer;font-size:16px;line-height:1;color:#111}.hp-total{margin:0;font-size:18px;text-align:right}.hp-nota{margin:0;font-size:13px;color:var(--e-global-color-text,#4A4A4A)}.hp-btn--wa{background:#25D366;font-size:16px;padding:14px 20px}.hp-btn--wa:hover{background:#1EB055}.hp-vaciar{border:0;background:#fff0;color:var(--e-global-color-text,#4A4A4A);text-decoration:underline;cursor:pointer;font:inherit;font-size:14px}@media(max-width:600px){.hp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.hp-fab{right:12px;bottom:12px}}