/* ¿Dónde vamos? (hooks, 2026-10-23). Prefijo hk-. Basado en las maquetas aprobadas ("Hooks BloP · maquetas"). */
.hk{--hk:#0B7285;--hk-dark:#0B5560;--hk-soft:#E6F4F2;--ink:#17172E;--txt:#2C2C44;--mut:#5E5E78;--line:#C9BBEC;--line2:#E6E0F5;--bg:#F8F7FC;
  --lila:#EFE9FF;--lila-ink:#3B2A7A;--warn:#FFF1DB;--warn-ink:#6B3600;--ok:#146C2E;--ok-soft:#E6F7EC;--pink-soft:#FFE3F1;--pink-ink:#A3004F;
  --blue-soft:#E3EEFF;--blue-ink:#0B4DB0;max-width:560px;margin:0 auto;padding:8px 0 40px;display:flex;flex-direction:column;gap:16px;color:var(--txt)}
.hk *{box-sizing:border-box}
.hk h1{margin:0;font-size:1.65rem;line-height:1.15;font-weight:900;color:var(--ink)}
.hk h2{margin:0;font-size:1.15rem;font-weight:900;color:var(--ink)}
.hk p{margin:0}
.hk-kick{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hk)}
.hk-lead{font-size:.95rem;line-height:1.45;color:#4A4A63}
.hk-small{font-size:.82rem;line-height:1.4;color:var(--mut)}
.hk-head{display:flex;flex-direction:column;gap:6px}
.hk-card{background:#fff;border-radius:20px;box-shadow:0 1px 0 var(--line2),0 6px 20px rgba(60,30,120,.06);overflow:hidden}
.hk-ch{padding:11px 16px;color:#fff;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hk-ch small{font-weight:700;font-size:.8rem;opacity:.95}
.hk-cb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
.hk-chips{display:flex;flex-wrap:wrap;gap:8px}
.hk-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:0 14px;font:inherit;font-size:.88rem;font-weight:600;color:var(--txt);display:inline-flex;align-items:center;gap:6px;min-height:40px;cursor:pointer;text-decoration:none;white-space:nowrap}
.hk-chip:hover{color:var(--txt);border-color:var(--hk)}
.hk-chip.is-on,.hk-chip[aria-pressed="true"]{background:var(--hk);border-color:var(--hk);color:#fff}
.hk-chip.is-dark[aria-pressed="true"]{background:var(--ink);border-color:var(--ink)}
.hk-chip.is-home{border-style:dashed;border-color:var(--hk);color:var(--hk-dark);font-weight:800}
.hk-chip:disabled{opacity:.45;cursor:not-allowed}
.hk-chip input[type=checkbox],.hk-chip input[type=radio]{width:16px;height:16px;min-width:16px;min-height:0;flex:0 0 16px;margin:0;padding:0;border-radius:4px}
.hk-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;width:100%;border:0;border-radius:999px;background:linear-gradient(90deg,#7C3CFF,#D6006B);color:#fff;font:inherit;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;padding:0 18px}
.hk-btn:hover{color:#fff;filter:brightness(1.05)}
.hk-btn.is-teal{background:var(--hk)}
.hk-btn.is-green{background:var(--ok)}
.hk-btn.is-wa{background:#128C4A}
.hk-btn.is-black{background:#000}
.hk-btn2{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;border-radius:999px;background:#fff;border:1.5px solid var(--line);color:var(--lila-ink);font:inherit;font-weight:800;font-size:.95rem;text-decoration:none;cursor:pointer;padding:0 16px}
.hk-btn2:hover{color:var(--lila-ink);border-color:#7C3CFF}
.hk-btn2.is-danger{border-color:#E7B4B4;color:#8F1D1D}
.hk-field{width:100%;border:1.5px solid var(--line);border-radius:14px;background:#fff;min-height:48px;padding:0 14px;color:var(--ink);font:inherit;font-size:.95rem}
textarea.hk-field{padding:12px 14px;min-height:96px;resize:vertical}
.hk-field:focus{outline:2px solid #7C3CFF;outline-offset:1px}
.hk-label{font-size:.88rem;font-weight:800;color:var(--ink)}
.hk-note{border-radius:16px;padding:12px 14px;font-size:.88rem;line-height:1.45;display:flex;gap:10px;align-items:flex-start}
.hk-note b{display:block;margin-bottom:2px}
.hk-note.is-lila{background:var(--lila);color:var(--lila-ink)}
.hk-note.is-teal{background:var(--hk-soft);color:#0B4A52}
.hk-note.is-warn{background:var(--warn);color:var(--warn-ink)}
.hk-note.is-ok{background:var(--ok-soft);color:#0F5424}
.hk-note.is-pink{background:var(--pink-soft);color:#5C002C}
.hk-note.is-blue{background:var(--blue-soft);color:#0B3A85}
.hk-back{width:36px;height:36px;border-radius:50%;background:#1E7BFF;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;flex:0 0 36px}
.hk-back:hover{color:#fff}
.hk-bar{display:flex;align-items:center;gap:12px}
.hk-prog{display:flex;gap:4px;flex:1}
.hk-prog i{flex:1;height:6px;border-radius:3px;background:#E3DBF7}
.hk-prog i.on{background:var(--hk)}

/* Entrada (E0) */
.hk-mode{display:flex;flex-direction:column;gap:12px;border-radius:22px;padding:22px 20px;text-decoration:none;min-height:180px;justify-content:space-between;text-align:center;align-items:center}
.hk-mode b{font-size:1.35rem;font-weight:900;line-height:1.2}
.hk-mode.is-quick{background:#FFBB00;color:#2B1A00}
.hk-mode.is-vote{background:#6A2BE0;color:#fff}
.hk-mode:hover{filter:brightness(1.03)}
.hk-mode .hk-go{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:800;color:var(--ink)}
.hk-mode .hk-badge{background:#fff;color:#7A4A00;font-size:.7rem;font-weight:800;border-radius:999px;padding:4px 9px;letter-spacing:.04em}

/* Entrada con collage (variante C3, 23-oct) */
.hk-entry{border-radius:24px;text-decoration:none;padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;overflow:hidden}
.hk-entry>b{font-size:1.4rem;line-height:1.18;font-weight:900}
.hk-entry.is-quick{background:#FFBB00;color:#2B1A00}
.hk-entry.is-vote{background:#6A2BE0;color:#fff}
.hk-entry:hover{filter:brightness(1.03)}
.hk-entry .hk-go{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:800;color:#2B1A00}
.hk-entry.is-vote .hk-go{color:#4B1DA8}
.hk-entry.is-direct{background:#D6006B;color:#fff}
.hk-entry.is-direct .hk-go{color:#A3004F}
.hk-invpic{position:relative;width:100%;max-width:340px;height:150px;display:block;text-align:left}
.hk-invpic>img{position:absolute;right:0;top:0;width:150px;height:150px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.9)}
.hk-invcard{position:absolute;left:0;top:18px;width:62%;background:#fff;color:#2C2C44;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:0 10px 22px rgba(0,0,0,.22);transform:rotate(-4deg);font-size:.8rem}
.hk-invcard>b{font-size:1rem;color:#17172E}
.hk-invtag{align-self:flex-start;background:#FFE3F1;color:#A3004F;font-size:.66rem;font-weight:800;border-radius:999px;padding:3px 9px;letter-spacing:.04em}
.hk-invok{color:#146C2E;font-weight:800}
.hk-polas{position:relative;width:100%;max-width:340px;height:160px;display:block}
.hk-polas img{position:absolute;object-fit:cover;border-radius:14px;border:4px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.22)}
.hk-polas .is-left{left:2%;top:24px;width:35%;aspect-ratio:1;transform:rotate(-8deg)}
.hk-polas .is-mid{left:31%;top:4px;width:38%;aspect-ratio:1;z-index:2;box-shadow:0 10px 22px rgba(0,0,0,.28)}
.hk-polas .is-right{right:2%;top:24px;width:35%;aspect-ratio:1;transform:rotate(8deg)}
.hk-polas-tag{position:absolute;left:50%;top:-4px;transform:translateX(-50%);z-index:3;background:#2B1A00;color:#FFBB00;font-size:.7rem;font-weight:800;border-radius:999px;padding:4px 10px}
.hk-votepic{position:relative;width:100%;max-width:340px;height:150px;display:block;text-align:left}
.hk-votepic>img{position:absolute;left:0;top:0;width:150px;height:150px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.9)}
.hk-votebubbles{position:absolute;left:140px;top:8px;right:0;display:flex;flex-direction:column;gap:8px}
.hk-vb{background:#fff;color:#2C2C44;border-radius:14px 14px 14px 4px;padding:8px 10px;font-size:.78rem;display:flex;flex-direction:column;gap:5px}
.hk-vb>span{display:flex;justify-content:space-between;gap:6px}
.hk-vb>i{display:block;height:6px;border-radius:3px;background:#6A2BE0;box-shadow:0 0 0 0 #EFEAF8}
.hk-vb-chip{align-self:flex-start;background:#FF3FA4;color:#fff;font-size:.72rem;font-weight:800;border-radius:999px;padding:4px 10px}

/* Fichas de ocasión (A3) */
.hk-occ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hk-occ label{position:relative;cursor:pointer}
.hk-occ input{position:absolute;opacity:0;inset:0}
.hk-occ span{height:100px;border-radius:16px;padding:12px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:var(--c);font-weight:800;font-size:.9rem;line-height:1.15}
.hk-occ span i{font-size:1.4rem}
.hk-occ input:checked+span{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--ink)}
.hk-occ input:focus-visible+span{outline:3px solid #7C3CFF;outline-offset:3px}

/* Pasos del armado */
.hk-step{display:none;flex-direction:column;gap:14px}
.hk-step.is-on{display:flex}
.hk-counter{display:flex;align-items:center;justify-content:center;gap:16px}
.hk-round{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--hk-dark);font-size:1.5rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.hk-counter output{min-width:64px;text-align:center;font-size:2.6rem;font-weight:900;color:var(--hk-dark)}
.hk-pill{align-self:center;background:var(--hk-soft);color:var(--hk-dark);border-radius:999px;padding:8px 14px;font-weight:800}
.hk-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hk-day{border-radius:16px;border:1.5px solid var(--line);background:#fff;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;color:var(--txt);cursor:pointer;padding:6px}
.hk-day b{font-size:.95rem}
.hk-day span{font-size:.8rem;font-weight:600}
.hk-day[aria-pressed="true"]{background:#6A2BE0;border-color:#6A2BE0;color:#fff}
.hk-hours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hk-hour{border-radius:14px;border:1.5px solid var(--line);background:#fff;min-height:48px;font:inherit;font-size:1rem;font-weight:800;color:var(--txt);cursor:pointer}
.hk-hour[aria-pressed="true"]{background:#C2185B;border-color:#C2185B;color:#fff}
.hk-day:disabled,.hk-hour:disabled{opacity:.45;cursor:not-allowed}
.hk-count{display:flex;align-items:center;justify-content:space-between;background:var(--hk-soft);border-radius:14px;padding:10px 14px;color:var(--hk-dark);font-size:.88rem;font-weight:700}
.hk-count b{font-size:.95rem}

/* Ficha de local en lista (A6) */
.hk-loc{background:#fff;border-radius:18px;padding:10px;display:flex;gap:12px;box-shadow:0 1px 0 var(--line2),0 4px 14px rgba(60,30,120,.05)}
.hk-loc.is-on{box-shadow:0 0 0 2.5px var(--hk)}
.hk-loc-ph{position:relative;flex:0 0 92px}
.hk-loc-ph img{width:92px;height:112px;border-radius:12px;object-fit:cover;display:block}
.hk-loc-ph em{position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:.75rem;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center}
.hk-loc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.hk-loc-b>b{font-size:1rem;color:var(--ink);line-height:1.2}
.hk-sp{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--mut)}
.hk-meta{font-size:.8rem;color:#4A4A63}
.hk-rate{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--txt)}
.hk-rate i{color:#E08A00}
.hk-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:3px 7px;font-size:.73rem;font-weight:700;line-height:1.25;text-decoration:none}
.hk-tag.is-offer{background:var(--pink-soft);color:var(--pink-ink)}
.hk-tag.is-bank{background:var(--blue-soft);color:var(--blue-ink)}
.hk-tag.is-social{background:var(--ok-soft);color:var(--ok)}
.hk-open{font-size:.8rem;font-weight:700;color:var(--ok)}
.hk-open.is-part{color:#8A4B00}
.hk-loc-act{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.hk-loc-act a{font-size:.82rem;font-weight:700;color:#5B21D6}
.hk-pick{border-radius:999px;height:36px;padding:0 14px;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;background:#fff;color:var(--hk-dark);border:1.5px solid var(--hk)}
.hk-loc.is-on .hk-pick{background:var(--hk);color:#fff}
.hk-empty{background:#fff;border-radius:14px;padding:16px;font-size:.9rem;color:#4A4A63;text-align:center}

/* Hoja de filtros (A6f) */
.hk-sheet{position:fixed;inset:0;z-index:1200;display:none}
.hk-sheet.is-open{display:block}
.hk-sheet-bg{position:absolute;inset:0;background:rgba(20,18,43,.45)}
.hk-sheet-p{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;background:#fff;border-radius:24px 24px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}
.hk-sheet-p .hk-grab{align-self:center;width:44px;height:5px;border-radius:3px;background:#D9D3EA}
.hk-sw-row{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;border:0;border-bottom:1px solid #EFEAF8;background:transparent;padding:10px 0;font:inherit;text-align:left;cursor:pointer}
.hk-sw-ic{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.hk-sw{width:48px;height:28px;flex:0 0 48px;border-radius:999px;background:#D9D3EA;position:relative;transition:background .15s}
.hk-sw:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .15s}
.hk-sw-row[aria-checked="true"] .hk-sw{background:var(--hk)}
.hk-sw-row[aria-checked="true"] .hk-sw:after{left:23px}

/* Votación (B1) y resultados (R1) */
.hk-hero{position:relative;border-radius:20px;overflow:hidden;min-height:180px;color:#fff;display:flex;align-items:flex-end}
.hk-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,43,0) 25%,rgba(20,18,43,.88) 100%)}
.hk-hero>div{position:relative;z-index:1;padding:16px;display:flex;flex-direction:column;gap:4px}
.hk-hero h1{color:#fff}
.hk-bubble{background:#fff;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:.93rem;line-height:1.45;box-shadow:0 1px 0 var(--line2)}
.hk-opt{display:flex;align-items:center;gap:12px;min-height:52px;border-radius:14px;border:1.5px solid #E1D9F3;background:#fff;padding:8px 12px;cursor:pointer;font-size:.95rem}
.hk-opt input{width:22px;height:22px;accent-color:var(--hk);flex:0 0 22px}
.hk-opt:has(input:checked){border-color:var(--hk);background:#F2FAF9}
.hk-opt img{width:52px;height:52px;border-radius:10px;object-fit:cover}
.hk-opt .hk-votes{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--mut);white-space:nowrap}
.hk-opt .hk-lock{font-size:.72rem;font-weight:800;color:var(--hk-dark);background:var(--hk-soft);border-radius:8px;padding:2px 6px}
.hk-all{display:flex;align-items:center;gap:10px;min-height:48px;border-radius:14px;border:1.5px dashed var(--hk);background:#F2FAF9;padding:8px 12px;font-size:.9rem;font-weight:700;color:var(--hk-dark);cursor:pointer}
.hk-all input{width:20px;height:20px;accent-color:var(--hk)}
.hk-add{font-size:.85rem;font-weight:700;color:#5B21D6;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.hk-res{display:flex;flex-direction:column;gap:6px;border:1.5px solid #E1D9F3;border-radius:14px;padding:10px 12px;cursor:pointer}
.hk-res:has(input:checked){border-color:var(--hk)}
.hk-res-top{display:flex;align-items:center;gap:10px;font-size:.93rem}
.hk-res-top input{width:20px;height:20px;accent-color:var(--hk)}
.hk-res-top em{font-style:normal;font-size:.72rem;font-weight:800;color:var(--hk-dark);background:var(--hk-soft);border-radius:999px;padding:2px 8px}
.hk-res-top span{margin-left:auto;font-weight:700}
.hk-track{height:8px;border-radius:4px;background:#EFEAF8;overflow:hidden}
.hk-track i{display:block;height:8px;border-radius:4px;background:var(--c,#0B7285)}
.hk-li{display:flex;gap:10px;align-items:center;font-size:.93rem}
.hk-li i{color:var(--hk);font-size:1.05rem}
.hk-wa{background:#ECE5DD;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px}
.hk-wa>div{background:#fff;border-radius:4px 14px 14px 14px;padding:10px 12px;font-size:.9rem;line-height:1.5;color:#1F2A30}
.hk-stepper{display:flex;align-items:center;gap:12px}
.hk-stepper button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-weight:800;color:var(--hk-dark);cursor:pointer}
.hk-stepper output{font-size:1.25rem;font-weight:900;min-width:28px;text-align:center}

/* Estado de la reserva (R2) */
.hk-tl{display:flex;flex-direction:column}
.hk-tl-i{display:flex;gap:12px}
.hk-tl-r{display:flex;flex-direction:column;align-items:center;flex:0 0 26px}
.hk-tl-r b{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--ok);font-size:.8rem}
.hk-tl-r b.is-now{background:#fff;border:2.5px solid var(--hk)}
.hk-tl-r b.is-next{background:#fff;border:2px solid var(--line)}
.hk-tl-r i{width:2px;flex:1;min-height:20px;background:#E1D9F3}
.hk-tl-t{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;font-size:.88rem;color:#4A4A63}
.hk-tl-t strong{font-size:.95rem;color:var(--ink)}

/* Invitación con la reserva (R3) */
.hk-badge-ok{align-self:flex-start;background:var(--ok);color:#fff;font-size:.72rem;font-weight:800;border-radius:999px;padding:4px 10px}
.hk-msg{display:flex;gap:8px;align-items:flex-start}
.hk-msg b.hk-av{width:28px;height:28px;border-radius:50%;background:#6A2BE0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex:0 0 28px}
.hk-msg div{background:#F3F0FA;border-radius:4px 14px 14px 14px;padding:8px 12px;font-size:.88rem;line-height:1.4}
.hk-dark{background:#14122B;color:#fff}
.hk-dark .hk-small{color:#CFCBE6}

/* Estrellas (R5) */
.hk-stars{display:flex;justify-content:center;gap:4px;flex-direction:row-reverse}
.hk-stars input{position:absolute;opacity:0;width:1px;height:1px}
.hk-stars label{font-size:2.6rem;color:#D9D3EA;cursor:pointer;line-height:1}
.hk-stars input:checked~label,.hk-stars label:hover,.hk-stars label:hover~label{color:#E08A00}
.hk-stars input:focus-visible+label{outline:2px solid #7C3CFF;border-radius:6px}

/* Local y portal */
.hk-local-btn{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:16px;font:inherit;font-weight:800;font-size:1rem;width:100%;cursor:pointer;border:0}
.hk-tabs{display:flex;gap:6px;overflow-x:auto}
.hk-tabs a{flex:0 0 auto;height:38px;padding:0 14px;border-radius:999px;font-size:.88rem;font-weight:700;display:flex;align-items:center;color:#E9E2FF;text-decoration:none}
.hk-tabs a.is-on{background:#fff;color:#4B1DA8}
.hk-portal-head{background:#6831D3;color:#fff;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}
.hk-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hk-kpis div{background:#fff;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 0 var(--line2)}
.hk-kpis b{font-size:1.35rem;font-weight:900;color:var(--ink)}
.hk-kpis span{font-size:.75rem;color:var(--mut);font-weight:600}
.hk-st{font-size:.72rem;font-weight:800;border-radius:999px;padding:3px 9px;white-space:nowrap}
.hk-st.is-ok{background:var(--ok-soft);color:var(--ok)}
.hk-st.is-wait{background:var(--warn);color:#7A3E00}
.hk-st.is-off{background:#FDE7E7;color:#8F1D1D}
.hk-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.92rem;padding:8px 0;border-bottom:1px solid #EFEAF8}
.hk-row:last-child{border-bottom:0}
@media (max-width:380px){.hk-occ{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-hours{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Salidas listas para hoy (maqueta E0d, 23-oct): en celular se deslizan de lado; en escritorio, grilla y las 2 tarjetas de entrada lado a lado. */
.hk-entries{display:flex;flex-direction:column;gap:16px}
.hk-kick.is-pink{color:#C2185B}
.hk-ready{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.hk-ready-head{display:flex;flex-direction:column;gap:12px}
.hk-ready-region{display:flex;align-items:center;gap:8px}
.hk-ready-region .hk-field{flex:1;min-width:220px;max-width:280px;min-height:42px}
.hk-rchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.hk-rchips::-webkit-scrollbar{display:none}
.hk-rchip{flex:none;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:.85rem;font-weight:700;color:var(--txt);cursor:pointer}
.hk-rchip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.hk-sal-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 12px;margin:0 -12px;padding:4px 12px 12px;scrollbar-width:none}
.hk-sal-grid::-webkit-scrollbar{display:none}
.hk-sal{flex:0 0 78%;max-width:300px;scroll-snap-align:start;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 0 var(--line2),0 10px 26px rgba(60,30,120,.08);display:flex;flex-direction:column;margin:0}
.hk-sal[hidden]{display:none}
.hk-sal-ph{position:relative;height:150px;flex:none}
.hk-sal-ph img{width:100%;height:100%;object-fit:cover;display:block}
.hk-sal-tag{position:absolute;top:12px;left:12px;border-radius:999px;padding:5px 10px;font-size:.7rem;font-weight:800;color:#fff;letter-spacing:.02em}
.hk-sal-tag.is-dark{background:var(--ink)}
.hk-sal-tag.is-pink{background:var(--pink-soft);color:var(--pink-ink)}
.hk-sal-tag.is-green{background:var(--ok-soft);color:var(--ok)}
.hk-sal-tag.is-blue{background:var(--blue-soft);color:var(--blue-ink)}
.hk-sal-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.hk-sal-t{font-size:1.05rem;line-height:1.2;font-weight:900;color:var(--ink)}
.hk-sal-m{font-size:.82rem;color:var(--mut)}
.hk-sal-m a{color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--line)}
.hk-sal-hrs{display:flex;gap:6px;flex-wrap:wrap}
.hk-sal-hrs label{position:relative;margin:0;cursor:pointer}
.hk-sal-hrs input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.hk-sal-hrs span{display:block;border:1.5px solid var(--line);border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:700;color:var(--txt)}
.hk-sal-hrs input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.hk-sal-hrs input:focus-visible+span{outline:2px solid #7C3CFF;outline-offset:2px}
.hk-sal-x{font-size:.8rem;font-weight:700;line-height:1.35;color:var(--mut)}
.hk-sal-x.is-pink{color:var(--pink-ink)}
.hk-sal-x.is-green{color:var(--ok)}
.hk-sal-x.is-blue{color:var(--blue-ink)}
.hk-sal-cap{display:flex;flex-direction:column;gap:4px;font-size:.76rem;font-weight:700;color:#8A4B00}
.hk-sal-cap>span{height:6px;border-radius:3px;background:#F1E6D6;overflow:hidden}
.hk-sal-cap i{display:block;height:6px;border-radius:3px;background:#E8590C}
.hk-sal-go{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;border:0;border-radius:999px;background:linear-gradient(90deg,#7C3CFF,#D6006B);color:#fff;font:inherit;font-weight:800;font-size:.9rem;cursor:pointer}
.hk-sal-go:hover{filter:brightness(1.05)}
.hk-sal form{margin:auto 0 0}
.hk-sal-go.is-off{background:#E4E1EE;color:#4A4A63}
.hk-sal.is-full .hk-sal-ph img,.hk-sal.is-full .hk-sal-t,.hk-sal.is-full .hk-sal-m{filter:grayscale(1);opacity:.7}
.hk-sal.is-full{background:#F4F3F8}
.hk-sal-full{position:absolute;left:0;right:0;bottom:0;background:rgba(23,23,46,.85);color:#fff;padding:10px 12px;display:flex;justify-content:space-between;gap:8px;font-size:.78rem;font-weight:800}
@media (min-width:640px){
  .hk-sal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0}
  .hk-sal{max-width:none}
}
@media (min-width:900px){
  .hk.hk-start{max-width:1180px}
  .hk-start h1{font-size:2.4rem}
  .hk-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
  .hk-ready{margin-top:20px}
  .hk-ready-head{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .hk-ready h2{font-size:1.8rem}
  .hk-sal-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
  .hk-sal-ph{height:170px}
  .hk-start .hk-mine{max-width:560px}
}
@media (min-width:1200px){
  .hk-entries .hk-entry{padding:26px 26px 28px;gap:16px}
  .hk-entries .hk-entry>b{font-size:1.65rem}
  .hk-entries .hk-polas,.hk-entries .hk-votepic,.hk-entries .hk-invpic{max-width:430px;height:200px}
  .hk-entries .hk-votepic>img,.hk-entries .hk-invpic>img{width:200px;height:200px}
  .hk-entries .hk-votebubbles{left:186px;top:18px}
}
/* 2026-10-29 (pedido del usuario): en escritorio "Volver" más grande y pegado al borde del contenido, a la altura del título;
   en pantallas grandes el contenido llega a 1600 px para no dejar espacios vacíos a los costados. */
@media (min-width:900px){
  main.main:has(.hk-start)>.topbar{max-width:1180px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:-56px;position:relative;z-index:2}
  main.main:has(.hk-start) .top-actions .btn-back-top{width:48px;height:48px;min-height:48px;font-size:1.35rem}
}
@media (min-width:1500px){
  .hk.hk-start,main.main:has(.hk-start)>.topbar{max-width:min(1600px,100%)}
  .hk-start h1{font-size:2.8rem}
  .hk-entries{gap:28px}
  .hk-entries .hk-entry>b{font-size:1.9rem}
  .hk-entries .hk-polas,.hk-entries .hk-votepic,.hk-entries .hk-invpic{max-width:480px;height:230px}
  .hk-entries .hk-votepic>img,.hk-entries .hk-invpic>img{width:230px;height:230px}
  .hk-sal-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
  .hk-sal-ph{height:200px}
}

/* 23-oct tarde: ticket de consumo, comprobante (K1), lo pagado por BloP para el local (K2-K4), aporte del grupo (K5), grupos y organizador. */
.hk-mono{font-family:'Courier New',monospace;font-weight:800;letter-spacing:.06em}
.hk-note.is-bad{background:#FDECEC;color:#8F1D1D}
.hk-btn.is-black{background:#17172E;color:#fff}
.hk-tabs.is-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hk-tabs.is-scroll::-webkit-scrollbar{display:none}
.hk-kpis.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.hk-kpis.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hk-vc .hk-ch{justify-content:space-between}
.hk-vc-st{background:#fff;color:#146C2E;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800}
.hk-vc-st.is-used{color:#5E5E78}
.hk-vc-qr{width:170px;height:170px;padding:8px;border:1.5px solid var(--line2,#E6E0F5);border-radius:14px;background:#fff}
.hk-vc-qr svg{width:100%;height:100%;display:block}
.hk-vc-code{font-family:'Courier New',monospace;font-size:2rem;letter-spacing:.16em;color:#17172E}
.hk-vc-rows{border-top:1.5px dashed #E6E0F5;gap:8px}
.hk-vc-rows>div{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;color:#2C2C44}
.hk-vc-rows>div>span:first-child{color:#5E5E78}
.hk-vc-rows>div>b{text-align:right}
.hk-vc-rows small{color:#8A8AA3}
.hk-vc-group{background:#E6F7EC;border-radius:12px;padding:8px 10px;font-size:.84rem;color:#0F5424;text-decoration:none}
.hk-paid{background:#E6F7EC;border:2px solid #146C2E;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.hk-paid-k{font-size:.75rem;font-weight:800;letter-spacing:.06em;color:#146C2E}
.hk-paid>b{font-size:1.1rem;color:#0F5424}
.hk-paid-r{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-top:1px solid #CDE9D6;font-size:.86rem}
.hk-paid-r .hk-mono{color:#17172E}
.hk-paid-t{grid-column:1/3;font-size:.75rem;color:#5E5E78;font-family:'Courier New',monospace}
.hk-scan{display:flex;flex-direction:column;gap:10px}
.hk-scan .tk-camera{display:none}
.hk-scan .tk-camera.is-on{display:block}
.hk-scan-manual{display:flex;gap:8px}
.hk-scan-manual input{flex:1;font-size:1.3rem;letter-spacing:.16em;text-transform:uppercase}
.hk-k4{background:linear-gradient(135deg,#146C2E,#0B7285);color:#fff;border-radius:20px;padding:18px 16px;display:flex;flex-direction:column;gap:4px}
.hk-k4>span{font-size:.82rem;font-weight:700;color:#CFF3DD}
.hk-k4>b{font-size:2rem;font-weight:900}
.hk-k4-rows{gap:4px}
.hk-k4-rows>div{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;padding:3px 0;color:#2C2C44}
.hk-k4-rows>div>span:first-child{color:#5E5E78}
.hk-k4-rows small{color:#8A8AA3}
.hk-k4-rows>div.is-total{border-top:1px solid #EFEAF8;padding-top:8px;margin-top:4px}
.hk-k4-rows>div.is-total span{color:#17172E;font-weight:800}
.hk-k4-rows>div.is-total b{color:#146C2E;font-size:1rem}
.hk-k5{background:linear-gradient(135deg,#146C2E,#0B7285);color:#fff;border-radius:22px;padding:22px 18px;display:flex;flex-direction:column;gap:6px}
.hk-k5>span{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#CFF3DD}
.hk-k5>b{font-size:2.5rem;font-weight:900;line-height:1}
.hk-k5>p{font-size:.95rem;line-height:1.4;margin:0}
.hk-k5-n{flex:1;background:#fff;border-radius:14px;padding:10px;text-align:center;display:flex;flex-direction:column}
.hk-k5-n b{font-size:1.25rem;color:#3B1499}.hk-k5-n span{font-size:.75rem;color:#5E5E78}
b.hk-av{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}
.hk-tk-opt{display:flex;flex-direction:column;gap:8px;background:#fff;border:2px solid #E6E0F5;border-radius:18px;padding:14px 16px;cursor:pointer}
.hk-tk-opt:has(input:checked),.hk-tk-opt.is-on{border-color:#3B1499;box-shadow:0 0 0 3px rgba(59,20,153,.12)}
.hk-tk-opt input{position:absolute;opacity:0;pointer-events:none}
.hk-tk-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hk-tk-top b{font-size:1.5rem;font-weight:900;color:#17172E}
.hk-tk-top span{font-size:.85rem;color:#5E5E78}
.hk-tk-top em{margin-left:auto;font-style:normal;background:#EFE9FF;color:#3B1499;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800}
.hk-tk-rows{display:flex;flex-direction:column;gap:3px}
.hk-tk-rows>span{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;color:#2C2C44}
.hk-tk-rows>span>span{color:#5E5E78}
.hk-tk-rows small{color:#8A8AA3;font-weight:600}
.hk-tk-rows>span.is-total{border-top:1px solid #EFEAF8;padding-top:6px;margin-top:3px}
.hk-tk-rows>span.is-total b{color:#146C2E}
.hk-org{display:inline-flex;align-items:center;gap:6px;background:#FFF4DC;color:#7A4A00;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:800}
.hk-org.is-green{background:#E6F7EC;color:#0F5424}
.hk-groups{display:flex;flex-direction:column;gap:8px}
.hk-groups>b{font-size:1.05rem;color:#17172E}
.hk-groups-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.hk-group{flex:0 0 220px;background:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 0 #E6E0F5,0 8px 20px rgba(60,30,120,.06)}
.hk-group b{color:#17172E}
.hk-group-new{flex:0 0 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:0;border-radius:18px;padding:14px;color:#6B6B85;font:inherit;font-weight:800;font-size:.95rem;text-decoration:none;cursor:pointer;box-shadow:0 1px 0 #E6E0F5,0 8px 20px rgba(60,30,120,.06)}
.hk-group-new>span{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#B13CFF,#FF2E8A);color:#fff;font-size:1.6rem;box-shadow:0 6px 16px rgba(214,0,107,.25)}
.hk-group-new:hover>span{filter:brightness(1.05)}
.hk-group-cancel{border:0;background:none;color:#6B6B85;font:inherit;font-weight:700;padding:10px;cursor:pointer}
.hk-repeat{box-shadow:0 0 0 2.5px #7C3CFF}
.hk-check{display:flex;gap:8px;align-items:center;justify-content:flex-start}
.hk-check input[type=checkbox],.hk .hk-note input[type=checkbox]{width:18px;height:18px;min-height:0;flex:0 0 18px;margin:0;accent-color:#5B21D6}
/* Lo oculto con [hidden] no se ve aunque el botón o la nota tengan display propio (el botón "Crear la salida" se veía antes del último paso). */
.hk [hidden]{display:none!important}
/* Preferencias de mesa plegables y compactas (26-oct) */
.hk-prefs>summary{list-style:none;cursor:pointer;user-select:none}
.hk-prefs>summary::-webkit-details-marker{display:none}
.hk-prefs>summary small i{display:inline-block;margin-left:4px;transition:transform .2s}
.hk-prefs[open]>summary small i{transform:rotate(180deg)}
.hk-prefs .hk-cb{padding:12px 14px 14px;gap:8px}
.hk-prefs .hk-chips{gap:6px}
.hk-prefs .hk-chip{min-height:32px;padding:0 11px;font-size:.8rem;gap:5px}
.hk-prefs .hk-chip input[type=checkbox]{width:14px;height:14px;min-width:14px;flex-basis:14px}

/* 29-oct: lista de espera (opción B) en el paso 7 y al cerrar la votación. */
.hk-wait .hk-cb{gap:8px}
.hk-wait-row{display:flex;gap:10px;align-items:flex-start;font-weight:700;line-height:1.5}
.hk-wait-row input{width:20px;height:20px;margin-top:3px;flex:0 0 auto}
.hk-wait-sel{font:inherit;font-weight:700;color:#3B1499;border:1.5px solid #D9CCFF;border-radius:10px;padding:4px 8px;background:#fff;max-width:100%}