/* Mega v3 — guia de instalação (MEGA 829). Só com APP_V3_ONBOARD=1. Sem `gap` em flex, sem `inset`, sem `clamp()` e só transform/opacity nas animações: roda no iPhone 5s (iOS 12). */
/* t1079: parte da 1ª pintura (cartão, abertura, reservas de CLS). O tutorial fica em v3-onboard-guia.css, carregado ao abrir a guia. */
#e-passo1>.erro:last-child{margin-bottom:74px}
#e-passo1.ins-sem-demo>.erro:last-child{margin-bottom:0}
@font-face{font-family:'Inter Reserva';src:local('Arial'),local('Helvetica');size-adjust:106.8%;ascent-override:90.2%;descent-override:22.5%;line-gap-override:0%}
@font-face{font-family:'Barlow Reserva';src:local('Arial'),local('Helvetica');font-weight:600 900;size-adjust:68%}
:root{--ui:'Inter','Inter Reserva',system-ui,-apple-system,sans-serif;--disp:'Barlow Condensed','Barlow Reserva','Arial Narrow',system-ui,sans-serif}
.ins-btn{display:block;width:100%;min-height:48px;margin:12px 0 0;padding:12px 16px;border:0;border-radius:14px;font:700 16px/1.2 inherit;font-family:inherit;cursor:pointer;color:#fff;background:#222a3a}
.ins-btn.mega{background:linear-gradient(135deg,#ff5a3c,#ff2f6d);color:#fff}
.ins-btn.vidro{background:#222a3a}
.ins-btn.grande{min-height:60px;font-size:19px}
.ins-cartao{box-sizing:border-box;min-height:96px;display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:14px;border-radius:16px;background:#141a26;border:1px solid #2a3246}
.ins-cartao-txt{flex:1 1 auto;padding-right:12px}
.ins-cartao-txt b{display:block;font-size:16px}
.ins-cartao-txt span{display:block;color:#b8c3d6;font-size:14px}
.ins-cartao .ins-btn{width:auto;flex:0 0 auto;margin:0;padding:12px 16px}
.ins-abertura{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;background:#050608;display:flex;align-items:center;justify-content:center;opacity:1;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.ins-abertura.sai{opacity:0}
.ins-abertura img{width:112px;height:112px;-webkit-animation:ins-pop .85s ease-out both;animation:ins-pop .85s ease-out both}
@keyframes ins-pop{0%{opacity:0;transform:scale(.86)}40%{opacity:1}100%{opacity:1;transform:scale(1)}}
@-webkit-keyframes ins-pop{0%{opacity:0;-webkit-transform:scale(.86)}40%{opacity:1}100%{opacity:1;-webkit-transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.ins-abertura img{-webkit-animation:none;animation:none}}
#e-legal a{display:inline-block;min-height:44px;line-height:44px;padding:0 8px}
.marca{display:inline-flex;align-items:center;min-height:44px}
#nav button{min-height:44px}
.chip{min-height:44px}
@media not all and (display-mode:standalone){#entrada>.cx:not(.ins-ok) #e-legal{margin-top:130px!important}}