/* The landlord's story: shared header pieces, then one block per scene. */

/* Window header: the home's state, and a door to the same moment in the other audience's story. */



.hc-carousel button.hc-mirror{display:inline-flex;flex:none;align-items:center;gap:6px;height:28px;padding:0 11px;border:1px solid var(--accent-line);border-radius:999px;background:#fff;color:var(--accent-strong);font-size:11px;font-weight:750;white-space:nowrap;transition:background .2s,border-color .2s}
.hc-carousel button.hc-mirror:hover{border-color:var(--accent);background:var(--accent-soft)}
.hc-mirror .hc-icon{width:14px;height:14px}
.hc-mirror[hidden]{display:none!important}
.feature-tab-chapter{display:block;margin-bottom:-12px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.feature-index[data-role=landlord]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:680px){
 .feature-index[data-role=landlord]{grid-template-columns:repeat(2,minmax(0,1fr))}
 
 .hc-carousel button.hc-mirror{width:30px;padding:0;justify-content:center}.hc-mirror span{display:none}
}

/* 01 · Preparar: record each room, then the exit inventory against the entry record. */
.ht-feed{position:absolute;inset:0}
.ht-feed>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.14);transition:opacity .5s ease}
.ht-done{position:absolute;z-index:3;left:12px;right:12px;top:50%;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:#ffffffee;color:var(--hc-ink);font-size:11px;font-weight:800;line-height:1.3;opacity:0;transform:translateY(-50%);box-shadow:0 8px 20px #0000002e}
.ht-done>.icon{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--accent);color:#fff;stroke-width:2.4}
.ht-done small{display:block;font-size:10px;font-weight:600;color:var(--hc-muted)}
.ht-panel{display:grid;align-self:center;min-width:0}
.ht-step{grid-area:1/1;min-width:0}
.ht-step[aria-hidden=true]{pointer-events:none}
.ht-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--accent)}
.ht-step h3{margin:6px 0 16px}
.ht-rooms,.ht-items{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
.ht-rooms{gap:8px}
.ht-rooms li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--hc-line);border-radius:10px;background:#ffffffb3;opacity:.55;transition:opacity .3s,border-color .3s,background .3s}
.ht-rooms li.is-active,.ht-rooms li.is-done{opacity:1}
.ht-rooms li.is-active{border-color:var(--accent-line);background:#fff}
.ht-rooms li>.icon{flex:none;width:18px;height:18px;color:var(--accent)}
.ht-rooms li>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
.ht-rooms strong{font-size:12.5px;line-height:1.2}
.ht-rooms i{display:block;height:3px;overflow:hidden;border-radius:3px;background:var(--hc-line)}
.ht-rooms b{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.ht-room-check{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s}
.ht-room-check .icon{width:12px;height:12px;stroke-width:2.4}
.ht-rooms li.is-done .ht-room-check{opacity:1;transform:none}
.ht-items{gap:6px}
.ht-items li{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--hc-line);border-radius:10px;background:#fff;transition:border-color .3s,box-shadow .3s}
.ht-items img{flex:none;width:34px;height:34px;border-radius:7px;object-fit:cover;background:var(--hc-paper)}
.ht-items li>span{display:flex;flex:1;flex-direction:column;min-width:0}
.ht-items strong{overflow:hidden;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}
.ht-items small{font-size:10px;color:var(--hc-muted)}
.ht-items em{flex:none;padding:3px 8px;border-radius:999px;background:var(--hc-paper);color:var(--hc-muted);font-size:10px;font-style:normal;font-weight:750;white-space:nowrap;transition:background .3s,color .3s}
.ht-items li.is-checked em{background:var(--accent-soft);color:var(--accent-ink)}
.ht-items li.is-flagged{border-color:#efc98a;box-shadow:0 0 0 3px #f6e2bd80}
.ht-items li.is-flagged em{background:#fbe7c4;color:#7a4b0c}
.ht-summary{display:block;margin-top:12px;font-size:11px;font-weight:700;color:var(--hc-muted)}
@media(max-width:420px){
 .ht-step h3{margin-bottom:12px}.ht-rooms li{padding:8px 9px;gap:8px}.ht-items li{gap:7px;padding:5px 7px 5px 5px}
 .ht-items li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:7px;row-gap:3px}
 .ht-items img{grid-row:span 2;width:28px;height:28px}.ht-items small{display:none}.ht-items em{justify-self:start;padding:1px 6px;font-size:9px}
 .ht-step h3 br{display:none}
 .ht-done{left:8px;right:8px;padding:8px 9px;font-size:10px}
}

/* 03 · Cartazes: formats reshape the same sheet; then the listing is out. */
.hc-poster-art{display:grid;place-items:center}
.hc-poster-art>svg{grid-area:1/1}
.hc-poster-published{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;font-weight:750;line-height:1.35;color:var(--accent-ink);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.hc-poster-published.is-visible{opacity:1;transform:none}
.hc-poster-published .hc-icon{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--accent);color:#fff;stroke-width:2.4}
@media(max-width:420px){.hc-poster-published{margin-top:8px;font-size:10px}}

/* 04 · Candidaturas, landlord's side. */
.hc-application .hla-waiting{flex-direction:row;align-items:center;justify-content:center;gap:10px;min-height:120px;border-style:dashed;background:#ffffffa6;color:var(--hc-muted);font-size:11px;font-weight:650;line-height:1.4;text-align:center}
.hla-pulse{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:hla-pulse 1.4s ease-in-out infinite}
@keyframes hla-pulse{50%{opacity:.3;transform:scale(.7)}}
.hc-application .hla-card{gap:10px;opacity:0}
.hla-count{opacity:0}
.hla-documents{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.hla-documents li{display:flex;align-items:center;gap:8px;color:var(--hc-muted);font-size:10.5px;font-weight:650;transition:color .3s}
.hla-documents .icon{flex:none;width:15px;height:15px}
.hla-documents em{display:grid;place-items:center;flex:none;width:17px;height:17px;margin-left:auto;border:1px solid var(--hc-line);border-radius:50%;color:transparent;transition:background .3s,border-color .3s,color .3s}
.hla-documents em .icon{width:11px;height:11px;stroke-width:2.6}
.hla-documents li.is-checked{color:var(--hc-ink)}
.hla-documents li.is-checked em{border-color:var(--accent);background:var(--accent);color:#fff}
.hc-application .hla-accept{background:var(--accent-action);color:#fff;transition:background .2s,transform .15s}
.hc-application .hla-accept:hover{background:var(--accent-action-hover)}
.hc-application .hla-accept:disabled{background:var(--accent-soft);color:var(--accent-ink)}
.hc-application .hla-accept.is-pressed{transform:scale(.97)}
.hla-landlord[data-state=verified] .ha-review-badge,.hla-landlord[data-state=accepted] .ha-review-badge{background:var(--accent-soft);color:var(--accent-ink)}
@container application (max-width:420px){
 .hc-application .hla-card{gap:6px}.hla-card .ha-facts{display:none}.hla-documents{gap:3px}
 .hc-application .hla-waiting{min-height:90px}
}

/* 05 · Rendas, landlord's side: the landlord confirms the money arrived. */
.hc-payment-route{position:relative}
.hc-payment button.hc-payment-confirm{position:absolute;left:50%;bottom:10px;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:var(--accent-ink);font-size:12px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,8px);box-shadow:0 6px 16px #0000002e;transition:opacity .3s,transform .3s}
.hc-payment button.hc-payment-confirm.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.hc-payment button.hc-payment-confirm.is-pressed{transform:translate(-50%,0) scale(.94)}
.hc-payment-confirm .icon{width:15px;height:15px;color:var(--accent);stroke-width:2.4}
.hc-payment[data-payment-phase=confirming]:has(.hc-payment-confirm) .hc-payment-route-label{opacity:0}

/* 06 · Crescer: the map hands over to the simulator. */
.hg-growth{position:relative}
.hg-phase{position:absolute;inset:0}
.hg-phase>.hc-scene{height:100%}
.hg-phase[aria-hidden=true]{pointer-events:none}








/* Narrow windows keep the home's state and drop the slide name and the home's name. */


@media(prefers-reduced-motion:reduce){.hla-pulse{animation:none}}