/* Tela de entrada (apresentacao do app + login). Flex/grid com fallback para o iPad iOS 10 */
body.pagina-login{background:#050914;color:#fff;min-height:100vh}
.ld{min-height:calc(100vh - 44px);background:radial-gradient(900px 700px at 25% 25%,#13286a 0%,rgba(5,9,20,0) 70%),radial-gradient(700px 600px at 85% 80%,#0f2a5c 0%,rgba(5,9,20,0) 70%),#050914;
  display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:48px 64px}
.ld-txt{-webkit-flex:1 1 560px;flex:1 1 560px;max-width:620px;margin-right:52px}
.ld-marca{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:30px}
.ld-marca img{width:56px;height:56px;border-radius:14px;margin-right:14px}
.ld-marca b{font-size:28px;letter-spacing:-.3px}
.ld h1{font-size:58px;line-height:1.04;letter-spacing:-2px;font-weight:800;margin:0}
.ld h1 em{font-style:normal;color:#7cb2fb;background:linear-gradient(90deg,#60a5fa,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ld-sub{font-size:19px;line-height:1.5;color:rgba(255,255,255,.72);margin:18px 0 28px;max-width:560px}
.ld-rec{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}
.ld-r{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:13px 14px}
.ld-r i{font-style:normal;font-size:21px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:11px;background:rgba(96,165,250,.16);-webkit-flex:none;flex:none;margin-right:12px}
.ld-r b{font-size:15px;display:block}.ld-r small{font-size:13px;color:rgba(255,255,255,.62);line-height:1.35}
.ld-selos{margin-top:20px}
.ld-selos span{display:inline-block;font-size:13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 13px;color:rgba(255,255,255,.85);margin:0 8px 8px 0}
.ld-fone{width:290px;height:580px;border-radius:46px;background:#111;padding:11px;box-shadow:0 30px 90px rgba(37,99,235,.45),0 0 0 2px #2a2a2a;position:relative;-webkit-flex:none;flex:none;margin-right:52px;cursor:pointer}
.ld-fone video{width:100%;height:100%;object-fit:cover;border-radius:36px;display:block;background:#000}
.ld-capa{position:absolute;top:11px;left:11px;width:calc(100% - 22px);height:calc(100% - 22px);object-fit:cover;border-radius:36px;-webkit-transition:opacity .4s;transition:opacity .4s;pointer-events:none}
.ld-capa.fora{opacity:0}
.ld-play{position:absolute;bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:13px;background:rgba(0,0,0,.6);border-radius:999px;padding:7px 13px;white-space:nowrap}
.ld-login{background:#fff;color:#111;border-radius:24px;padding:30px 30px 22px;box-shadow:0 30px 80px rgba(0,0,0,.45);width:380px;-webkit-flex:none;flex:none}
.ld-login h2{font-size:24px;margin:0 0 4px}
.ld-m{font-size:14px;color:#6b7280;margin:0 0 6px}
.ld-login .btn{margin-top:14px}
.ld-ou{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#9ca3af;font-size:12px;margin:14px 0 0}
.ld-ou:before,.ld-ou:after{content:"";-webkit-flex:1;flex:1;height:1px;background:#e5e7eb}
.ld-ou:before{margin-right:10px}.ld-ou:after{margin-left:10px}
.ld-priv{text-align:center;font-size:12.5px;color:#6b7280;background:#f3f4f6;border-radius:10px;padding:8px;margin-top:16px}
.ld-dica{font-size:12.5px;color:#9ca3af;text-align:center;margin:14px 0 0}
.ld-so-cel{display:none}
.ld-rod{text-align:center;color:rgba(255,255,255,.35);font-size:12px;padding:14px;background:#050914}
/* telas medias: video sai, ficam texto e login */
@media (max-width:1240px){.ld-fone{display:none}}
/* celular e tablet em pe: chamada, login, depois video e recursos */
@media (max-width:900px){
  .ld{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;padding:26px 18px 30px}
  .ld-txt{-webkit-order:1;order:1;-webkit-flex:none;flex:none}
  .ld-login{-webkit-order:2;order:2}
  .ld-fone{-webkit-order:3;order:3}
  .ld-so-cel{-webkit-order:4;order:4}
  .ld-txt{margin:0 0 22px;max-width:none}
  .ld-marca{margin-bottom:18px}.ld-marca img{width:44px;height:44px}.ld-marca b{font-size:22px}
  .ld h1{font-size:36px;letter-spacing:-1px}.ld-sub{font-size:16px;margin:12px 0 0}
  .ld-so-grande{display:none}
  .ld-login{width:auto;max-width:440px;margin:0 auto}
  .ld-fone{display:block;margin:30px auto 0;width:250px;height:500px}
  .ld-so-cel{display:block;max-width:440px;margin:26px auto 0}
  .ld-so-cel .ld-rec{grid-template-columns:1fr}
}