/* ============================================================
   Celular mais realista nos filmes (05/10/2026): barra de status e barra do navegador (comum/celular-real.js).
   Vale para .lv-tela (E-commerce), .pv-tela (Landing Page) e .fm-tela (Sistema).
   ============================================================ */
.cr-status{position:absolute;top:0;left:0;right:0;height:24px;z-index:6;display:flex;align-items:center;justify-content:space-between;
  padding:5px 17px 0 22px;font:600 .62rem/1 -apple-system,BlinkMacSystemFont,'SF Pro Text','Manrope',sans-serif;letter-spacing:.01em;
  color:#111;pointer-events:none;transition:color .3s}
.cr-status span{display:flex;align-items:center;gap:4px}
.cr-status svg{height:8.5px;width:auto;fill:currentColor}
.cr-status svg:last-child{height:9.5px}
.cr-status.cr-claro{color:#fff}
.cr-status.cr-sem-hora b{visibility:hidden}
/* barra do navegador (só nas telas que são site) */
.cr-url{position:absolute;top:26px;left:9px;right:9px;height:23px;border-radius:12px;background:#ECEAF0;color:#2B2833;z-index:2;
  display:flex;align-items:center;justify-content:center;gap:5px;font:500 .58rem/1 -apple-system,BlinkMacSystemFont,'Manrope',sans-serif}
.cr-url svg{width:9px;height:9px;fill:currentColor;opacity:.65}
.lv-sc.cr-web,.pv-sc.cr-web{padding-top:56px}
/* tela bloqueada: lanterna e câmera no rodapé, como no iPhone */
.lv-bloq::before,.lv-bloq::after{content:'';position:absolute;bottom:18px;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.16) no-repeat center/14px;pointer-events:none}
.lv-bloq::before{left:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M8 2h8v5l-2 3v12h-4V10L8 7z'/%3E%3C/svg%3E")}
.lv-bloq::after{right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Ccircle cx='12' cy='13.5' r='3.5'/%3E%3Cpath d='M8 7l1.5-3h5L16 7'/%3E%3C/svg%3E")}
.cr-url .vazio{opacity:.55}
/* atrás da barra de status + endereço o fundo é sólido: a página rola por baixo sem aparecer ali (como no celular) */
.lv-sc.cr-web::after,.pv-sc.cr-web::after{content:'';position:absolute;top:0;left:0;right:0;height:52px;background:#F6F5F8;z-index:1;pointer-events:none}