:root{--azul:#173B65;--azul-2:#3276AC;--gris:#F2F5F8;--linea:#DDE5EE;--texto:#1B2A3D;--suave:#5C6B7E}
*{box-sizing:border-box}html,body{margin:0}
body.inf{font-family:Inter,system-ui,sans-serif;background:#E6EBF1;color:var(--texto);min-height:100vh}
.inf-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:10px 18px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 6px 20px -14px rgba(15,42,74,.45)}
.inf-back{color:var(--azul);font-weight:700;text-decoration:none;white-space:nowrap;padding:8px 10px;border-radius:10px}
.inf-back:hover{background:var(--gris)}
.inf-tit{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.inf-tit img{width:34px;height:34px}
.inf-tit b{display:block;font-family:Manrope,Inter,sans-serif;color:var(--azul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inf-tit span{display:block;font-size:.76rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inf-tit div{min-width:0}
.inf-ctrl{display:flex;align-items:center;gap:6px}
.inf-pag{font-size:.86rem;font-weight:600;color:var(--suave);white-space:nowrap;margin-right:4px}
.inf-ctrl button{width:36px;height:36px;border-radius:10px;border:1px solid var(--linea);background:#fff;font-size:1.2rem;cursor:pointer;color:var(--azul)}
.inf-dl{display:inline-flex;align-items:center;gap:6px;background:var(--azul);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:9px 14px;font-size:.88rem}
.inf-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}
.inf-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--azul-2),#5FB4E6);transition:width .3s}
.inf-main{padding:26px 14px 60px}
.inf-pages{display:flex;flex-direction:column;align-items:center;gap:18px;margin:0 auto}
.inf-pg{position:relative;background:#fff;box-shadow:0 18px 40px -22px rgba(15,42,74,.55);border-radius:4px;overflow:hidden;max-width:100%}
.inf-pg canvas{display:block;width:100%;height:auto}
.inf-pg .inf-num{position:absolute;right:10px;bottom:8px;background:rgba(23,59,101,.75);color:#fff;font-size:.72rem;font-weight:700;border-radius:20px;padding:3px 9px}
.inf-pg.cargando::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#f3f6f9 30%,#e8eef5 50%,#f3f6f9 70%);background-size:200% 100%;animation:infSh 1.2s linear infinite}
@keyframes infSh{to{background-position:-200% 0}}
.inf-load{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px 0;color:var(--suave);font-weight:600}
.inf-load span{width:38px;height:38px;border-radius:50%;border:4px solid #cfd9e5;border-top-color:var(--azul-2);animation:infR 1s linear infinite}
@keyframes infR{to{transform:rotate(360deg)}}
.inf-fin{max-width:560px;margin:34px auto 0;text-align:center;background:#fff;border-radius:18px;padding:26px;box-shadow:0 18px 40px -26px rgba(15,42,74,.5)}
.inf-fin b{font-family:Manrope,Inter,sans-serif;font-size:1.3rem;color:var(--azul)}
.inf-fin div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.inf-btn{display:inline-block;background:var(--azul);color:#fff;text-decoration:none;font-weight:700;border-radius:12px;padding:12px 18px}
.inf-btn.sec{background:var(--gris);color:var(--azul)}
.inf-err{max-width:520px;margin:80px auto;text-align:center;padding:0 16px}.inf-err a{color:var(--azul-2);font-weight:700}
@media(max-width:700px){.inf-back span,.inf-dl span,.inf-tit span{display:none}.inf-bar{gap:8px;padding:8px 10px}.inf-tit img{display:none}.inf-ctrl button{width:32px;height:32px}.inf-main{padding:14px 6px 50px}.inf-pages{gap:10px}}