/* Limpeza: the kitchen before, the phone that books the cleaner, and the kitchen after. */
.hk-cleaning{position:relative;overflow:hidden;background:#d9d6cf}
.hk-photo{position:absolute;inset:0;width:100%;height:100%;display:block;transition:filter .2s linear}
.hk-sweep{position:absolute;inset:-10% 0;pointer-events:none;background:linear-gradient(100deg,transparent 38%,#ffffff26 44%,#ffffffc8 50%,#ffffff26 56%,transparent 62%);mix-blend-mode:screen;opacity:0}
.hk-sparkles path{opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 4px #fff)}
.hk-chip{position:absolute;left:16px;top:14px;padding:6px 11px;border-radius:999px;background:#ffffffe6;color:var(--hc-ink);font-size:11px;font-weight:750;box-shadow:0 4px 12px #0000001f;backdrop-filter:blur(6px)}
.hk-ready{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:#fffffff0;color:var(--hc-ink);font-size:12.5px;font-weight:800;line-height:1.3;opacity:0;box-shadow:0 10px 26px #0000002e}
.hk-ready>.icon{flex:none;width:28px;height:28px;padding:6px;border-radius:50%;background:var(--accent);color:#fff;stroke-width:2.4}
.hk-ready small{display:block;font-size:10.5px;font-weight:600;color:var(--hc-muted)}
.hk-phone{position:absolute;right:28px;bottom:-26px;width:214px;height:352px;padding:7px;border-radius:30px;background:#18202b;box-shadow:0 24px 50px #0000004d,inset 0 0 0 1px #ffffff1a;opacity:0;transform:translateY(112%);will-change:transform}
.hk-phone:before{content:'';position:absolute;top:13px;left:50%;width:56px;height:5px;border-radius:5px;background:#2c3644;transform:translateX(-50%)}
.hk-phone-screen{position:relative;display:flex;flex-direction:column;gap:9px;height:100%;padding:24px 11px 12px;overflow:hidden;border-radius:24px;background:#f7f8fa}
.hk-app-head small{display:block;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--accent)}
.hk-app-head strong{display:block;margin-top:2px;font-size:14px;line-height:1.25;letter-spacing:-.3px;color:var(--hc-ink)}
.hk-cleaners{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none}
.hc-carousel button.hk-cleaner{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:1px solid #e2e6ec;border-radius:11px;background:#fff;text-align:left;transition:border-color .25s,box-shadow .25s,background .25s}
.hc-carousel button.hk-cleaner.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-ring)}
.hk-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,var(--accent-bright),var(--accent-action));color:#fff;font-size:10px;font-weight:800}
.hk-cleaner-copy{display:flex;flex:1;flex-direction:column;min-width:0}
.hk-cleaner-copy strong{overflow:hidden;font-size:11px;line-height:1.3;color:var(--hc-ink);white-space:nowrap;text-overflow:ellipsis}
.hk-cleaner-copy small{overflow:hidden;font-size:9px;color:var(--hc-muted);white-space:nowrap;text-overflow:ellipsis}
.hk-cleaner b{flex:none;font-size:10px;font-weight:800;color:var(--hc-ink)}
.hc-carousel button.hk-call{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:auto;border:0;border-radius:11px;background:var(--accent-action);color:#fff;font-size:12px;font-weight:800;transition:background .2s,transform .15s,opacity .2s}
.hc-carousel button.hk-call:hover{background:var(--accent-action-hover)}
.hc-carousel button.hk-call:disabled{cursor:default;opacity:.55}
.hc-carousel button.hk-call.is-pressed{transform:scale(.96)}
.hk-confirm{position:absolute;left:11px;right:11px;bottom:12px;display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#fff;color:var(--hc-ink);font-size:11.5px;line-height:1.3;opacity:0;transform:translateY(10px);box-shadow:0 8px 20px #1f2a3a24;pointer-events:none;transition:opacity .3s,transform .3s}
.hk-confirm>.icon{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;background:var(--accent-soft);color:var(--accent);stroke-width:2.6;transition:background .3s,color .3s}
.hk-confirm small{display:block;font-size:10px;color:var(--hc-muted)}
.hk-cleaning:is([data-state=sent],[data-state=accepted],[data-state=clean]) .hk-confirm{opacity:1;transform:none}
.hk-cleaning:is([data-state=sent],[data-state=accepted],[data-state=clean]) .hk-call{opacity:0;pointer-events:none}
.hk-cleaning:is([data-state=accepted],[data-state=clean]) .hk-confirm>.icon{background:var(--accent);color:#fff}
@media(max-width:680px){
 .hk-phone{right:14px;width:196px;height:336px}
 .hk-ready{left:12px;right:12px;bottom:12px}
}
@media(max-width:420px){
 .hk-phone{left:50%;right:auto;width:220px;margin-left:-110px}
 .hk-chip{left:12px;top:12px}
}
@media(prefers-reduced-motion:reduce){.hk-photo,.hk-confirm,.hc-carousel button.hk-cleaner{transition:none}}
