body:has(.instalar-main) { background: radial-gradient(circle at 10% 5%, #e8f3ff 0, transparent 28rem), #f7faff; }.instalar-main { padding-block: 34px 46px; }.instalar-intro { position: relative; max-width: 860px; margin: 0 auto 20px; padding: 23px 28px; overflow: hidden; border: 1px solid #dce9f8; border-radius: 18px; background: linear-gradient(125deg, #fff 20%, #edf6ff); text-align: center; box-shadow: 0 12px 28px rgba(8, 45, 102, .07); }.instalar-intro::after { position: absolute; right: -48px; bottom: -75px; width: 160px; height: 160px; border: 24px solid rgba(38, 111, 205, .09); border-radius: 50%; content: ''; }.instalar-intro p, .herramientas-descarga p { margin: 0 0 6px; color: var(--primario); font-size: 10px; font-weight: 850; letter-spacing: .13em; }.instalar-intro h1 { position: relative; z-index: 1; margin: 0 0 6px; color: var(--azul-900); font-size: clamp(26px, 3.3vw, 36px); letter-spacing: -.04em; }.instalar-intro span, .herramientas-descarga span { position: relative; z-index: 1; color: var(--texto-suave); }.instalar-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 860px; margin: auto; }.instalar-card { position: relative; padding: 22px 24px 19px; overflow: hidden; border: 1px solid #dde8f5; border-radius: 16px; background: var(--blanco); text-align: left; box-shadow: 0 9px 20px rgba(8, 45, 102, .05); transition: transform .2s ease, box-shadow .2s ease; }.instalar-card:hover { transform: translateY(-3px); box-shadow: 0 15px 28px rgba(8, 45, 102, .1); }.instalar-card::before { position: absolute; top: 0; right: 0; left: 0; height: 4px; background: var(--primario); content: ''; }.instalar-card.facturacion::before { background: #00447a; }.instalar-card img { width: 52px; height: 52px; margin-bottom: 10px; padding: 6px; border: 1px solid #dbe9f8; border-radius: 13px; background: #fff; object-fit: contain; }.instalar-card h2 { margin: 0 0 6px; color: var(--azul-900); font-size: 19px; letter-spacing: -.025em; }.instalar-card p { min-height: 44px; margin: 0 0 15px; color: var(--texto-suave); font-size: 13px; line-height: 1.45; }.instalar-card .btn { width: auto; min-width: 155px; min-height: 41px; justify-content: center; padding-inline: 16px; border-radius: 9px; }.instalar-card small { display: block; margin-top: 8px; color: var(--gris-500); font-size: 10px; text-align: left; }.instalar-card.facturacion .btn { background: #00447a; }.herramientas-descarga { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 860px; margin: 16px auto 0; padding: 17px 22px; border: 1px solid #cfe2f8; border-radius: 15px; background: linear-gradient(110deg, #e9f4ff, #fff); box-shadow: 0 7px 18px rgba(8, 45, 102, .04); }.herramientas-descarga h2 { margin: 0 0 4px; color: var(--azul-900); font-size: 18px; }.herramientas-descarga span { display: block; max-width: 560px; font-size: 12px; line-height: 1.4; }.herramientas-descarga .btn { flex: none; min-height: 40px; border-radius: 9px; white-space: nowrap; }.instalar-fact-body { min-height: 100vh; display: grid; place-items: center; padding: 20px; background: linear-gradient(135deg, #00447a, #1664a4); }.instalar-fact-main { width: min(100%, 420px); padding: 38px 30px; border: 1px solid rgba(255,255,255,.25); border-radius: 22px; background: rgba(255,255,255,.12); color: #fff; text-align: center; box-shadow: 0 20px 45px rgba(0,0,0,.2); }.instalar-fact-main img { width: 82px; height: 82px; border-radius: 17px; object-fit: contain; background: #fff; }.instalar-fact-main p { margin: 18px 0 6px; font-size: 10px; font-weight: 800; letter-spacing: .12em; }.instalar-fact-main h1 { margin: 0 0 9px; font-size: 28px; }.instalar-fact-main span { display: block; opacity: .86; font-size: 14px; }.instalar-fact-main .btn { width: 100%; justify-content: center; margin: 24px 0 12px; background: #fff; color: #00447a; }.instalar-fact-main a { color: #fff; font-size: 13px; font-weight: 700; }.instalar-fact-main small { display: block; margin-top: 20px; font-size: 11px; opacity: .75; }@media (max-width: 600px) { .instalar-main { padding-block: 20px 34px; }.instalar-intro { margin-bottom: 14px; padding: 20px 18px; border-radius: 15px; }.instalar-intro h1 { font-size: 27px; }.instalar-grid { grid-template-columns: 1fr; gap: 12px; }.instalar-card { padding: 20px 19px 17px; }.instalar-card p { min-height: auto; }.instalar-card .btn { min-width: 0; }.herramientas-descarga { display: grid; gap: 12px; padding: 18px; border-radius: 14px; }.herramientas-descarga .btn { width: 100%; justify-content: center; } }