/* Sección "Próximamente" — Calendario Grupo JAO. CSS aislado bajo .jc (no requiere Tailwind) */
.jc{--cmt:#3a6cdd;--cdlr:#e0457b;--accent:#ff9000;--ink:#1c1b1b;--muted:#5f5e66;--line:#e7e2e1;--bg:#fbf8f7;--card:#fff;--ok:#1fb35b;
  font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);padding:32px 16px 48px;-webkit-font-smoothing:antialiased}
.jc *,.jc *::before,.jc *::after{box-sizing:border-box}
.jc [hidden]{display:none!important}
.jc-wrap{max-width:880px;margin:0 auto}
.jc-ico{width:18px;height:18px;flex:none}
.jc-group+.jc-group{margin-top:36px}
.jc-year{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.jc-year b{font:800 64px/.9 'Barlow Condensed',sans-serif;color:transparent;-webkit-text-stroke:1.5px var(--ink);letter-spacing:-.02em}
.jc-year span{font:600 11px/1.3 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.jc-year::after{content:"";flex:1;height:1px;background:var(--line)}
.jc-item{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-top:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.jc-item.open{border-color:var(--b);box-shadow:0 8px 24px -12px rgba(28,27,27,.25)}
.jc-main{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px 12px 14px 18px}
.jc-main::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--b)}
@media(min-width:440px){.jc-main{grid-template-columns:48px 64px 1fr auto;gap:14px}}
.jc-date{text-align:center;line-height:1}
.jc-date small{display:block;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--b);margin-bottom:3px}
.jc-date b{font:800 34px/.9 'Barlow Condensed',sans-serif}
.jc-thumb{display:none;width:64px;height:64px;border-radius:12px;background:#ece7e6 center/cover no-repeat}
@media(min-width:440px){.jc-thumb{display:block}}
.jc-info{min-width:0}
.jc-info b{display:block;font:700 26px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jc-info span{display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jc-bell{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);
  font:600 13px Inter,sans-serif;color:var(--ink);cursor:pointer;transition:all .2s}
.jc-bell .jc-ico{width:18px;height:18px}
.jc-bell:hover,.jc-item.open .jc-bell{border-color:var(--b);color:var(--b)}
.jc-item.done .jc-bell{background:var(--ok);border-color:var(--ok);color:#fff;pointer-events:none}
.jc-form{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.jc-item.open .jc-form{grid-template-rows:1fr}
.jc-form>div{overflow:hidden}
.jc-form form{margin:0;padding:2px 16px 18px}
.jc-form p{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--muted)}
.jc-field{display:flex;gap:8px}
.jc-field input{flex:1;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;font:400 16px Inter,sans-serif;color:var(--ink);background:var(--bg);outline:none;transition:border-color .2s}
.jc-field input:focus{border-color:var(--b);background:#fff}
.jc-field button{flex:none;height:48px;padding:0 18px;border:0;border-radius:12px;background:var(--b);color:#fff;font:600 14px Inter,sans-serif;cursor:pointer}
.jc-field button:disabled{opacity:.6;cursor:wait}
.jc-check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:12px;line-height:1.4;color:var(--muted);cursor:pointer}
.jc-check input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--b);flex:none}
.jc-check a{color:var(--b)}
.jc-msg{min-height:0;margin-top:8px;font-size:13px;color:#c0362c}
.jc-msg:empty{display:none}
.jc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.jc-ok{display:none;padding:2px 16px 18px;font-size:14px;line-height:1.45;color:var(--ink)}
.jc-ok b{color:var(--ok)}
.jc-item.done form{display:none}.jc-item.done .jc-ok{display:block}
@media(prefers-reduced-motion:reduce){.jc *{transition:none!important;animation:none!important}}