:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17334a;background:#f5f9fc;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:#086887;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #ff8b43;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0b2c50;letter-spacing:.04em;font-size:23px}.marca img{border-radius:12px}.volver{font-weight:650;text-decoration:none}.volver span,.accesos span,.boton span{display:inline-grid;place-items:center;border-radius:50%;background:#ff7843;color:#102e48;width:30px;height:30px;flex-shrink:0;margin-left:10px}main{padding:14px 28px 45px}.hero{background:linear-gradient(125deg,#0b2c50,#146d89);color:white;border-radius:30px;padding:56px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:45px}.ceja{font-size:12px;letter-spacing:.16em;font-weight:750;color:#09778f}.hero .ceja{color:#98e5ef}h1{font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-.035em;margin:20px 0}h1 span{color:#a7eaf2}.intro{font-size:20px;max-width:560px}.boton{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:28px;background:#ff7843;color:#082c49;font:inherit;font-weight:750;padding:12px 19px;text-decoration:none;cursor:pointer;margin-top:13px}.boton span{background:#d9f2fa}.instalar{background:#d9f2fa;display:flex}.instalar[hidden]{display:none}.vista-icono{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.vista-icono img{border-radius:30px;box-shadow:0 15px 40px #031d3855;width:136px;height:136px}.vista-icono strong{font-size:24px}.vista-icono span{color:#c7e9f2;font-size:14px}#estado:empty{display:none}#dispositivos{padding:55px 0 25px;scroll-margin-top:20px}h2{font-size:clamp(26px,3vw,37px);line-height:1.22;letter-spacing:-.025em;margin:12px 0 26px}.tarjetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{background:white;padding:26px;border:1px solid #d5e4ed;border-radius:23px;min-width:0}.numero{font-size:13px;font-weight:750;background:#e1f1f6;color:#086887;padding:8px 12px;border-radius:14px}h3{font-size:24px;margin:19px 0 0}.navegador{margin:0 0 20px;color:#576f80}ol{padding-left:22px;margin-bottom:0}li{padding-left:5px;margin-bottom:16px}li::marker{font-weight:750;color:#07778c}.nota,.ayuda{font-size:14px;color:#526979}.nota{padding:14px 4px}.despues{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:34px;background:#e7f2f6;border-radius:25px;align-items:center}.despues h2{margin-bottom:15px}.accesos{display:grid;gap:14px}.accesos a{display:flex;align-items:center;justify-content:space-between;background:white;padding:15px 18px;border-radius:18px;text-decoration:none;font-weight:700}.ayuda{margin:26px 0 0}footer{padding:24px 28px;border-top:1px solid #d5e4ed;display:flex;justify-content:space-between;gap:18px;font-size:14px}.saltar{position:absolute;top:-100px;left:16px;padding:10px;background:white;z-index:10}.saltar:focus{top:10px}@media(max-width:900px){.hero{padding:36px;gap:25px}.tarjetas{grid-template-columns:1fr 1fr}.tarjetas article:last-child{grid-column:1/-1}.despues{grid-template-columns:1fr}}@media(max-width:560px){header{padding:18px}.marca{font-size:19px}.marca img{width:35px;height:35px}.volver{font-size:13px}main{padding:8px 16px 30px}.hero{grid-template-columns:1fr;padding:28px 24px;border-radius:24px;gap:25px}.intro{font-size:17px}.vista-icono{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:12px}.vista-icono img{width:64px;height:64px;border-radius:16px}.vista-icono strong{font-size:19px}.vista-icono span{width:100%;font-size:13px}.tarjetas{grid-template-columns:1fr}.tarjetas article:last-child{grid-column:auto}article{padding:24px}.despues{padding:25px;gap:18px}footer{flex-direction:column;padding:20px}#dispositivos{padding-top:35px}.boton{font-size:14px}.accesos a{font-size:14px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Flechas de los accesos de la guía de instalación. */
.volver,.boton,.accesos a{transition:background-color .18s,color .18s,transform .18s}
.volver{display:inline-flex;align-items:center}
.volver span,.accesos span,.boton span{width:34px;height:34px;transition:background-color .18s,color .18s,transform .18s}
.volver span svg,.accesos span svg,.boton span svg{display:block;width:20px;height:20px}
.volver:is(:hover,:focus-visible) span,.accesos a:is(:hover,:focus-visible) span{background:#bdeafa;color:#0b4163;transform:scale(1.12)}
.boton:is(:hover,:focus-visible){background:#ff925d;transform:scale(1.03)}
.boton:is(:hover,:focus-visible) span{background:#12628b;color:white;transform:scale(1.12)}
.instalar:is(:hover,:focus-visible){background:#bdeafa}
.accesos a:is(:hover,:focus-visible){background:#e2f3fb;transform:scale(1.02)}
.volver:is(:hover,:focus-visible){color:#0b4163;transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){.volver,.boton,.accesos a,.volver span,.accesos span,.boton span{transition:none;transform:none!important}}
