#btnRecordatorios{position:relative;overflow:visible}
.badge-rec{position:absolute;left:-6px;bottom:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:none;align-items:center;justify-content:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:700;line-height:1;color:#151006;background:linear-gradient(135deg,var(--gold-2),var(--gold));border:2px solid var(--bg-0);box-shadow:0 5px 14px rgba(0,0,0,.28);z-index:3}
.badge-rec.on{display:flex}
#recDrawerBackdrop{position:fixed;inset:0;z-index:840;background:rgba(4,6,10,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s var(--ease),visibility .22s}
#recDrawerBackdrop.on{opacity:1;visibility:visible;pointer-events:auto}
#recPanel{position:fixed!important;z-index:850;top:0;right:0;bottom:0;left:auto;width:min(480px,calc(100vw - 24px));height:100dvh;margin:0!important;border-radius:26px 0 0 26px;padding:22px 20px max(22px,env(safe-area-inset-bottom));transform:translateX(104%);transition:transform .30s var(--ease),box-shadow .30s var(--ease);display:flex!important;flex-direction:column;overflow:hidden!important;animation:none!important;box-shadow:-24px 0 70px -30px rgba(0,0,0,.78),var(--sh-inset);contain:layout paint}
#recPanel.rec-drawer-open{transform:translateX(0)}
body.solo-lectura #recPanel{display:none!important}
#recPanel .list-head{cursor:default;flex:0 0 auto;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--brd-soft)}
#recPanel .list-right{gap:8px}
#recPanel .chev{display:none!important}
#recPanel .list-body{flex:1 1 auto;min-height:0;display:block!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent}
#recPanel.min .list-body{display:block!important}
.rec-drawer-close{width:38px;height:38px;flex:0 0 38px;border-radius:12px;border:1px solid var(--brd);background:var(--panel);color:var(--txt);display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}
.rec-drawer-close:hover{border-color:var(--gold);background:var(--panel-2)}
.rec-drawer-close:active{transform:scale(.94)}
@media(min-width:981px){#anioPanel{grid-column:1 / -1}}
body.rec-drawer-body-open{overflow:hidden}
@media(max-width:700px){
  #recDrawerBackdrop{background:rgba(4,6,10,.64)}
  #recPanel{top:auto;right:0;bottom:0;left:0;width:100%;max-width:none;height:min(88dvh,760px);border-radius:26px 26px 0 0;padding:18px 14px calc(16px + env(safe-area-inset-bottom));transform:translateY(104%);box-shadow:0 -24px 60px -28px rgba(0,0,0,.82),var(--sh-inset)}
  #recPanel.rec-drawer-open{transform:translateY(0)}
  #recPanel .list-head{margin-bottom:12px;padding:0 2px 11px}
  #recPanel .list-head h2{font-size:20px}
  #recPanel .list-body{padding:0 2px 8px}
  #recPanel .rec{padding:12px 11px}
  #recPanel .rec-txt{font-size:13.5px}
  body.rec-drawer-body-open #k8-assistant{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:520px){#btnRecordatorios{min-width:44px}}
@media(prefers-reduced-motion:reduce){#recPanel,#recDrawerBackdrop{transition:none!important}}