/* =============================
   css/scenes/zap.css
   ============================= */
/* ===== cena: ZapZap (H vê a promessa do 01) ===== */
#scene-zap{background:linear-gradient(#ffe9a8 0 66%,#c98b55 66%)}
#scene-zap::before{content:"";position:absolute;left:0;right:0;top:66%;height:6px;background:var(--k)}

#scene-zap .phone{left:75px;top:8px;width:200px;height:304px;background:#e7ddd0;border:5px solid var(--k);border-radius:26px;box-shadow:6px 6px 0 var(--k);overflow:hidden}
#scene-zap .phone>*{position:relative}
#scene-zap .zh{background:var(--g);color:#fff;font:900 12px "PDDText","Comic Sans MS",sans-serif;padding:6px 8px;border-bottom:3px solid var(--k)}
#scene-zap .zf{font:italic 10px sans-serif;color:#555;padding:3px 8px}
#scene-zap .zb{margin:6px 8px 0;background:#fff;border:3px solid var(--k);border-radius:4px 12px 12px 12px;padding:5px 7px;font:700 11px/1.3 "PDDText","Comic Sans MS",sans-serif}
#scene-zap .zb em{display:block;text-align:right;font:9px sans-serif;color:#2a8}

/* presidente 01 (feito de divs) */
#scene-zap .vid{margin:0 8px;height:112px;background:var(--b);border:3px solid var(--k);border-radius:10px;overflow:hidden}
#scene-zap .vid>*{position:absolute}
#scene-zap .rec{left:5px;top:4px;z-index:3;font:900 9px sans-serif;color:#fff;background:var(--r);padding:1px 5px;border-radius:6px;border:2px solid var(--k)}
#scene-zap .sunb{left:50%;top:10px;margin-left:-38px;width:76px;height:76px;border-radius:50%;background:var(--y);border:3px solid var(--k)}
#scene-zap .pbody{left:50%;margin-left:-52px;bottom:-3px;width:104px;height:44px;background:#1d2b64;border:3px solid var(--k);border-radius:34px 34px 0 0;overflow:hidden}
#scene-zap .pbody>*{position:absolute}
#scene-zap .psash{left:-12px;top:16px;width:132px;height:12px;border:2px solid var(--k);background:linear-gradient(var(--y) 0 35%,var(--g) 35% 65%,var(--y) 65%);transform:rotate(-24deg)}
#scene-zap .ptie{left:50%;margin-left:-5px;top:0;width:10px;height:26px;background:var(--y);border:2px solid var(--k);border-radius:0 0 5px 5px}
#scene-zap .phead{left:50%;margin-left:-26px;bottom:32px;width:52px;height:54px;background:#f7c08a;border:3px solid var(--k);border-radius:46% 46% 52% 52%}
#scene-zap .phead>*{position:absolute}
#scene-zap .phair{top:-6px;left:-4px;right:-4px;height:20px;background:#2a1a0e;border:3px solid var(--k);border-radius:30px 30px 8px 18px}
#scene-zap .phair::before{content:"";position:absolute;left:10px;top:-11px;width:28px;height:14px;background:#2a1a0e;border:3px solid var(--k);border-bottom:0;border-radius:50% 50% 0 0}
#scene-zap .pe{top:21px;width:10px;height:10px;border:2px solid var(--k);border-radius:50%;background:radial-gradient(circle,var(--k) 0 2px,#fff 2.5px)}
#scene-zap .pe.l{left:7px}
#scene-zap .pe.r{right:7px}
#scene-zap .pbrow{top:14px;width:11px;height:3px;background:#2a1a0e}
#scene-zap .pbrow.l{left:6px;transform:rotate(8deg)}
#scene-zap .pbrow.r{right:6px;transform:rotate(-8deg)}
#scene-zap .pmouth{left:50%;margin-left:-11px;bottom:6px;width:22px;height:8px;background:#8a1c1c;border:2px solid var(--k);border-radius:0 0 14px 14px;box-shadow:inset 0 4px 0 #fff}
#scene-zap .vid.talk .pmouth{animation:yap2 .16s infinite alternate}
@keyframes yap2{to{height:15px}}

#scene-zap .tag{left:24px;top:330px;transform:rotate(-4deg)}
#scene-zap .char.h{left:22px;bottom:8px;width:172px;height:258px}
#scene-zap .bal{left:198px;right:10px;top:346px}