/* BENTO 4 · estructura común; los colores salen de las variables del tema (.tA/.tB/.tC) */
.h4{margin-bottom:14px}.h4-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.h4-hi{font-size:.92rem;color:var(--text-2);font-weight:600}.h4-name{font-size:1.55rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.1}
.h4-date{text-align:right;font-size:.74rem;color:var(--text-3);line-height:1.4}.h4-date b{color:var(--text);font-size:.95rem}
.h4-card{position:relative;overflow:hidden;border-radius:26px;padding:20px;background:var(--hero);color:var(--hero-t);box-shadow:var(--hero-sh)}
.h4-card:after{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.14)}
.h4-k{font-size:.78rem;font-weight:700;opacity:.85}.h4-k i{font-style:normal;margin-left:6px;opacity:.8}
.h4-v{font-size:2.15rem;font-weight:800;letter-spacing:-.03em;margin:6px 0 4px}.h4-s{font-size:.78rem;font-weight:600;opacity:.9}
.h4-ic{position:absolute;right:18px;bottom:16px;font-size:1.7rem;z-index:1}
.h4-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.h4-chip{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:11px 10px;box-shadow:var(--sh)}
.h4-chip b{display:block;font-size:1rem;font-weight:800;color:var(--text)}.h4-chip span{font-size:.66rem;color:var(--text-3);font-weight:600;line-height:1.2;display:block;margin-top:2px}
.greet-card[data-h4]{display:none}
/* tarjetas */
.tA .card,.tB .card,.tC .card,.tA .db-t,.tB .db-t,.tC .db-t{border-radius:24px;box-shadow:var(--sh)}
.tA .item,.tB .item,.tC .item{border-radius:20px;box-shadow:var(--sh)}
.it4-row{display:flex!important;align-items:center;gap:11px}.it4-row .it4-i{order:-1}.it4-t{min-width:0;flex:1}
.it4-i{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem;flex:none}
.it4-i.k0{background:var(--k0)}.it4-i.k1{background:var(--k1)}.it4-i.k2{background:var(--k2)}.it4-i.k3{background:var(--k3)}.it4-i.k4{background:var(--k4)}.it4-i.k5{background:var(--k5)}
/* segmentos */
.db-per{background:var(--seg);border-radius:20px;padding:4px}.db-per button{border-radius:16px}
.db-per button.active,.db-per .on{background:var(--a-grad)!important;color:var(--a-on)!important;box-shadow:0 6px 14px -5px var(--a-sh)}
/* dona */
.dn4{display:flex;align-items:center;gap:16px;margin:6px 0 12px}.dn4-w{position:relative;width:130px;height:130px;flex:none}.dn4-w svg{width:100%;height:100%;transform:rotate(0deg)}
.dn4-bg{stroke:var(--line-strong);opacity:.5}.dn4-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dn4-c b{font-size:.98rem;color:var(--text);font-weight:800}.dn4-c span{font-size:.62rem;color:var(--text-3);font-weight:700}
.dn4-s.c1{stroke:var(--d1)}.dn4-s.c2{stroke:var(--d2)}.dn4-s.c3{stroke:var(--d3)}.dn4-s.c4{stroke:var(--d4)}.dn4-s.c5{stroke:var(--d5)}
.dn4-l{flex:1;min-width:0}.dn4-r{display:flex;align-items:center;gap:8px;font-size:.78rem;padding:4px 0;color:var(--text-2);font-weight:600}.dn4-r span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn4-r b{color:var(--text)}
.dn4-r i{width:10px;height:10px;border-radius:50%;flex:none}.dn4-r i.c1{background:var(--d1)}.dn4-r i.c2{background:var(--d2)}.dn4-r i.c3{background:var(--d3)}.dn4-r i.c4{background:var(--d4)}.dn4-r i.c5{background:var(--d5)}
.has-dn4 .db-zona,.has-dn4 .list{display:none}
/* barra inferior + botón central */
.tA .bottomnav,.tB .bottomnav,.tC .bottomnav{background:var(--nav);box-shadow:var(--nav-sh);border:1px solid var(--line);overflow:visible}
.tA .navitem.active,.tB .navitem.active,.tC .navitem.active{background:var(--nav-act);color:var(--nav-act-t);box-shadow:none}
.tA .navitem.active svg,.tB .navitem.active svg,.tC .navitem.active svg{stroke:var(--nav-act-t)}
.navitem.navfab{flex:0 0 58px;height:58px;margin:-26px 4px 0;border-radius:50%;background:var(--a-grad)!important;color:var(--a-on)!important;box-shadow:0 12px 24px -6px var(--a-sh),0 0 0 6px var(--bg)!important;display:grid;place-items:center;padding:0}
.navfab span{display:none}.navfab svg{stroke:var(--a-on)!important;width:26px;height:26px;stroke-width:2.6}
.db-fab{display:none!important}
/* ═══ A · LAVANDA ═══ */
.tA{--bg:#e6e9fb;--card:#fff;--card-2:#f3f4fe;--text:#1f2150;--text-2:#555a8a;--text-3:#8a8fb5;--line:rgba(80,90,200,.10);--line-strong:rgba(80,90,200,.18);
 --hero:linear-gradient(135deg,#8f94f3,#6f78ee 55%,#5f9bf2);--hero-t:#fff;--hero-sh:0 18px 34px -12px rgba(95,105,230,.65);--sh:0 8px 22px -12px rgba(80,90,200,.35);
 --a-grad:linear-gradient(135deg,#7b6cf2,#5b7cf3);--a-on:#fff;--a-sh:rgba(90,100,240,.6);--seg:#fff;--nav:#fff;--nav-sh:0 14px 30px -10px rgba(80,90,200,.4);--nav-act:#ecebff;--nav-act-t:#5b52e6;
 --d1:#7b6cf2;--d2:#5b9bf5;--d3:#9bd0f7;--d4:#c9c4fb;--d5:#e3e6fb;--k0:#e8e6ff;--k1:#dff0ff;--k2:#ffe9ef;--k3:#e0f7ee;--k4:#fff1d9;--k5:#efe6ff}
.tA body,body.tA{background:linear-gradient(180deg,#e9ebfd,#dfe5fb 60%,#e6e3fb)!important}
.tA .bgfx{display:none}.tA .navitem{color:#8a8fb5}
/* ═══ B · MARCA (marfil + dorado + verde profundo) ═══ */
.tB{--bg:#f6f1e7;--card:#fffdf8;--card-2:#f3ecdd;--text:#1d2a24;--text-2:#56625a;--text-3:#8d8f80;--line:rgba(60,50,20,.10);--line-strong:rgba(60,50,20,.18);
 --hero:linear-gradient(140deg,#24382f,#1B2B24 60%,#2c4438);--hero-t:#f6e7c4;--hero-sh:0 18px 34px -12px rgba(27,43,36,.6);--sh:0 8px 20px -12px rgba(90,70,20,.35);
 --a-grad:linear-gradient(135deg,#f6b86e,#e8923f);--a-on:#2a1706;--a-sh:rgba(232,146,63,.6);--seg:#efe7d4;--nav:#fffdf8;--nav-sh:0 14px 30px -10px rgba(60,50,20,.35);--nav-act:#1B2B24;--nav-act-t:#f6d79a;
 --d1:#1B2B24;--d2:#e8923f;--d3:#7a9a6a;--d4:#f1c98c;--d5:#c8c0aa;--k0:#f9e7c9;--k1:#dfead6;--k2:#fbe0d4;--k3:#e3ecf2;--k4:#f4e6bf;--k5:#e9dfd0}
body.tB{background:#f6f1e7!important}.tB .bgfx{display:none}.tB .navitem{color:#8d8f80}
.tB .h4-card:after{background:rgba(246,184,110,.14)}
/* ═══ C · NOCHE (oscuro + dorado actual) ═══ */
.tC{--hero:linear-gradient(140deg,#f6b86e,#e8923f 70%,#d9782a);--hero-t:#2a1706;--hero-sh:0 18px 34px -12px rgba(240,160,75,.55);--sh:0 10px 24px -14px rgba(0,0,0,.7);
 --a-grad:linear-gradient(135deg,#f6b86e,#e8923f);--a-on:#1a1006;--a-sh:rgba(240,160,75,.7);--seg:#151a30;--nav:rgba(18,22,42,.96);--nav-sh:0 14px 30px -10px rgba(0,0,0,.8);--nav-act:rgba(246,184,110,.16);--nav-act-t:#f6b86e;
 --d1:#f6b86e;--d2:#62b4ff;--d3:#54d39c;--d4:#b79cff;--d5:#8189a0;--k0:rgba(246,184,110,.18);--k1:rgba(98,180,255,.18);--k2:rgba(238,106,77,.18);--k3:rgba(84,211,156,.18);--k4:rgba(183,156,255,.18);--k5:rgba(150,170,230,.16)}
.tC .h4-card:after{background:rgba(255,255,255,.18)}
.tA{--amber:#6f78ee;--amber-2:#7b6cf2;--amber-soft:rgba(110,120,240,.14);--wood:#e3e6fb;--wood-2:#d6dbf8}
.tA input,.tA select,.tA textarea{background:#f1f2fe!important;border-color:rgba(100,110,230,.25)!important}
.tA .btn-primary,.tA .btn-amber{background:var(--a-grad)!important;color:#fff!important}
#themeToggle{display:none!important}
/* ── Inicio: semana + ganancia del mes ── */
.neg{color:#e0457b!important}.h4-card .neg{color:#ffd1e0!important}
.h4-cmp{margin-top:10px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--sh)}
.h4-ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.h4-ch span{display:block;font-size:.74rem;font-weight:700;color:var(--text-3)}.h4-ch b{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.02em}
.h4-bd{font-size:.72rem;font-weight:800;padding:5px 10px;border-radius:20px;white-space:nowrap}.h4-bd.up{background:#dff7ec;color:#13805a}.h4-bd.dn{background:#ffe3ec;color:#c0306a}
.h4-cb{display:grid;grid-template-columns:68px 1fr 72px;align-items:center;gap:8px;margin:6px 0;font-size:.74rem;font-weight:700;color:var(--text-2)}.h4-cb .t{height:10px;border-radius:8px;background:var(--line-strong);opacity:.8;overflow:hidden}.h4-cb i{display:block;height:100%;border-radius:8px}.h4-cb i.a{background:var(--a-grad)}.h4-cb i.b{background:#b9bdf0}.h4-cb b{text-align:right;color:var(--text)}
.h4-foot{font-size:.66rem;color:var(--text-3);margin-top:8px;font-weight:600}
.h4-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.h4-two>div{border-radius:24px;padding:16px;box-shadow:var(--sh);min-height:132px;display:flex;flex-direction:column}
.h4-t1{background:var(--hero);color:var(--hero-t)}.h4-t2{background:var(--card);border:1px solid var(--line)}
.h4-two span{font-size:.74rem;font-weight:700;opacity:.8}.h4-two b{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;margin:6px 0}.h4-t2 b{color:var(--text)}.h4-two em{font-style:normal;font-size:.7rem;font-weight:700;opacity:.85;margin-top:auto}.h4-t2 em{color:var(--text-3)}.h4-t2 .h4-bd{align-self:flex-start;margin-bottom:6px}
.h4-list{margin-top:10px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--sh)}.h4-lt{font-size:.78rem;font-weight:800;color:var(--text);margin-bottom:8px}
.h4-li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.h4-li:first-of-type{border:0}.h4-li .dt{width:44px;height:48px;border-radius:14px;background:#ecebff;display:grid;place-content:center;text-align:center;flex:none}.h4-li .dt b{font-size:1.1rem;color:#5b52e6;line-height:1}.h4-li .dt span{font-size:.6rem;font-weight:700;color:#7b82c8}
.h4-li .nm{flex:1;min-width:0}.h4-li .nm b{display:block;font-size:.84rem;color:var(--text)}.h4-li .nm span{font-size:.7rem;color:var(--text-3);font-weight:600}.h4-li .mo{font-weight:800;font-size:.86rem;color:var(--text)}.h4-li .mo.ok{color:#13805a;font-size:.72rem}
.h4-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:14px;position:relative;z-index:1}.h4-d{background:rgba(255,255,255,.18);border-radius:13px;padding:7px 0;text-align:center}.h4-d span{display:block;font-size:.6rem;font-weight:700;opacity:.8}.h4-d b{font-size:.68rem;font-weight:800}.h4-d.on{background:#fff;color:#5b52e6}
.h4-split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 10px;margin-top:10px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:14px 16px;box-shadow:var(--sh)}.h4-split span{display:block;font-size:.7rem;font-weight:700;color:var(--text-3)}.h4-split b{font-size:1.25rem;font-weight:800;color:var(--text)}.h4-split .vs{font-size:.7rem;font-weight:800;color:var(--text-3)}.h4-split .h4-bd{grid-column:1/-1;justify-self:start}