/* QI Core 0.1.3: aviso de renovacion. Estilos aislados del tema activo. */
#qi-renovation-notice[hidden] { display:none !important; }
#qi-renovation-notice, #qi-renovation-notice *, #qi-renovation-reopen { box-sizing:border-box; }
#qi-renovation-notice, #qi-renovation-reopen { font-family:Arial,Helvetica,sans-serif; }
#qi-renovation-notice { position:fixed; inset:0; z-index:100005; padding:18px; background:rgba(8,18,23,.76); display:flex; align-items:center; justify-content:center; overflow-y:auto; }
#qi-renovation-notice .qi-renovation-dialog { position:relative; display:block; isolation:isolate; width:min(630px,100%); max-height:calc(100dvh - 36px); overflow-y:auto; background:#f7f9f7; border:1px solid #d4deda; border-top:5px solid #fc6f38; border-radius:8px; box-shadow:0 25px 95px rgba(0,0,0,.38); padding:0; color:#122025; font-size:14px; line-height:1.55; }
#qi-renovation-notice .qi-renovation-topline { display:flex; align-items:center; gap:12px; padding:23px 62px 16px 30px; border-bottom:1px solid #e3e9e7; }
#qi-renovation-notice .qi-renovation-mark { display:grid; place-items:center; width:40px; height:40px; flex:none; background:#122025; border-radius:5px; font-weight:900; letter-spacing:-.07em; color:#fc6f38; font-size:18px; }
#qi-renovation-notice .qi-renovation-kicker { color:#4b6066; font:700 10px/1.4 Consolas,Monaco,monospace; letter-spacing:.08em; }
#qi-renovation-notice .qi-renovation-divider { color:#fc6f38; padding:0 4px; }
#qi-renovation-notice .qi-renovation-content { padding:24px 30px 25px; }
#qi-renovation-notice .qi-renovation-tag { display:block; margin:0 0 12px; color:#a94822; font:800 11px/1.4 Consolas,Monaco,monospace; letter-spacing:.075em; }
#qi-renovation-notice h2 { margin:0 0 14px; padding:0; max-width:510px; font:800 clamp(27px,4.1vw,39px)/1.15 Arial,Helvetica,sans-serif; letter-spacing:-.035em; color:#122025; text-transform:none; }
#qi-renovation-notice h2 span { color:#bd4b21; }
#qi-renovation-notice p { margin:0 0 17px; font-size:15px; line-height:1.6; color:#3e5257; }
#qi-renovation-notice .qi-renovation-operating { display:flex; align-items:center; gap:10px; margin:5px 0 23px; padding:13px 14px; background:#eaf0ed; border-left:3px solid #1e7762; border-radius:3px; font-size:13px; line-height:1.45; color:#122025; }
#qi-renovation-notice .qi-renovation-operating strong { color:#122025; font-weight:700; }
#qi-renovation-notice .qi-renovation-status-dot { flex:none; width:8px; height:8px; background:#1e886a; border-radius:50%; }
#qi-renovation-notice .qi-renovation-actions { display:flex; align-items:center; gap:12px; margin:0 0 15px; }
#qi-renovation-notice button { cursor:pointer; font-family:inherit; }
#qi-renovation-notice .qi-renovation-primary { display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:47px; border:1px solid #fc6f38; border-radius:4px; background:#fc6f38; color:#122025; padding:12px 19px; font-size:13px; line-height:1.3; font-weight:800; text-transform:none; box-shadow:none; }
#qi-renovation-notice .qi-renovation-primary:hover { background:#ef875e; border-color:#ef875e; }
#qi-renovation-notice .qi-renovation-close { position:absolute; top:17px; right:17px; z-index:1; width:38px; height:38px; display:grid; place-items:center; border:1px solid #cdd7d3; border-radius:4px; background:#fff; color:#122025; font-size:25px; line-height:1; padding:0; box-shadow:none; }
#qi-renovation-notice .qi-renovation-close:hover { background:#f0f4f2; }
#qi-renovation-notice .qi-renovation-footnote { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 18px; color:#687a7d; font-size:11px; line-height:1.5; margin:0; }
#qi-renovation-notice .qi-renovation-footnote span { white-space:normal; }
#qi-renovation-notice .qi-renovation-timer { height:4px; background:#dfebe5; }
#qi-renovation-notice .qi-renovation-timer span { display:block; height:100%; width:100%; background:#fc6f38; transform-origin:left center; }
#qi-renovation-notice.is-visible .qi-renovation-timer span { animation:qi-renovation-progress 5s linear both; }
@keyframes qi-renovation-progress { from {transform:scaleX(1);} to {transform:scaleX(0);} }
#qi-renovation-reopen { position:fixed; left:14px; bottom:72px; z-index:99998; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:39px; border:1px solid #cfdbd5; border-radius:100px; background:#f7f9f7; color:#122025; padding:8px 14px; box-shadow:0 5px 23px rgba(18,32,37,.18); font-weight:700; font-size:12px; cursor:pointer; line-height:1.2; }
#qi-renovation-reopen:hover { border-color:#fc6f38; }
#qi-renovation-notice button:focus-visible, #qi-renovation-reopen:focus-visible { outline:3px solid #fc6f38; outline-offset:3px; }
body.qi-renovation-dialog-open { overflow:hidden; }
@media(max-width:540px) {
  #qi-renovation-notice { padding:10px; align-items:center; }
  #qi-renovation-notice .qi-renovation-dialog { width:100%; max-height:calc(100dvh - 20px); }
  #qi-renovation-notice .qi-renovation-topline { padding:18px 56px 14px 20px; gap:9px; }
  #qi-renovation-notice .qi-renovation-mark { width:35px; height:35px; font-size:16px; }
  #qi-renovation-notice .qi-renovation-kicker { font-size:9px; }
  #qi-renovation-notice .qi-renovation-content { padding:19px 20px 23px; }
  #qi-renovation-notice h2 { font-size:clamp(25px,7vw,34px); }
  #qi-renovation-notice p { font-size:13px; }
  #qi-renovation-notice .qi-renovation-footnote { font-size:10px; }
  #qi-renovation-notice .qi-renovation-primary { width:100%; }
  #qi-renovation-reopen { left:10px; bottom:67px; }
}
@media(prefers-reduced-motion:reduce) { #qi-renovation-notice .qi-renovation-timer span { animation:none; } }