/* Alba Marketing · identidad visual del panel (brandbook 2026)
   Se carga DESPUÉS del estilo de cada página: solo cambia colores, tipografía y forma.
   No toca estructura, datos ni cálculos.
   Paleta: #FB1245 rojo Alba · #C86AC4 orquídea · #121010 negro · #F4F6EC crema. Tipografía: Inter. */

/* ---------- tema claro (por defecto) ---------- */
:root{
  --alba-red:#FB1245;--alba-orchid:#C86AC4;--alba-black:#121010;--alba-cream:#F4F6EC;
  --alba-grad:linear-gradient(90deg,#C86AC4 0%,#FB1245 100%);
  --bg:#F4F6EC;--surface:#FFFFFF;--surface2:#ECEEE3;--ink:#121010;--muted:#6B6763;--line:#DFE0D5;
  --onink:#F4F6EC;--accent:#121010;--onaccent:#F4F6EC;--ready:#B9B7B0;--gap:#E6E7DC;--s1:#CFCDC6;
  --hi:#E3103F;--onhi:#FFFFFF;--hibg:#FFE4EA;
  --good:#127A3E;--goodbg:#E2F2E7;--ok:#127A3E;--okbg:#E2F2E7;
  --warn:#AD5B00;--warnbg:#FCEFD9;
  --bad:#B3122E;--badbg:#FBE3E6;
  --shadow:0 1px 2px rgba(18,16,16,.05),0 10px 30px -12px rgba(18,16,16,.14);
  --font:"Inter","Segoe UI",Roboto,system-ui,-apple-system,Arial,sans-serif;
  --r:10px;--rl:22px;
  color-scheme:light;
}
/* ---------- tema oscuro: sistema en oscuro (sin elección) o elección manual ---------- */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#121010;--surface:#1C1A1A;--surface2:#282525;--ink:#F4F6EC;--muted:#A19C97;--line:#322E2E;
  --onink:#121010;--accent:#F4F6EC;--onaccent:#121010;--ready:#6E6966;--gap:#2C2929;--s1:#4D4848;
  --hi:#FF4470;--onhi:#121010;--hibg:#3B1520;
  --good:#4CD38E;--goodbg:#132A1E;--ok:#4CD38E;--okbg:#132A1E;
  --warn:#FFB347;--warnbg:#33240F;
  --bad:#FF6B7A;--badbg:#3A1519;
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px -14px rgba(0,0,0,.6);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#121010;--surface:#1C1A1A;--surface2:#282525;--ink:#F4F6EC;--muted:#A19C97;--line:#322E2E;
  --onink:#121010;--accent:#F4F6EC;--onaccent:#121010;--ready:#6E6966;--gap:#2C2929;--s1:#4D4848;
  --hi:#FF4470;--onhi:#121010;--hibg:#3B1520;
  --good:#4CD38E;--goodbg:#132A1E;--ok:#4CD38E;--okbg:#132A1E;
  --warn:#FFB347;--warnbg:#33240F;
  --bad:#FF6B7A;--badbg:#3A1519;
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px -14px rgba(0,0,0,.6);
  color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

/* ---------- tipografía ---------- */
html,body{font-family:var(--font);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,.panel .ptitle,.dlg h3{font-weight:600;letter-spacing:-.035em}
h1{line-height:1.02}
h2{letter-spacing:-.03em}
h3{font-weight:600;letter-spacing:-.015em}
.hero .big,.kpi .val,.cbig,.wcol h4 b,.lday h4 b{letter-spacing:-.04em;font-weight:500}
.eyebrow,div.num,.h4{color:var(--hi)!important;font-weight:700!important;letter-spacing:.14em}
.saludo{font-weight:500;letter-spacing:-.02em}
::selection{background:var(--alba-red);color:#fff}

/* línea de marca bajo el título principal (rojo + orquídea, como en el brandbook) */
main h1,header h1,.head h1,.hero h1{position:relative}
header h1::after,.head h1::after,.hero h1::after,main.wrap>h1::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin-top:16px;
  background:linear-gradient(90deg,var(--alba-red) 0 55%,var(--alba-orchid) 55% 100%)}

/* ---------- superficies ---------- */
.card,.panel,.wcol,.help{border-radius:var(--rl)}
.card,.panel{box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.wcol{border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.wcol .card,.week .card{box-shadow:none;border-radius:14px}
.wk,.ev,.lit,.tag,.badge,.nota,select,input[type=search],.ico,.seg,.chip,.btn,.btnlink{border-radius:var(--r)}
dialog{border-radius:var(--rl)}

/* ---------- cabecera de marca ---------- */
.top{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}
.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:0!important;text-transform:none!important}
.brand img,.marca-top .logo img{height:34px;width:auto;display:block}
.logo-o{display:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-c{display:none!important}:root:not([data-theme="light"]) .logo-o{display:block!important}}
:root[data-theme="dark"] .logo-c{display:none!important}
:root[data-theme="dark"] .logo-o{display:block!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* barra de marca en los tableros (Edición, Comunidad, Maestro) */
.marca-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.marca-top .logo{display:inline-flex;text-decoration:none}
.marca-top .der{display:flex;align-items:center;gap:8px}

/* ---------- interruptor claro / oscuro ---------- */
.tema{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:500;color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 5px;cursor:pointer;white-space:nowrap;line-height:1}
.tema:hover{border-color:var(--ink)}
.tema:focus-visible{outline:2px solid var(--hi);outline-offset:2px}
.tema .pista{position:relative;width:38px;height:22px;border-radius:999px;background:var(--alba-grad);flex:none}
.tema .pista::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s ease}
.tema[aria-checked="true"] .pista{background:#3a3535}
.tema[aria-checked="true"] .pista::after{transform:translateX(16px);background:var(--alba-cream)}
@media (max-width:460px){.tema .txt{display:none}.tema{padding:5px}}

/* ---------- botones y controles ---------- */
.btn,.btnlink{border-radius:999px;font-weight:600;letter-spacing:-.005em}
.btn.solid,.btnlink{background:var(--ink);color:var(--onink);border-color:var(--ink)}
.btn.solid:hover,.btnlink:hover{opacity:1;background:var(--alba-red);border-color:var(--alba-red);color:#fff}
.btn:not(.solid):hover{opacity:1;border-color:var(--alba-red);color:var(--hi);background:transparent}
.chip,.who{border-radius:999px}
.chip[aria-pressed=true],.who[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--onink)}
nav.tabs a[aria-current="page"]{border-bottom-color:var(--hi);color:var(--ink);font-weight:600}
.edtabs button[aria-selected=true]{border-bottom-color:var(--hi)}
.seg{border-radius:999px}.seg button{border-radius:999px}
.seg button[aria-pressed="true"]{box-shadow:0 1px 3px rgba(18,16,16,.14)}
tbody tr.on{box-shadow:inset 3px 0 0 var(--hi)}
.prog i{background:var(--alba-grad)}
.rank .rb i,.mini i{background:var(--ink)}
.n-B{background:var(--ink);color:var(--onink)}
.day.today .dnum{background:var(--alba-red);color:#fff}
a.lk:hover{text-decoration-color:var(--hi)}
.card a,.soon{color:inherit}
.soon{background:var(--hibg);color:var(--hi)}

/* tablas: encabezado discreto */
th{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}
footer,.foot{color:var(--muted)}