/* =============================
   css/scenes/hospital.css
   ============================= */
/* ===== cena: hospital e a conta (fase 2) ===== */
#scene-hospital{background:linear-gradient(#e9f5f5 0 380px,#bfe3e3 380px 452px,#8fa3a8 452px)}
#scene-hospital::before{content:"";position:absolute;left:0;right:0;top:452px;height:6px;background:var(--k)}

#scene-hospital .headcard{left:8px;width:196px;top:8px;background:#fff}
#scene-hospital .headcard b{color:#1a7f7f}
#scene-hospital .bal{left:12px;right:12px;top:70px}

/* conta do hospital */
#scene-hospital .bill{left:30px;right:30px;top:184px;background:#fff;border:4px solid var(--k);box-shadow:5px 5px 0 var(--k);padding:6px 10px 8px;transform:rotate(-1.5deg);animation:slideIn .4s ease-out}
@keyframes slideIn{from{transform:translateY(40px) rotate(-6deg);opacity:0}}
#scene-hospital .bill h3{font:900 15px "PDDTitle",Impact,sans-serif;text-align:center;letter-spacing:.5px;border-bottom:3px solid var(--k);padding-bottom:3px;margin-bottom:4px}
#scene-hospital .bill .row{display:flex;justify-content:space-between;font:700 11.5px "PDDText","Comic Sans MS",sans-serif;border-bottom:2px dotted #888;padding:1px 0}
#scene-hospital .bill .tot{display:flex;justify-content:space-between;margin-top:4px;font:900 16px "PDDTitle",Impact,sans-serif;color:var(--r)}
#scene-hospital .bill small{display:block;margin-top:2px;text-align:right;font:700 10px "PDDText","Comic Sans MS",sans-serif;color:#555}

#scene-hospital .tag.h{left:30px;top:410px;transform:rotate(-4deg)}
#scene-hospital .tag.n{right:36px;top:410px;transform:rotate(4deg);background:#fff}
#scene-hospital .char.h{left:20px;bottom:8px;width:130px;height:195px}
#scene-hospital .char.nurse{right:20px;bottom:8px;width:130px;height:195px}