@layer reset, tokens, legado, componentes; @layer legado {
.jo-chb{--chb-card:#fff;--chb-text:#1d1d1f;--chb-deep:#10243f;--chb-mut:#55657a;--chb-hair:rgba(15,23,42,.08);--chb-pri:#005bb5;--chb-cur:#0071e3;--chb-summer:#e0952a;--chb-winter:#2f6fcf;--chb-or:#c25e06;--chb-or-soft:#fff1e3;--chb-sh:0 1px 3px rgba(15,23,42,.07);margin:36px 0 8px;font-family:'Noto Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
body.dark-mode .jo-chb{--chb-card:#111827;--chb-text:#e5e7eb;--chb-deep:#f1f5f9;--chb-mut:#a8b3c2;--chb-hair:rgba(148,163,184,.2);--chb-pri:#7cb8ff;--chb-cur:#60a5fa;--chb-summer:#f2b55a;--chb-winter:#5b9cf0;--chb-or:#f59e4b;--chb-or-soft:rgba(245,158,75,.14);--chb-sh:0 1px 3px rgba(0,0,0,.5)}
.jo-chb>h2{margin:0 0 14px;text-align:left}
.jo-chb ul{list-style:none;margin:0;padding:0}
.jo-chb ul>li{margin:0;padding:0}
.jo-chb ul>li::before{content:none}
.jo-chb-yrs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.jo-chb-y{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--chb-card);border:1px solid var(--chb-hair);border-radius:14px;box-shadow:var(--chb-sh);padding:12px 6px;text-align:center;box-sizing:border-box;min-width:0}
.jo-chb-y.is-cur{border:1.5px solid var(--chb-cur);background:var(--chb-card)}
.jo-chb-yy{font-weight:800;font-size:17px;color:var(--chb-deep);line-height:1.2}
.jo-chb-y.is-cur .jo-chb-yy{color:var(--chb-cur)}
.jo-chb-r{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--chb-text);font-variant-numeric:tabular-nums}
.jo-chb-d{font-size:12.5px;color:var(--chb-mut)}
.jo-chb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.jo-chb-dot.is-ete{background:var(--chb-summer)}
.jo-chb-dot.is-hiv{background:var(--chb-winter)}
.jo-chb-leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:13px;color:var(--chb-mut)}
.jo-chb-leg span{display:inline-flex;align-items:center;gap:6px}
.jo-chb-fq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.jo-chb-m{background:var(--chb-card);border:1px solid var(--chb-hair);border-radius:18px;box-shadow:var(--chb-sh);padding:18px;box-sizing:border-box;min-width:0}
.jo-chb-qi{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--chb-or-soft);color:var(--chb-or);font-size:16px}
.jo-chb-m h3{font-size:16px;line-height:1.35;margin:12px 0 6px;padding:0;border:0;color:var(--chb-deep);text-align:left}
.jo-chb-m p{margin:0;font-size:15px;line-height:1.55;color:var(--chb-mut)}
.jo-chb-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.jo-chb-tiles a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;height:100%;box-sizing:border-box;background:var(--chb-card);border:1px solid var(--chb-hair);border-radius:14px;box-shadow:var(--chb-sh);padding:14px 12px;text-decoration:none;font-weight:600;font-size:14px;line-height:1.3;color:var(--chb-deep)}
.jo-chb-tiles a:hover,.jo-chb-tiles a:focus-visible{border-color:var(--chb-pri)}
.jo-chb-tiles a i{color:var(--chb-pri);font-size:18px}
@media (max-width:1000px){.jo-chb-yrs{grid-template-columns:repeat(4,minmax(0,1fr))}.jo-chb-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.jo-chb-yrs{grid-template-columns:repeat(2,minmax(0,1fr))}.jo-chb-fq{grid-template-columns:1fr}.jo-chb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.jo-chb-y,.jo-chb-m{box-shadow:none}}

}