/* Diseño independiente del panel Novedades */
.changelog-dialog{width:min(720px,calc(100vw - 28px));max-height:min(850px,calc(100vh - 28px));border-radius:22px;background:#f8f9fd;color:#0a173c;box-shadow:0 30px 100px #02091e8c;overflow:auto}
.changelog-dialog::backdrop{background:#07102e9c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.changelog-head{position:relative;top:auto;display:block;padding:1px 50px 28px;text-align:center;color:#0a173c;background:linear-gradient(180deg,#f1f3fb 0,#f8f9fd 100%);border:0}
.changelog-head .changelog-symbol{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:38px auto 20px;border-radius:50%;background:#08163c;color:#fff;font:400 40px/1 DM Sans;letter-spacing:0;text-transform:none;box-shadow:0 12px 24px #08163c2e}
.changelog-head .changelog-symbol i{position:absolute;top:-6px;right:-8px;display:grid;place-items:center;width:32px;height:32px;border:3px solid #f8f9fd;border-radius:50%;background:#ffad0b;color:#fff;font:400 15px/1 DM Sans;font-style:normal}
.changelog-head .changelog-kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:#e5e7ee;color:#575d6b;font:700 10px DM Sans;text-transform:uppercase;letter-spacing:.55px}
.changelog-head .changelog-kicker i{width:8px;height:8px;border-radius:50%;background:#ffad0b}
.changelog-head h2{margin:16px 0 7px;color:#08163c;font:700 28px/1.2 DM Sans;text-transform:none;letter-spacing:-.4px}.changelog-head p{margin:0;color:#777e8d;font:400 13px/1.5 DM Sans}
.changelog-head>button{position:absolute;top:22px;right:22px;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#747b8c;font:400 27px/1 DM Sans;cursor:pointer;box-shadow:0 5px 20px #0a173c0a;transition:transform .2s,background .2s,color .2s}.changelog-head>button:hover{transform:rotate(8deg);background:#eef1f8;color:#0a173c}
.changelog-body{padding:8px 35px 34px}.release{margin-bottom:12px;padding:20px 22px;border:1px solid #e0e4ef;border-radius:15px;background:#fff;box-shadow:0 7px 20px #12204d0a}.release:last-child{border-bottom:1px solid #e0e4ef}.release:before{display:none}.release.current{border:1px solid #f0cb65;background:linear-gradient(135deg,#fffdf6,#fff)}
.release-meta{gap:8px}.release-meta b{padding:4px 8px;border-radius:999px;background:#08163c;color:#fff;font:700 10px DM Sans}.release-meta time{font-size:9px;color:#858b9b}.release-meta em{border-radius:999px;background:#ffad0b;color:#08163c;font:800 7px DM Sans}.release h3{margin:11px 0 8px;color:#0a173c;font:700 17px/1.25 DM Sans;text-transform:none}.release ul{color:#666e80;font-size:11px;line-height:1.7}.release li::marker{color:#ffad0b}
@media(max-width:600px){.changelog-head{padding:1px 25px 23px}.changelog-head .changelog-symbol{width:68px;height:68px;margin-top:42px;font-size:33px}.changelog-head>button{top:14px;right:14px;width:39px;height:39px}.changelog-head h2{font-size:23px}.changelog-body{padding:7px 16px 22px}.release{padding:17px}}
@media(prefers-reduced-motion:reduce){.changelog-head>button{transition:none}}

/* Aviso lateral de actualización, inspirado en el panel Novedades */
aside.live-update{position:fixed;z-index:20;right:22px;bottom:22px;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:18px;width:min(480px,calc(100vw - 28px));padding:25px;border:1px solid #dfe3ef;border-radius:18px;background:#f8f9fd;color:#08163c;box-shadow:0 24px 70px #07113f4d,0 0 0 1px #ffffffb8;animation:updateArrival .35s ease-out}
aside.live-update[hidden]{display:none!important}
aside.live-update .live-update-icon{position:relative;display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:50%;background:#08163c;color:#fff;font:400 30px/1 DM Sans;box-shadow:0 10px 22px #08163c2b}
aside.live-update .live-update-icon:after{content:"✦";position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:27px;height:27px;border:3px solid #f8f9fd;border-radius:50%;background:#ffad0b;color:#fff;font:400 13px/1 DM Sans}
aside.live-update>div{min-width:0;flex:none}
aside.live-update small{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:#e5e7ee;color:#575d6b;font:800 9px DM Sans;text-transform:uppercase;letter-spacing:.65px}
aside.live-update small:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffad0b}
aside.live-update strong{display:block;margin:14px 0 0;color:#08163c;font:700 22px/1.2 DM Sans;text-transform:none;letter-spacing:-.25px}
aside.live-update ul{margin:15px 0 18px;padding:13px 16px 13px 31px;border:1px solid #f1cf70;border-radius:11px;background:#fff9e9;color:#626877;font:500 11px/1.55 DM Sans}
aside.live-update li::marker{color:#d28b00}
aside.live-update .live-update-actions{display:flex;gap:8px}
aside.live-update .live-update-actions button{padding:11px 14px;border:1px solid #08163c;background:#08163c;color:#fff;font:800 9px DM Sans;text-transform:uppercase;letter-spacing:.55px;cursor:pointer}
aside.live-update .live-update-actions button:last-child{border-color:#cfd4e1;background:#fff;color:#596173}
aside.live-update .live-update-actions button:hover{background:#18306f;color:#fff}aside.live-update .live-update-actions button:last-child:hover{border-color:#08163c;background:#eef1f8;color:#08163c}
@media(max-width:600px){aside.live-update{right:14px;bottom:14px;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:18px;border-radius:15px}aside.live-update .live-update-icon{width:48px;height:48px;font-size:24px}aside.live-update .live-update-icon:after{width:22px;height:22px;font-size:10px}aside.live-update strong{font-size:18px}aside.live-update .live-update-actions{flex-direction:column}aside.live-update .live-update-actions button{width:100%}}