/* Layout: app shell — dark sidebar (desktop) / bottom bar (phone); day view = two A4-like "pages" side by side on wide screens, tabs on phones */
/* Skins: one app, two looks. Each skin only redefines tokens; components read tokens. Single light look on purpose (paper-like, prints well). */
:root,[data-skin="azul"]{
  --night:#14263D; --blue:#2474FF; --accent-ink:#1C5FD4; --btn:#2474FF; --btn-fg:#FFFFFF;
  --fuchsia:#D79A45; --fuchsia-soft:#FBF2E4; --detail-ink:#7A4E12;
  --bg:#F5F7FA; --paper:#FFFFFF; --fg:#14263D; --muted:#55657A; --faint:#8593A6;
  --line:#E2E7EE; --line-strong:#C7D0DC; --field:#FBFCFE; --blue-soft:#E9F1FF;
  --chrome:#14263D; --chrome-fg:#FFFFFF; --chrome-muted:#A9B6C8; --chrome-on:#2474FF;
  --cover-bg:#FFFFFF; --cover-tint:#F5F7FA; --hi:#2474FF;
}
[data-skin="rosa"]{
  --night:#852F62; --blue:#E928A8; --accent-ink:#852F62; --btn:#852F62; --btn-fg:#FFFFFF;
  --fuchsia:#E928A8; --fuchsia-soft:#FDE6F2; --detail-ink:#852F62;
  --bg:#FFF3F8; --paper:#FFFFFF; --fg:#3A1A2D; --muted:#7A5468; --faint:#A98699;
  --line:#F3DCE8; --line-strong:#E6BDD3; --field:#FFFBFD; --blue-soft:#FCE4F1;
  --chrome:#852F62; --chrome-fg:#FFFFFF; --chrome-muted:#F4B8D5; --chrome-on:#E928A8;
  --cover-bg:#FFFFFF; --cover-tint:#FFF3F8; --hi:#E928A8;
}
:root{color-scheme:light;
  --display:"Playfair Display", Georgia, "Times New Roman", serif;
  --sans:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --r:10px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{background:var(--bg);color:var(--fg);transition:background .25s;font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.app{display:grid;grid-template-columns:1fr;min-height:100%}
/* sidebar */
.side{display:none;background:var(--chrome);color:var(--chrome-fg);padding:24px 16px;position:sticky;top:env(safe-area-inset-top,0px);height:100vh;flex-direction:column;gap:4px}
.brand{font-weight:700;font-size:22px;letter-spacing:-.01em;padding:0 10px}
.brand b{color:var(--fuchsia);font-weight:700}
.brand-sub{font-size:12px;color:var(--chrome-muted);padding:0 10px 22px;letter-spacing:.02em}
.side a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:var(--chrome-fg);text-decoration:none;font-size:15px}
.side a:hover{background:rgba(255,255,255,.07)}
.side a.on{background:var(--chrome-on)}
.side svg,.tab svg{width:20px;height:20px;flex:none}
.side .foot{margin-top:auto;font-size:12px;color:var(--chrome-muted);padding:10px;line-height:1.45}
@media (min-width:900px){.app{grid-template-columns:232px minmax(0,1fr)}.side{display:flex}.tabs{display:none!important}main{padding-bottom:40px!important}}
main{min-width:0;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
/* top bar */
.top{background:var(--paper);color:var(--night);border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.top-in{display:flex;align-items:center;gap:12px;padding-block:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1280px;margin:0 auto}
.top .eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.top h1{margin:0;font-size:clamp(18px,4.2vw,24px);font-weight:700;letter-spacing:-.01em;text-wrap:balance}
.top .grow{flex:1;min-width:0}
.iconbtn{background:var(--paper);border:1px solid var(--line-strong);color:inherit;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex:none}
.iconbtn:hover{background:var(--blue-soft)}
.iconbtn[disabled]{opacity:.3;cursor:default}
.iconbtn svg{width:22px;height:22px}
.save{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}
.save i{width:8px;height:8px;border-radius:50%;background:#2FBF71;display:inline-block}
.save.busy i{background:var(--fuchsia)}
.accent{height:3px;background:linear-gradient(90deg,var(--fuchsia) 0 64px,var(--blue) 64px 100%)}
.wrap{max-width:1280px;margin:0 auto;padding-block:20px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
/* bottom tabs */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:6px max(4px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))}
.tab{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11.5px;color:var(--muted);text-decoration:none;font-weight:500;min-height:52px}
.tab.on{color:var(--accent-ink)}
/* segmented */
.seg{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;width:100%;max-width:520px}
.seg button{flex:1;border:0;background:transparent;padding:11px 10px;border-radius:9px;font-weight:600;font-size:14px;color:var(--muted)}
.seg button.on{background:var(--night);color:#fff}
.pages{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:16px}.page{min-width:0}
@media (min-width:1100px){.pages{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pages .page{display:flex!important}.seg-day{display:none}}
.page{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px clamp(16px,3vw,28px) 24px;display:flex;flex-direction:column;gap:22px}
.page-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;position:relative}.page-h::after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:2px;background:var(--fuchsia)}.page-h strong{color:var(--night)}
.page-h strong{font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.page-h span{font-size:12px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.sec h3{margin:0 0 10px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-ink);font-weight:700;display:flex;gap:10px;align-items:baseline}
.sec h3 em{font-style:normal;color:var(--faint);font-weight:600}
.hint{font-size:13px;color:var(--muted);margin:-4px 0 10px}
/* fields */
.row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);min-height:52px}
.row:last-child{border-bottom:0}
.num{width:28px;height:28px;border-radius:50%;background:var(--blue-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.line{flex:1;min-width:0;border:0;background:transparent;padding:12px 2px;font-size:16px;border-radius:6px}
.line:focus{background:var(--field);outline:none;box-shadow:inset 0 -2px 0 var(--blue)}
.line::placeholder,textarea::placeholder{color:var(--faint)}
.chk{appearance:none;width:26px;height:26px;border:2px solid var(--line-strong);border-radius:7px;flex:none;display:grid;place-items:center;background:var(--paper);margin:0}
.chk:checked{background:var(--blue);border-color:var(--blue)}
.chk:checked::after{content:"";width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.done .line{text-decoration:line-through;color:var(--faint)}
.box{border:1px solid var(--line);border-radius:var(--r);background:var(--field);padding:0 12px}
.hours .row{min-height:46px}
.hours .h{width:52px;font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;font-weight:600;flex:none}
textarea.area{width:100%;min-height:150px;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;resize:vertical;line-height:32px;
  background-color:var(--field);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--line) 31px 32px);background-attachment:local;background-position:0 11px;font-size:16px}
textarea.area:focus{outline:none;border-color:var(--blue)}
textarea.tall{min-height:220px}
.del{border:0;background:transparent;color:var(--faint);width:40px;height:40px;border-radius:8px;flex:none;display:grid;place-items:center}
.del:hover{background:var(--fuchsia-soft);color:var(--detail-ink)}
.del svg{width:18px;height:18px}
.add{display:flex;gap:8px;margin-top:10px}
.add input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;background:var(--paper);font-size:16px}
.btn{border:0;background:var(--btn);color:var(--btn-fg);font-weight:600;padding:12px 18px;border-radius:10px;font-size:15px;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line-strong)}
.btn.danger{background:transparent;color:var(--detail-ink);border:1px solid var(--line-strong)}
/* meetings */
.card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:var(--paper)}
.card + .card{margin-top:12px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}
.lbl{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:grid;gap:4px}
.inp{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--field);font-size:16px;width:100%;min-width:0;text-transform:none;letter-spacing:0;font-weight:400;color:var(--fg)}
textarea.inp{min-height:84px;resize:vertical}
.inp:focus{outline:none;border-color:var(--blue)}
.fu{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;border-bottom:1px solid var(--line);padding:10px 0}
.fu:last-child{border-bottom:0}
.fu .meta{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px;margin-top:6px}
@media (max-width:420px){.fu .meta{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
.privacy{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);background:var(--fuchsia-soft);border-radius:10px;padding:10px 12px;margin-bottom:10px}
.privacy svg{width:18px;height:18px;flex:none;color:var(--detail-ink);margin-top:2px}
.example{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--blue-soft);border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:4px}
/* cover */
.cover{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:var(--cover-bg);color:var(--night);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:540px;position:relative;max-width:900px;margin:0 auto}
.cover-txt{padding:clamp(24px,5vw,48px);display:flex;flex-direction:column;gap:18px;position:relative;z-index:1}
.cover-k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}
.cover h2{font-family:var(--display);font-size:clamp(56px,11vw,104px);line-height:.92;margin:12px 0 0;letter-spacing:-.01em;font-weight:700}
.cover .yr{font-family:var(--display);font-size:clamp(40px,8vw,72px);line-height:1;color:var(--hi);font-weight:700}
.cover blockquote{margin:6px 0 0;font-family:var(--display);font-weight:600;font-size:clamp(20px,3.4vw,27px);line-height:1.32;max-width:20ch;text-wrap:balance}
.cover blockquote b{color:var(--hi)}
.cover .rule{width:44px;height:3px;background:var(--fuchsia);margin-top:auto}
.cover .meta{font-size:13px;color:var(--muted)}
.cover .logo{font-size:28px;font-weight:700;letter-spacing:-.01em}.cover .logo b{color:var(--hi)}
.cover .lema{font-size:13px;color:var(--muted);letter-spacing:.02em}
.cover-img{background:center/cover no-repeat;position:relative}
.cover-img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cover-bg) 0,transparent 22%)}
.cover .tri{position:absolute;left:0;bottom:0;width:0;height:0;border-left:70px solid var(--fuchsia);border-top:70px solid transparent;z-index:2}
.cover .tri2{position:absolute;right:0;top:0;width:0;height:0;border-right:90px solid var(--blue);border-bottom:90px solid transparent;z-index:2}
.dots{position:absolute;right:28px;bottom:28px;width:84px;height:56px;background-image:radial-gradient(var(--paper) 1.5px,transparent 1.6px);background-size:14px 14px;opacity:.75;z-index:2}
@media (max-width:640px){.cover{grid-template-columns:1fr;min-height:0}.cover-img{height:260px;order:-1}.cover-img::before{background:linear-gradient(0deg,var(--cover-bg) 0,transparent 35%)}}
.note{font-size:13px;color:var(--muted);max-width:900px;margin:14px auto 0;text-align:center}
.cta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
/* calendar */
.cal{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px}
.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-g .dn{font-size:12px;font-weight:700;color:var(--accent-ink);text-align:center;letter-spacing:.06em;padding:4px 0}
.cell{aspect-ratio:1/1;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--field);padding:6px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-weight:700;font-variant-numeric:tabular-nums;font-size:15px;text-align:left;min-width:0;overflow:hidden}
@media (min-width:700px){.cell{aspect-ratio:auto;min-height:92px}}
button.cell:hover{border-color:var(--blue)}
.cell.off{opacity:.45;cursor:not-allowed}
.cell.empty{background:transparent;border-color:transparent}
.cell.today{border:2px solid var(--blue)}
.cell .pill{font-size:10.5px;font-weight:600;line-height:1.2;padding:2px 6px;border-radius:6px;background:var(--fuchsia-soft);color:var(--detail-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cell .cnt{font-size:11px;font-weight:600;color:var(--accent-ink);margin-top:auto}
.weekend{color:var(--muted)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:12px}
.legend span{display:flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block}
.two{display:grid;gap:20px;margin-top:20px}
@media (min-width:900px){.two{grid-template-columns:1fr 1fr}}
/* lists */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
.chip{border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--muted)}
.chip.on{background:var(--night);border-color:var(--night);color:#fff}
.group{margin-bottom:18px}
.group h4{margin:0 0 6px;font-size:13px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.list{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 14px}
.li{display:flex;gap:12px;align-items:center;min-height:54px;border-bottom:1px solid var(--line)}
.li:last-child{border-bottom:0}
.li .t{flex:1;min-width:0}
.li .s{font-size:12.5px;color:var(--muted)}
.tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--blue-soft);color:var(--accent-ink);flex:none}
.tag.f{background:var(--fuchsia-soft);color:var(--detail-ink)}
.go{border:0;background:none;color:var(--accent-ink);font-weight:600;font-size:14px;padding:8px 0}
.empty-s{padding:28px 10px;text-align:center;color:var(--muted)}
.search{width:100%;border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px;font-size:17px;background:var(--paper)}
mark{background:var(--fuchsia-soft);color:inherit;border-radius:3px;padding:0 2px}
.set{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:12px}
.set + .set{margin-top:16px}
.set h3{margin:0;font-size:17px}
.set p{margin:0;color:var(--muted);font-size:14px}
.confirm{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--night);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:20;opacity:0;transition:opacity .2s}
.toast.show{opacity:1}
@media (min-width:900px){.toast{bottom:28px}}
.skins{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.skin{border:2px solid var(--line);border-radius:14px;padding:12px;background:var(--paper);text-align:left;display:grid;gap:12px;color:var(--fg)}
.skin.on{border-color:var(--night);box-shadow:0 0 0 3px var(--blue-soft)}
.skin-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.skin-h strong{font-size:16px;color:var(--night)}
.sw{display:flex;gap:6px}.sw i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:inline-block}
.state{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}
.mini{background:var(--bg);border-radius:10px;overflow:hidden;border:1px solid var(--line);pointer-events:none}
.mini-top{background:var(--paper);border-bottom:1px solid var(--line);padding:10px 12px}
.mini-top .e{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.mini-top .t{font-size:14px;font-weight:700;color:var(--night)}
.mini-bar{height:3px;background:linear-gradient(90deg,var(--fuchsia) 0 36px,var(--blue) 36px 100%)}
.mini-page{background:var(--paper);margin:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:8px}
.mini-page h5{margin:0;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-ink)}
.mini-row{display:flex;align-items:center;gap:8px;font-size:12px;border-bottom:1px solid var(--line);padding:4px 0}
.mini-row .n{width:18px;height:18px;border-radius:50%;background:var(--blue-soft);color:var(--accent-ink);font-weight:700;font-size:10px;display:grid;place-items:center}
.mini-row .c{width:16px;height:16px;border-radius:5px;border:2px solid var(--line-strong);margin-left:auto}
.mini-row .c.k{background:var(--blue);border-color:var(--blue)}
.mini-btn{justify-self:start;background:var(--btn);color:var(--btn-fg);font-size:11px;font-weight:600;padding:6px 10px;border-radius:7px}
.mini-nav{display:flex;gap:6px;padding:0 10px 10px}.mini-nav span{flex:1;height:22px;border-radius:6px;background:var(--chrome)}.mini-nav span:first-child{background:var(--chrome-on)}
.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin-top:16px}
.compare > div > .lab{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--night);margin:0 0 8px}
.compare .page{pointer-events:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---- Agenda completa: additions on top of the prototype base ---- */
.side{overflow-y:auto}
.side .mode{font-size:12px;color:var(--chrome-muted);padding:0 10px 18px;margin-top:-14px}
.top .badge{display:inline-block;margin-top:4px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--fuchsia-soft);color:var(--detail-ink)}
.top .badge.ef{background:var(--blue-soft);color:var(--accent-ink)}
.jump{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.jump input[type=date]{border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;background:var(--paper);font-size:15px;min-height:44px}
.jump .btn{min-height:44px}
.months{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin:0 0 14px;scrollbar-width:thin}
.months button{flex:none;border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--muted);min-height:40px}
.months button.on{background:var(--night);border-color:var(--night);color:#fff}
.cal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.cal-head h2{margin:0;font-family:var(--display);font-size:clamp(26px,5vw,36px);color:var(--night);font-weight:700}
.cal-head .yr2{color:var(--accent-ink)}
.cell .ef{font-size:10.5px;font-weight:600;color:var(--accent-ink);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cell.sel{border:2px solid var(--blue)}
.cell.has::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--fuchsia);margin-top:auto}
.pend{font-size:13px;color:var(--muted);background:var(--field);border:1px dashed var(--line-strong);border-radius:10px;padding:10px 12px;margin-top:12px}
.pend li{margin:2px 0}
.pend ul{margin:6px 0 0;padding-left:18px}
.cover .tri{border-left-color:var(--fuchsia)}
.cover .bajada{font-size:15px;color:var(--muted);max-width:30ch;margin-top:-6px}
.cover .sem{color:#E928A8}
.cover-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.onb{max-width:760px;margin:0 auto;display:grid;gap:18px}
.onb h2{font-family:var(--display);font-size:clamp(28px,5vw,40px);margin:0;color:var(--night);text-wrap:balance}
.onb .lead{color:var(--muted);margin:0}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.opt{border:2px solid var(--line);border-radius:14px;background:var(--paper);padding:16px;text-align:left;display:grid;gap:6px;min-height:96px}
.opt strong{font-size:17px;color:var(--night)}
.opt span{font-size:14px;color:var(--muted)}
.opt.on{border-color:var(--night);box-shadow:0 0 0 3px var(--blue-soft)}
.step-t{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin:0}
.secsel{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.entry{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.entry + .entry{margin-top:10px}
.entry .when{font-size:12.5px;color:var(--muted);font-weight:600;display:flex;justify-content:space-between;gap:8px;align-items:center}
.entry .txt{white-space:pre-wrap;margin-top:4px}
.exp{display:grid;gap:14px}
.exp .rowx{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.exp label{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.exp input,.exp select{border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;background:var(--paper);font-size:15px;min-height:44px}
.preview-note{font-size:13px;color:var(--detail-ink);background:var(--fuchsia-soft);border-radius:10px;padding:10px 12px}
.status-pill{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--blue-soft);color:var(--accent-ink)}
.authbox{max-width:440px;margin:6vh auto 0;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;display:grid;gap:14px}
.authbox h2{margin:0;font-family:var(--display);color:var(--night)}
.authbox input{border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;font-size:16px;background:var(--paper)}
.err{color:#B42318;font-size:14px}
.okmsg{color:#146C43;font-size:14px}
#print{display:none}
@media print{
  body{background:#fff!important}
  .app,.tabs,.toast,body::before{display:none!important}
  #print{display:block;color:#000;font-family:var(--sans);font-size:11pt}
  #print .pday{page-break-after:always;break-after:page}
  #print h2{font-size:15pt;margin:0 0 4pt}
  #print h3{font-size:9.5pt;letter-spacing:.08em;text-transform:uppercase;margin:10pt 0 3pt;color:#333}
  #print p,#print li{margin:2pt 0;white-space:pre-wrap}
  #print .hd{font-size:8pt;letter-spacing:.12em;text-transform:uppercase;color:#555;border-bottom:1px solid #999;padding-bottom:4pt;margin-bottom:8pt}
  @page{size:A4;margin:16mm 14mm}
}
@media (max-width:560px){.save{font-size:0;gap:0}.save i{width:10px;height:10px}.seg .long{display:none}.top h1{font-size:19px}.top-in{gap:8px}.page-h span{display:none}}

/* espacio para el triangulo de la portada */
.cover-txt{padding-bottom:96px!important}
.cover .lema,.cover .logo{position:relative;z-index:3}
/* nombres de mes largos (Septiembre, Noviembre) */
.cover h2{font-size:clamp(40px,8vw,64px)!important;overflow-wrap:anywhere}