.instalar-fact-body { min-height: 100vh; padding: 24px; background: radial-gradient(circle at 15% 15%, #2378b8 0, transparent 25rem), linear-gradient(135deg, #00355f, #075d9d); }
.instalar-fact-main { width: min(100%, 500px); padding: 30px; border: 1px solid rgba(255,255,255,.26); border-radius: 24px; background: rgba(255,255,255,.13); color: #fff; text-align: center; box-shadow: 0 26px 60px rgba(0,20,45,.25); backdrop-filter: blur(10px); }
.instalar-fact-logo { display:grid; width:74px; height:74px; margin:0 auto 15px; place-items:center; border-radius:20px; background:#fff; box-shadow:0 10px 20px rgba(0,30,60,.2); }.instalar-fact-main img { width:58px; height:58px; padding:0; border:0; border-radius:0; background:transparent; }
.instalar-fact-main>p { margin:0 0 7px; color:#c9ecff; font-size:10px; font-weight:850; letter-spacing:.14em; }.instalar-fact-main h1 { margin:0 0 9px; font-size:31px; letter-spacing:-.04em; }.instalar-fact-main>span { max-width:365px; margin:auto; font-size:14px; line-height:1.45; }
.instalar-fact-main .btn { width:100%; min-height:46px; margin:22px 0 7px; border-radius:12px; background:#fff; color:#00447a; box-shadow:none; }.instalar-fact-main .btn b { margin-left:6px; font-size:17px; }.instalar-fact-main>#estadoFacturacion { margin:0 0 16px; color:#d6edff; font-size:11px; }
.instalar-guia { margin:14px 0; padding:15px 17px; border:1px solid rgba(255,255,255,.22); border-radius:14px; background:rgba(0,35,72,.2); text-align:left; }.instalar-guia strong,.instalar-guia span { display:block; }.instalar-guia strong { margin-bottom:4px; font-size:13px; }.instalar-guia span { font-size:12px; line-height:1.45; opacity:.9; }.instalar-guia ol { display:grid; gap:8px; margin:13px 0 11px; padding:0; list-style:none; counter-reset:pasos; }.instalar-guia li { counter-increment:pasos; padding-left:28px; font-size:12px; line-height:1.35; }.instalar-guia li::before { position:absolute; margin-left:-28px; display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:#fff; color:#075a97; content:counter(pasos); font-size:10px; font-weight:900; }.instalar-guia i { padding:1px 4px; border-radius:4px; background:rgba(255,255,255,.16); font-style:normal; }.instalar-guia small { display:block; padding-top:10px; border-top:1px solid rgba(255,255,255,.16); font-size:10px; line-height:1.4; opacity:.8; }.instalar-ingresar { display:inline-block; margin-top:5px; color:#fff; font-size:12px; font-weight:750; text-decoration:none; }.instalar-ingresar:hover { text-decoration:underline; }
@media (max-width: 520px) { .instalar-fact-body { display:block; padding:13px; }.instalar-fact-main { padding:25px 20px; border-radius:19px; }.instalar-fact-main h1 { font-size:27px; }.instalar-fact-logo { width:64px; height:64px; margin-bottom:13px; }.instalar-fact-main img { width:50px; height:50px; } }
.instalar-guia li { position: relative; }