body.instalar-fact-body { position:relative; height:100dvh; min-height:0; padding:12px; overflow:hidden; background:radial-gradient(circle at 18% 18%,#176faa 0,transparent 30%),radial-gradient(circle at 84% 78%,#008a9b 0,transparent 28%),linear-gradient(135deg,#031b38,#064d7c 55%,#063a68); }
body.instalar-fact-body::before,body.instalar-fact-body::after { position:fixed; border:1px solid rgba(130,220,255,.16); border-radius:50%; content:''; pointer-events:none; }body.instalar-fact-body::before { width:580px;height:580px;right:-270px;top:-260px;box-shadow:0 0 0 46px rgba(80,188,244,.035),0 0 0 95px rgba(80,188,244,.025); }body.instalar-fact-body::after { width:360px;height:360px;left:-230px;bottom:-210px; }
.instalar-fact-main { position:relative; width:min(100%,520px); max-height:calc(100dvh - 24px); padding:0 0 15px; overflow:hidden; border:1px solid rgba(177,228,255,.25); border-radius:25px; background:rgba(4,29,58,.62); box-shadow:0 32px 80px rgba(0,8,25,.42); text-align:left; }
.instalar-fact-visual { position:relative; display:flex; align-items:flex-end; height:128px; padding:18px 25px; overflow:hidden; background:radial-gradient(circle at 78% 20%,rgba(98,207,255,.5),transparent 32%),linear-gradient(125deg,#055b97,#0781b9 52%,#12a59c); }.instalar-fact-visual::after { position:absolute; right:-45px; bottom:-80px; width:190px; height:190px; border:25px solid rgba(255,255,255,.13); border-radius:50%; content:''; }.instalar-fact-logo { position:relative; z-index:1; width:62px; height:62px; margin:0; border:1px solid rgba(255,255,255,.65); border-radius:16px; box-shadow:0 14px 28px rgba(0,30,70,.27); }.instalar-fact-logo img { width:49px; height:49px; }.instalar-listo { position:relative; z-index:1; margin-left:11px; padding:6px 8px; border:1px solid rgba(255,255,255,.24); border-radius:99px; background:rgba(2,34,63,.24); color:#e8f8ff; font-size:8px; font-weight:900; letter-spacing:.08em; }.instalar-listo i { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#91ffbe; box-shadow:0 0 0 3px rgba(145,255,190,.18); }
.instalar-fact-main>p,.instalar-fact-main>h1,.instalar-fact-main>span,.instalar-fact-main>.instalar-beneficios,.instalar-fact-main>#instalarFacturacion,.instalar-fact-main>#estadoFacturacion,.instalar-fact-main>.instalar-guia,.instalar-fact-main>.instalar-ingresar { margin-left:25px; margin-right:25px; }.instalar-fact-main>p { margin-top:17px; margin-bottom:7px; color:#87d9ff; }.instalar-fact-main h1 { margin-top:0; margin-bottom:10px; color:#fff; font-size:31px; line-height:.98; letter-spacing:-.055em; }.instalar-fact-main>span { color:#c6e4f5; font-size:12px; line-height:1.5; }
.instalar-beneficios { display:flex; flex-wrap:wrap; gap:6px; margin-top:15px; }.instalar-beneficios span { padding:5px 7px; border:1px solid rgba(156,211,242,.19); border-radius:7px; color:#cfe9f8; font-size:9px; line-height:1.25; }
.instalar-fact-main .btn { display:grid; grid-template-columns:1fr auto; width:calc(100% - 50px); min-height:53px; margin-top:15px; margin-bottom:5px; padding:8px 10px 8px 14px; border:1px solid rgba(255,255,255,.7); border-radius:13px; background:linear-gradient(135deg,#fff,#d9f3ff); color:#064371; text-align:left; box-shadow:0 10px 22px rgba(0,0,0,.18); }.instalar-fact-main .btn b,.instalar-fact-main .btn small { display:block; }.instalar-fact-main .btn b { font-size:14px; }.instalar-fact-main .btn small { margin-top:1px; color:#46708d; font-size:9px; font-weight:700; }.instalar-fact-main .btn i { grid-column:2;grid-row:1/3;align-self:center; display:grid; width:29px;height:29px; place-items:center; border-radius:9px; background:#0876b5;color:#fff;font-size:17px;font-style:normal; }
.instalar-fact-main>#estadoFacturacion { display:block; color:#a9d5eb; line-height:1.4; text-align:left; }.instalar-guia { border-color:rgba(148,214,246,.2); background:rgba(3,18,43,.3); }.instalar-ingresar { color:#bce8ff; }
@media(max-width:520px){ .instalar-fact-body{padding:8px;}.instalar-fact-main{max-height:calc(100dvh - 16px);padding-bottom:11px;border-radius:20px;}.instalar-fact-visual{height:98px;padding:14px 18px;}.instalar-fact-main>p,.instalar-fact-main>h1,.instalar-fact-main>span,.instalar-fact-main>.instalar-beneficios,.instalar-fact-main>#instalarFacturacion,.instalar-fact-main>#estadoFacturacion,.instalar-fact-main>.instalar-guia,.instalar-fact-main>.instalar-ingresar{margin-left:18px;margin-right:18px;}.instalar-fact-main>p{margin-top:12px;}.instalar-fact-main h1{font-size:27px;}.instalar-fact-main .btn{width:calc(100% - 36px);margin-top:12px;}.instalar-fact-logo{width:53px;height:53px;}.instalar-fact-logo img{width:42px;height:42px;}.instalar-beneficios{margin-top:10px;}.instalar-beneficios span{font-size:8px;}.instalar-guia{margin-top:9px;margin-bottom:9px;padding:10px 12px;}.instalar-guia ol{gap:5px;margin:8px 0;}.instalar-guia li{font-size:11px;}.instalar-guia small{padding-top:7px;}.instalar-listo{font-size:7px;} }
@media(max-height:650px){ .instalar-fact-visual{height:82px;}.instalar-fact-main>p{margin-top:9px;}.instalar-beneficios{margin-top:8px;}.instalar-guia{padding:8px 11px;}.instalar-guia ol{gap:3px;margin:6px 0;}.instalar-guia small{display:none;} }