/* Página ceresdiario.com/app/: cómo instalar la app. */
* { box-sizing: border-box; }
body { margin: 0; background: #f3f5fa; color: #0C1C48; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.inst { max-width: 560px; margin: 0 auto; padding: calc(env(safe-area-inset-top) + 18px) 18px 40px; text-align: center; }
.inst-volver { display: inline-block; margin-bottom: 18px; color: #214BAA; font-size: 14px; text-decoration: none; }
.inst-icono { width: 120px; height: 120px; border-radius: 26px; box-shadow: 0 12px 28px rgba(12, 28, 72, .28); }
.inst h1 { font-size: 28px; line-height: 1.2; margin: 18px 0 8px; }
.inst-bajada { color: #4a5578; font-size: 16px; line-height: 1.5; margin: 0 0 18px; }
.inst-caja { background: #fff; border: 1px solid #e2e6f0; border-radius: 18px; padding: 16px; margin: 0 0 14px; text-align: left; }
.inst-caja h2 { font-size: 19px; margin: 0 0 10px; }
.inst-caja p { line-height: 1.5; color: #4a5578; margin: 0; }
.inst-boton { display: block; width: 100%; padding: 16px; border: 0; border-radius: 14px; background: #F97D00; color: #fff; font: inherit; font-size: 17px; font-weight: 800; cursor: pointer; margin-bottom: 12px; }
.inst-pasos { list-style: none; margin: 0; padding: 0; }
.inst-pasos li { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid #eef0f6; }
.inst-pasos li:last-child { border: 0; }
.inst-pasos b { display: block; font-size: 15.5px; }
.inst-pasos small { color: #5b6588; font-size: 13.5px; line-height: 1.4; }
.inst-dibujo { width: 50px; height: 50px; border-radius: 12px; background: #eef2fb; color: #214BAA; display: grid; place-items: center; flex: none; }
.inst-dibujo img { width: 42px; height: 42px; border-radius: 10px; }
.inst-nota { background: #fff6e8; border-radius: 10px; padding: 10px 12px; margin-bottom: 10px !important; color: #7a4200 !important; }
.inst-hecho { font-weight: 700; color: #00691c !important; }
.inst-abrir a { display: inline-block; margin-top: 8px; color: #214BAA; font-weight: 700; font-size: 16px; text-decoration: none; padding: 10px; }
.inst-pie { color: #8790ab; font-size: 13px; margin-top: 18px; }
/* Se muestran primero los pasos del aparato que se está usando. */
.inst[data-aparato="android"] [data-solo="iphone"], .inst[data-aparato="iphone"] [data-solo="android"] { order: 2; }
.inst[data-aparato="android"] [data-solo="compu"], .inst[data-aparato="iphone"] [data-solo="compu"] { display: none; }
.inst { display: flex; flex-direction: column; }
.inst > * { order: 1; }
.inst > .inst-abrir, .inst > .inst-pie { order: 3; }