html,body.demo-wrap{height:100%}
.demo-wrap *,.demo-wrap *::before,.demo-wrap *::after{box-sizing:border-box}
.demo-wrap{margin:0;padding:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#26221a;background:#f6f3e8;font-size:16px;overflow:hidden;display:flex;flex-direction:column}
.demo-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;padding:.45rem 1rem;background:#1f2937;color:#fde68a;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-align:center}
.demo-banner span:last-child{font-weight:400;color:#d1d5db}
.demo-banner-cta{color:#fde68a;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.demo-banner-cta:hover{color:#fff}
.demo-topbar{display:flex;align-items:center;gap:.8rem;background:#fff;border-bottom:1px solid #e6dfc8;padding:.5rem 1rem;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.demo-topbar-brand{font-weight:800;font-size:1.05rem;color:#2d5a27;letter-spacing:.02em}
.demo-btn-inicio{border:0;background:#2d5a27;color:#fff;border-radius:999px;padding:.42rem .95rem;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit}
.demo-btn-inicio:hover{background:#24481f}
.demo-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.demo-topbar-user{font-size:.85rem;color:#57534e;font-weight:600}
.demo-btn-salir{border:1px solid #d9cdae;background:#fff;color:#991b1b;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit}
.demo-btn-salir:hover{background:#fae8e8}
.demo-dock{display:none;position:fixed;top:4.6rem;right:.6rem;z-index:40;flex-direction:column;gap:.15rem;background:#fff;border:1px solid #e6dfc8;border-radius:14px;padding:.45rem;box-shadow:0 8px 24px rgba(0,0,0,.14);max-height:calc(100dvh - 6rem);overflow:auto}
.demo-dock-link{display:flex;align-items:center;gap:.5rem;border:0;background:transparent;border-radius:10px;padding:.42rem .6rem;font-size:.8rem;font-weight:600;color:#3f3a2d;cursor:pointer;font-family:inherit;text-align:left;white-space:nowrap}
.demo-dock-link:hover{background:#f1ecd9}
.demo-dock-link[data-lock]{color:#a8a29e}
.demo-dock-activo{background:#e9f4eb;color:#14532d;font-weight:800;cursor:default}
.demo-fab-wrap{position:fixed;right:1rem;bottom:1rem;z-index:75;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}
.demo-fab{width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:#2d5a27;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.3);font-family:inherit}
.demo-fab-panel{background:#fff;border:1px solid #e6dfc8;border-radius:14px;padding:.45rem;box-shadow:0 10px 30px rgba(0,0,0,.2);display:grid;grid-template-columns:1fr 1fr;gap:.15rem;min-width:16rem;max-height:calc(100dvh - 9rem);overflow-y:auto}
.demo-fab-panel[hidden]{display:none}
.demo-fab-panel .demo-dock-link{white-space:normal}
/* sheet movil: el click sobre el scrim resuelve al wrap y lo cierra el listener del documento */
@media(max-width:767px){
.demo-fab-panel{position:fixed;left:0;right:0;bottom:0;min-width:0;max-height:min(72dvh,30rem);border-radius:14px 14px 0 0;padding-bottom:calc(.45rem + env(safe-area-inset-bottom))}
.demo-fab-wrap:has(.demo-fab-panel:not([hidden]))::before{content:'';position:fixed;inset:0;background:rgba(38,34,26,.45)}
.demo-fab-wrap:has(.demo-fab-panel:not([hidden])) .demo-fab{display:none}
}
@media(min-width:1200px){.demo-dock{display:flex}.demo-fab-wrap{display:none}}
@media(max-width:767px){.demo-topbar-brand{font-size:.95rem}.demo-topbar-user{display:none}}

.demo-shell{max-width:1280px;width:100%;margin:0 auto;padding:.6rem .8rem .8rem;flex:1;min-height:0;display:flex;flex-direction:column}
.demo-titulo{flex-shrink:0}
.demo-toolbar{flex-shrink:0}
@media(min-width:992px){.demo-shell{padding:1rem 1.2rem 2rem}}
.demo-titulo{display:flex;align-items:center;gap:.5rem;margin:.2rem 0 .7rem;font-size:1.25rem}
.demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.6rem}
.demo-tabs{display:flex;gap:.3rem}
.demo-nav{display:flex;align-items:center;gap:.3rem;margin-left:auto}
.demo-per{min-width:8.5rem;text-align:center;font-size:.95rem;font-weight:600}
.demo-sel{flex:1 1 9rem;max-width:14rem;padding:.42rem .6rem;border:1px solid #c9bd9c;border-radius:999px;background:#fffdf6;color:#26221a;font-size:.9rem}
.demo-chip{border:1px solid #c9bd9c;background:#fffdf6;color:#3f3a2d;border-radius:999px;padding:.34rem .8rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.demo-chip:hover{background:#f1ecd9}
.demo-chip[aria-pressed="true"],.demo-chip.demo-on{background:#2d5a27;border-color:#2d5a27;color:#fff}
.demo-chip:focus-visible{outline:2px solid #2d5a27;outline-offset:2px}
.demo-vista{border-radius:10px}
.demo-vista[hidden]{display:none}

.demo-hoja{position:relative;background-color:#fdf9ee;background-image:repeating-linear-gradient(to right,rgba(150,130,90,.03) 0 1px,rgba(255,255,255,0) 1px 3px),repeating-linear-gradient(to bottom,rgba(150,130,90,.025) 0 1px,rgba(255,255,255,0) 1px 4px);border:1px solid #d9cdae;border-top:3px double #c9bd9c;border-radius:3px 10px 10px 3px;box-shadow:3px 5px 0 rgba(120,100,60,.13),2px 3px 14px rgba(0,0,0,.09),inset 0 0 0 1px rgba(255,255,255,.55);padding:0 .75rem 1rem 0;overflow:auto;max-height:calc(100dvh - 12.5rem)}
.demo-hoja::before{content:'';position:absolute;top:0;bottom:0;left:3.2rem;width:2px;background:rgba(224,82,82,.5);pointer-events:none}
.demo-hoja::after{content:'';position:absolute;left:-8px;top:10px;bottom:10px;width:11px;background-image:radial-gradient(circle at 5.5px 10px,rgba(255,255,255,0) 0 2.6px,#9a8f70 2.7px 3.9px,rgba(255,255,255,0) 4px),linear-gradient(to right,rgba(0,0,0,.12) 0 1px,rgba(255,255,255,0) 1px);background-size:11px 22px,100% 100%;background-repeat:repeat-y,no-repeat;pointer-events:none}
.demo-hoja-cab{font-size:1.1rem;font-weight:700;padding:.9rem .75rem .6rem 3.9rem;border-bottom:2px solid rgba(120,150,190,.4);background:rgba(230,220,195,.35)}
.demo-ren{display:grid;grid-template-columns:3.2rem 1fr;min-height:3.1rem;border-bottom:1px solid rgba(120,150,190,.3)}
.demo-ren:last-child{border-bottom:0}
.demo-ren-h{font-size:.95rem;font-weight:700;color:#78716c;text-align:right;padding:.45rem .7rem 0 0;font-variant-numeric:tabular-nums}
.demo-ren-b{display:flex;flex-direction:column;gap:.4rem;padding:.45rem .25rem .55rem .75rem;min-width:0}
.demo-ren-v{font-size:.75rem;color:#a8a29e;padding:.3rem 0 .3rem .85rem;font-style:italic}

.demo-card{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;background:#fff;border:1px solid #e3dcc6;border-left:5px solid #26221a;border-radius:6px;padding:.55rem .7rem;text-align:left;color:#26221a;font-size:.98rem;min-height:48px;width:100%;cursor:pointer;font-family:inherit}
.demo-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)}
.demo-card-h{font-weight:700;font-variant-numeric:tabular-nums}
.demo-card-t{font-weight:600;min-width:0;overflow-wrap:anywhere}
.demo-card-c{font-size:.85rem;color:#7a7263}
.demo-card-p{font-size:.85rem;color:#7a7263;white-space:nowrap}
.demo-card .demo-est{margin-left:auto}

.demo-tag{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.14rem .55rem;font-size:.78rem;font-weight:700;line-height:1.1;background:rgba(255,255,255,.9);min-width:0;white-space:nowrap}
.demo-tag i{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}
.demo-tag-tr{color:#14532d}.demo-tag-te{color:#1e40af}.demo-tag-tf{color:#5b21b6}.demo-tag-tt{color:#6d28d9}.demo-tag-tc{color:#155e75}.demo-tag-tu{color:#9d174d}.demo-tag-tx{color:#991b1b}

.demo-est{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;flex-shrink:0;font-size:.62rem;font-weight:700}
.demo-est-p{color:#92400e;background:#fef3c7}.demo-est-c{color:#166534;background:#dcfce7}.demo-est-k{color:#1e40af;background:#dbeafe}

.demo-tr-r{background:#e9f4eb;border-left-color:#14532d}.demo-tr-e{background:#e8eefb;border-left-color:#1e40af}.demo-tr-f{background:#f0e8fa;border-left-color:#5b21b6}.demo-tr-t{background:#ede6fa;border-left-color:#6d28d9}.demo-tr-c{background:#e3f4f8;border-left-color:#155e75}.demo-tr-u{background:#fbe8ef;border-left-color:#9d174d}.demo-tr-x{background:#fae8e8;border-left-color:#991b1b}

.demo-week{position:relative;background-color:#fdf9ee;background-image:repeating-linear-gradient(to right,rgba(150,130,90,.03) 0 1px,rgba(255,255,255,0) 1px 3px),repeating-linear-gradient(to bottom,rgba(150,130,90,.025) 0 1px,rgba(255,255,255,0) 1px 4px);border:1px solid #d9cdae;border-top:3px double #c9bd9c;border-radius:8px;box-shadow:3px 5px 0 rgba(120,100,60,.13),2px 3px 14px rgba(0,0,0,.09),inset 0 0 0 1px rgba(255,255,255,.55);overflow:auto;max-height:calc(100dvh - 12.5rem)}
.demo-wk-head{display:grid;grid-template-columns:3.2rem repeat(7,minmax(6.4rem,1fr));border-bottom:2px solid #d9cfae;background:#f2ead3;min-width:760px;position:sticky;top:0;z-index:10}
.demo-wk-cor{font-size:.7rem;color:#94856a;display:flex;align-items:center;justify-content:center}
.demo-wk-dia{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .2rem;font-size:.8rem;color:#57534e;border-left:1px solid rgba(120,150,190,.25)}
.demo-wk-dia strong{font-size:1.15rem;color:#26221a}
.demo-wk-hoy,.demo-wk-hoy strong{color:#fff;background:#2d5a27;border-radius:6px}
.demo-wk-body{display:grid;grid-template-columns:3.2rem repeat(7,minmax(6.4rem,1fr));min-width:760px}
.demo-wk-eje{display:flex;flex-direction:column}
.demo-wk-eje span{height:56px;display:flex;align-items:flex-start;justify-content:flex-end;padding:2px .4rem 0 0;font-size:.72rem;color:#94856a;font-variant-numeric:tabular-nums}
.demo-wk-col{position:relative;border-left:1px solid rgba(120,150,190,.3);background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 27px,rgba(120,150,190,.3) 27px,rgba(120,150,190,.3) 28px)}
.demo-wk-hoycol{background-color:rgba(45,90,39,.05)}
.demo-franja{position:absolute;left:0;right:0;border:0;padding:0;background:transparent;cursor:pointer;z-index:1}
.demo-franja:hover,.demo-franja:focus-visible{background:rgba(45,90,39,.07);outline:none}
.demo-blk{position:absolute;left:2px;right:2px;z-index:2;display:flex;flex-direction:column;gap:1px;border:1px solid rgba(0,0,0,.06);border-left:4px solid #26221a;border-radius:6px;padding:1.6rem .35rem .2rem;text-align:left;color:#26221a;font-size:.76rem;line-height:1.15;overflow:hidden;min-width:0;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);font-family:inherit}
.demo-blk-cab{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:.3rem;padding:.1rem .35rem;color:#fff;font-size:.68rem;font-weight:700;border-radius:5px 5px 0 0}
.demo-hd-r{background:#14532d}.demo-hd-e{background:#1e40af}.demo-hd-f{background:#5b21b6}.demo-hd-t{background:#6d28d9}.demo-hd-c{background:#155e75}.demo-hd-u{background:#9d174d}.demo-hd-x{background:#991b1b}
.demo-hd-b-r{background:#14532d}.demo-hd-b-e{background:#1e40af}.demo-hd-b-f{background:#5b21b6}.demo-hd-b-t{background:#6d28d9}.demo-hd-b-c{background:#155e75}.demo-hd-b-u{background:#9d174d}.demo-hd-b-x{background:#991b1b}
.demo-blk-tip{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.demo-blk-hora{flex-shrink:0;color:rgba(255,255,255,.92);font-size:.62rem;font-weight:700;font-variant-numeric:tabular-nums}
.demo-blk-banda{padding-right:1.05rem}
.demo-blk-lateral .demo-blk-tip{display:none}
.demo-ev-band{position:absolute;top:0;bottom:0;right:0;width:1rem;z-index:1;display:flex;align-items:center;justify-content:flex-start;writing-mode:vertical-rl;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:.22rem 0 .15rem;border-radius:0 5px 5px 0;overflow:hidden;pointer-events:none}
.demo-hover-hora{position:fixed;z-index:90;background:#1f2937;color:#fff;font-size:.72rem;font-weight:700;border-radius:6px;padding:.15rem .45rem;pointer-events:none;opacity:0;transition:opacity .1s;white-space:nowrap}
.demo-hover-hora.on{opacity:1}
.demo-blk-cab .demo-est{margin-left:auto;width:13px;height:13px}
.demo-blk-t,.demo-blk-c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-blk-c{font-size:.66rem;color:#7a7263}

.demo-mes{background-color:#fdf9ee;background-image:repeating-linear-gradient(to right,rgba(150,130,90,.03) 0 1px,rgba(255,255,255,0) 1px 3px),repeating-linear-gradient(to bottom,rgba(150,130,90,.025) 0 1px,rgba(255,255,255,0) 1px 4px);border:1px solid #d9cdae;border-top:3px double #c9bd9c;border-radius:8px;box-shadow:3px 5px 0 rgba(120,100,60,.13),2px 3px 14px rgba(0,0,0,.09),inset 0 0 0 1px rgba(255,255,255,.55);overflow:auto;max-height:calc(100dvh - 12.5rem)}
.demo-mes-head{display:grid;grid-template-columns:repeat(7,1fr);background:rgba(230,220,195,.35);border-bottom:2px solid #d9cfae}
.demo-mes-head span{padding:.4rem .2rem;text-align:center;font-size:.75rem;font-weight:700;color:#57534e}
.demo-mes-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.demo-mes-cel{min-height:5.4rem;border-left:1px solid rgba(120,150,190,.25);border-top:1px solid rgba(120,150,190,.25);padding:.25rem .3rem;display:flex;flex-direction:column;gap:.2rem;cursor:pointer}
.demo-mes-cel:nth-child(7n+1){border-left:0}
.demo-mes-cel:hover{background:rgba(45,90,39,.06)}
.demo-mes-fuera{background:rgba(210,200,170,.18);cursor:default}
.demo-mes-fuera:hover{background:rgba(210,200,170,.18)}
.demo-mes-n{font-size:.8rem;font-weight:700;color:#57534e;align-self:flex-end}
.demo-mes-cel.demo-mes-hoy .demo-mes-n{background:#2d5a27;color:#fff;border-radius:50%;width:1.45rem;height:1.45rem;display:flex;align-items:center;justify-content:center}
.demo-mes-ev{display:flex;align-items:center;gap:.25rem;font-size:.66rem;color:#26221a;min-width:0}
.demo-mes-ev b{font-variant-numeric:tabular-nums;flex-shrink:0}
.demo-mes-ev span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-mes-ev i{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}
.demo-mas{font-size:.66rem;color:#7a7263;font-style:italic}

.demo-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(38,34,26,.55)}
.demo-modal[hidden]{display:none}
.demo-modal-caja{background:#fffdf6;border-radius:14px;border:1px solid #d9cdae;box-shadow:0 18px 50px rgba(0,0,0,.35);max-width:430px;width:100%;max-height:86vh;overflow:auto}
.demo-modal-cab{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid #e6dfc8}
.demo-modal-cab h3{margin:0;font-size:1.02rem}
.demo-modal-x{border:0;background:transparent;font-size:1.35rem;line-height:1;color:#78716c;cursor:pointer;padding:.15rem .4rem}
.demo-modal-cuerpo{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.55rem}
.demo-fila{display:flex;justify-content:space-between;gap:.8rem;font-size:.92rem}
.demo-fila b{text-align:right}
.demo-modal-pie{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;padding:.75rem 1rem;border-top:1px solid #e6dfc8}
.demo-btn{border:1px solid #c9bd9c;background:#fffdf6;color:#26221a;border-radius:999px;padding:.45rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit}
.demo-btn:hover{background:#f1ecd9}
.demo-btn-p{background:#2d5a27;border-color:#2d5a27;color:#fff}
.demo-btn-p:hover{background:#24481f}
.demo-btn-r{background:#b91c1c;border-color:#b91c1c;color:#fff}
.demo-btn-r:hover{background:#991b1b}
.demo-btn.danger-2step{background:#7f1d1d;border-color:#7f1d1d}

.demo-ley li{display:flex;align-items:center;gap:.5rem;padding:.18rem 0;font-size:.9rem;list-style:none}
.demo-ley ul{margin:0;padding:0;display:flex;flex-direction:column}
.demo-ley i{display:inline-block;width:12px;height:12px;border-radius:50%}
.demo-ley-sub{margin:.5rem 0 .15rem;font-size:.82rem;font-weight:700;color:#57534e}

.demo-toasts{position:fixed;left:50%;bottom:1.1rem;transform:translateX(-50%);z-index:99;display:flex;flex-direction:column;gap:.4rem;align-items:center;width:min(92vw,420px);pointer-events:none}
.demo-toast{background:#1f2937;color:#fff;border-radius:999px;padding:.55rem 1.1rem;font-size:.88rem;box-shadow:0 6px 20px rgba(0,0,0,.3);animation:demo-arriba .22s ease-out;max-width:100%;text-align:center}
@keyframes demo-arriba{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.demo-cta{position:fixed;left:50%;transform:translateX(-50%);bottom:1.1rem;z-index:70;display:flex;align-items:center;gap:.6rem;background:#fffdf6;border:1px solid #c9bd9c;border-radius:999px;padding:.5rem .6rem .5rem 1.1rem;box-shadow:0 8px 26px rgba(0,0,0,.22);max-width:min(94vw,720px);animation:demo-arriba .25s ease-out}
.demo-cta[hidden]{display:none}
.demo-cta span{font-size:.85rem;color:#3f3a2d;line-height:1.35}
.demo-cta-btn{background:#2d5a27;color:#fff;border-radius:999px;padding:.42rem .95rem;font-size:.83rem;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0}
.demo-cta-btn:hover{background:#24481f}
.demo-cta-x{border:0;background:transparent;color:#78716c;font-size:1.1rem;line-height:1;cursor:pointer;padding:.1rem .3rem;flex-shrink:0}
@media(max-width:767px){.demo-cta{left:.7rem;right:calc(.7rem + 3.2rem + .6rem);transform:none;bottom:.7rem;flex-wrap:wrap;border-radius:16px}.demo-cta span{white-space:normal}}

.demo-cargando{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:2.4rem 1rem;text-align:center;color:#57534e}

.demo-estado{margin-left:auto;font-size:.78rem;font-weight:700;border-radius:999px;padding:.14rem .55rem;white-space:nowrap;flex-shrink:0}
.demo-estado-p{background:#fef3c7;color:#92400e}
.demo-estado-c{background:#dcfce7;color:#166534}
.demo-estado-k{background:#dbeafe;color:#1e40af}
.demo-hoja-cierre{display:flex;flex-wrap:wrap;gap:.4rem;margin:.55rem .2rem .1rem 3.9rem}
.demo-hoja-cierre span{font-size:.8rem;font-weight:700;background:#fae8e8;color:#991b1b;border:1px solid #e7bcbc;border-radius:999px;padding:.18rem .6rem}
.demo-ren-tras .demo-ren-h{font-size:.75rem;line-height:1.2;padding-top:.55rem;color:#7c6f9c}
.demo-mes-cel{position:relative}
.demo-mes-puntos{position:absolute;top:.45rem;right:.45rem;display:flex;gap:.22rem}
.demo-mes-puntos i{display:inline-block;width:10px;height:10px;border-radius:50%}
.demo-mes-cerrada,.demo-mes-cerrada b{color:#9a3412}

.demo-ren-anotable{cursor:pointer;position:relative}
.demo-ren-anotable::after{content:'+';position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:700;color:#2d5a27;opacity:0;transition:opacity .15s ease}
.demo-ren-anotable:hover{background:rgba(45,90,39,.07)}
.demo-ren-anotable:hover::after{opacity:1}
.demo-blk-tip{flex-shrink:0}
.demo-wmenu{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.demo-wop{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;border:1px solid #c9bd9c;background:#fffdf6;border-radius:12px;padding:.6rem .7rem;font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;color:#26221a}
.demo-wop:hover{background:#f1ecd9}
.demo-wop small{font-weight:400;color:#7a7263}
.demo-wop i{font-style:normal;font-size:1.1rem}
.demo-wctx{margin:.55rem 0 0;font-size:.8rem;color:#7a7263;font-weight:600}
.demo-wform{display:flex;flex-direction:column;gap:.7rem}
.demo-datos{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.demo-f{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;color:#57534e}
.demo-inp{border:1px solid #c9bd9c;border-radius:10px;background:#fffdf6;padding:.45rem .6rem;font-size:.95rem;font-family:inherit;color:#26221a;width:100%}
.demo-chips{display:flex;flex-wrap:wrap;gap:.3rem}
.demo-fija{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#57534e;cursor:pointer}
.demo-fija input{width:1.05rem;height:1.05rem;accent-color:#2d5a27;flex-shrink:0}
.demo-hist{display:flex;flex-direction:column;gap:.45rem}
.demo-hist-fila{display:flex;justify-content:space-between;gap:.6rem;font-size:.9rem;border-bottom:1px dashed #e0d8bf;padding-bottom:.3rem}
.demo-hist-tot{display:flex;justify-content:space-between;gap:.6rem;font-size:.95rem;font-weight:700}

@media(max-width:767px){
.demo-titulo{font-size:1.1rem}
.demo-wmenu{grid-template-columns:1fr}
.demo-datos{grid-template-columns:1fr}
.demo-toolbar{gap:.3rem}
.demo-nav{margin-left:0;flex-wrap:wrap}
.demo-per{flex:1 1 100%;order:5;min-width:0}
.demo-hoja{padding-left:0}
.demo-mes-cel{min-height:4rem;padding:.15rem .2rem}
.demo-mes-ev span{display:none}
}
@media(prefers-reduced-motion:reduce){.demo-toast{animation:none}}