:root{--ink:#222221;--ink-soft:#3a3a37;--sand:#eed1b2;--sand-soft:#f7ecdf;--sand-line:#e9dbc9;--cream:#fbf9f6;--gray:#8c8781;--gray-2:#b7b1a9;--line:#ece6dd;--i-bajo:#9db4a0;--i-medio:#e0a96d;--i-alto:#c6613f;--tabh:70px;--shell-w:620px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--cream);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{position:relative;width:100%;max-width:var(--shell-w);min-height:100dvh;margin:0 auto;background:var(--cream);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0)}@media (min-width:721px){body{background:#efe9e1}.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 60px rgba(0,0,0,.06)}}.appbar{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 8px}.appbar .hi,.appbar h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.01em}.appbar .hi b{display:block;font-weight:800}.appbar .hi span{font-size:15px;font-weight:600;color:var(--gray)}.lgm{width:40px;height:40px;object-fit:contain;flex:0 0 auto}.content{flex:1 1 auto;padding:6px 18px calc(var(--tabh) + env(safe-area-inset-bottom, 0px) + 24px);display:flex;flex-direction:column;gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px 18px}.card.dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}.sec-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin:10px 2px 2px}.hero{background:var(--ink);color:var(--cream);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:6px}.hero .klabel{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sand)}.hero .ktime{font-size:30px;font-weight:800;letter-spacing:-.02em}.hero .kmeta{font-size:13px;color:var(--gray-2)}.mods{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.mod{border-radius:20px;padding:16px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:transform .13s ease,box-shadow .2s ease}.mod:active{transform:scale(.98)}.mod.beat{background:var(--sand-soft);border-color:var(--sand-line)}.mod.func{background:#fff}.mod h4{margin:0;font-size:17px;font-weight:800}.mod .meta{font-size:12.5px;color:var(--gray);line-height:1.45}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.dot.beat{background:var(--sand)}.dot.func{background:var(--ink)}.lvl{width:9px;height:9px;border-radius:2px;display:inline-block;flex:0 0 auto}.lvl.bajo{background:var(--i-bajo)}.lvl.medio{background:var(--i-medio)}.lvl.alto{background:var(--i-alto)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:700}.pill.line{border:1px solid var(--line);color:var(--ink-soft);background:#fff}.pill.sand{background:var(--sand);color:var(--ink)}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.kv{font-size:13px;color:var(--gray)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:15px;padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .13s ease,background .2s ease,opacity .2s ease;width:100%}.btn.primary{background:var(--ink);color:var(--cream)}.btn.sand{background:var(--sand);color:var(--ink)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.seg{display:flex;background:var(--sand-soft);border:1px solid var(--sand-line);padding:4px;gap:4px}.seg,.seg a{border-radius:100px}.seg a{flex:1 1;text-align:center;padding:8px 0;font-size:14px;font-weight:700;color:var(--gray)}.seg a.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.06)}.calnav{display:flex;align-items:center;justify-content:space-between;padding:4px}.calnav .mtitle{font-size:17px;font-weight:800}.calnav a{padding:6px 10px;border-radius:10px;font-weight:800;color:var(--ink)}.dow{text-align:center;font-size:11px;font-weight:700;color:var(--gray-2);text-transform:uppercase;padding:6px 0 2px}.cal,.dow{display:grid;grid-template-columns:repeat(7,1fr)}.cal{grid-gap:2px;gap:2px}.d{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;font-size:14px;font-weight:600;color:var(--ink)}.d.off{color:var(--gray-2);opacity:.5}.d.today{box-shadow:inset 0 0 0 1.5px var(--gray-2);font-weight:800}.d .dd{display:flex;gap:3px;min-height:9px}.d.sel{background:var(--ink);color:#fff}.legend{display:flex;gap:16px;justify-content:center;padding:8px 0 2px;font-size:12px;color:var(--gray)}.legend .row{gap:6px}.klass{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.klass .khora{font-size:18px;font-weight:800;width:58px;flex:0 0 auto}.klass .kbody{flex:1 1;display:flex;flex-direction:column;gap:3px}.klass .knm{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.klass .kocupa{font-size:12.5px;color:var(--gray)}.bar{height:6px;border-radius:100px;background:var(--line);overflow:hidden;margin-top:4px}.bar>i{display:block;height:100%;background:var(--sand)}.bar.full>i{background:var(--i-alto)}.libre{color:var(--i-bajo)}.pocas{color:var(--i-medio)}.completo{color:var(--i-alto)}.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:var(--shell-w);height:calc(var(--tabh) + env(safe-area-inset-bottom, 0px));background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0);z-index:40}.tab,.tabbar{display:flex;align-items:center}.tab{flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:var(--gray-2);flex:1 1;padding:6px 0}.tab.on{color:var(--ink)}.tabgap{flex:0 0 auto;width:86px}.homebtn{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--tabh) + env(safe-area-inset-bottom, 0px) - 27px);width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px var(--cream),0 10px 24px rgba(34,34,33,.3);z-index:45;border:none;cursor:pointer;transition:transform .13s ease}.homebtn:active{transform:translateX(-50%) scale(.93)}.fab{position:fixed;right:max(16px,calc(50% - var(--shell-w) / 2 + 16px));bottom:calc(var(--tabh) + env(safe-area-inset-bottom, 0px) + 18px);width:54px;height:54px;border-radius:50%;background:var(--sand);box-shadow:0 10px 24px rgba(34,34,33,.3);z-index:45;border:none;cursor:pointer}.fab,.fab .badge{display:flex;align-items:center;justify-content:center}.fab .badge{position:absolute;top:-3px;right:-3px;width:19px;height:19px;border-radius:50%;background:var(--i-alto);color:#fff;font-size:10px;font-weight:700;border:2px solid var(--cream)}.empty{text-align:center;color:var(--gray);font-size:14px;padding:40px 20px}.flash{border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:600}.flash.ok{background:#eaf3ec;color:#2f6b43}.flash.err{background:#f7e7e1;color:#9a3d22}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px;max-width:420px;margin:0 auto;text-align:center}.login-wrap img{width:96px;height:96px;object-fit:contain}.login-wrap h1{font-size:24px;font-weight:800;margin:0}.login-wrap p{color:var(--gray);font-size:14px;margin:0;line-height:1.5}.field{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);font-size:16px;font-family:inherit;background:#fff}.field:focus{outline:2px solid var(--sand);border-color:var(--sand)}.sala-shell{max-width:820px;margin:0 auto;min-height:100dvh;background:var(--cream);padding-bottom:40px}.salabar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;background:var(--ink);color:var(--cream)}.salabar h1{margin:0;font-size:19px;font-weight:800}.salabar .lgm{border-radius:8px}.rolchip{display:inline-block;margin-top:2px;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--sand)}.salanav{display:flex;gap:4px;padding:0 12px;background:var(--ink);overflow-x:auto}.salanav a{padding:9px 12px 11px;font-size:13.5px;font-weight:600;color:#b9b4ad;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.salanav a.on{color:var(--cream);border-bottom-color:var(--sand)}.salanav a.salir{margin-left:auto;color:var(--gray-2);font-weight:500}.salacontent{padding:16px 18px}.minilink{font-size:12.5px;color:var(--gray);text-decoration:none}.minilink:hover{text-decoration:underline}.resumen{display:flex;gap:18px;margin:12px 0 4px;font-size:13px;color:var(--gray)}.klasecard{margin-top:12px}.anulada{opacity:.55}.asistentes{list-style:none;margin:10px 0 0;padding:0}.asistentes li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.asistentes .tel{margin-left:auto;font-size:12.5px;color:var(--gray)}.marca{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:100px;background:var(--line);color:var(--gray);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle}.marca.espera{background:var(--sand-soft);color:var(--ink-soft)}.marca.baja{background:#f6dcd3;color:#8d3a1c}.marca.rol{background:var(--ink);color:var(--cream)}.buscador{display:flex;gap:8px}.buscador .field{flex:1 1}.conteo{margin:10px 0;font-size:12.5px;color:var(--gray)}.filacliente{display:block;margin-top:10px;text-decoration:none;color:inherit}.filacliente:hover{border-color:var(--sand-line)}.accesosala{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit}.accesosala span{font-size:22px;color:var(--gray-2)}.cajabaja{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--cream);display:flex;flex-direction:column;gap:10px}@media (max-width:480px){.salacontent{padding:14px}.asistentes .tel{display:none}}.bandademo{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:12px;padding:9px 14px calc(9px + env(safe-area-inset-top, 0px));background:var(--i-alto);color:#fff;font-size:13px;line-height:1.35;box-shadow:0 1px 6px rgba(34,34,33,.2)}.bandademo-txt{flex:1 1;min-width:0}.bandademo-btn{flex:0 0 auto;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;font:inherit;font-weight:600;padding:5px 13px;border-radius:100px;cursor:pointer;min-height:32px}.bandademo-btn:hover:not(:disabled){background:rgba(255,255,255,.16)}.bandademo-btn:disabled{opacity:.6;cursor:default}.bandademo-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.app-shell.con-banda{padding-top:46px}@media (max-width:420px){.bandademo{font-size:12.5px;padding-inline:11px}.bandademo-txt b{display:block}}.dia{list-style:none;margin:14px 0 0;padding:0}.clase{border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 12px;margin-bottom:7px}.clase.vacia{background:transparent;border-style:dashed;padding-block:7px}.clase.pasada{opacity:.5}.clase.anulada{opacity:.55}.clase.en-curso{border-color:var(--i-alto);border-width:1.5px;box-shadow:0 1px 8px rgba(198,97,63,.14);opacity:1}.clase-cab{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:26px}.clase-hora{font-weight:800;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:44px}.clase-mod{display:inline-flex;align-items:center;gap:6px;font-size:13.5px}.clase-ocupa{margin-left:auto;font-size:13px;color:var(--gray);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.clase-ocupa b{color:var(--ink)}.clase-ocupa .sinnadie{color:var(--gray-2);font-size:12.5px}.clase-ocupa .cancelada{color:var(--i-alto);font-size:12.5px;font-weight:600}.marca.ahora{background:var(--i-alto);color:#fff}.clase .asistentes{margin-top:8px}.clase .asistentes li:first-child{border-top-color:var(--line)}@media (max-width:420px){.clase-hora{font-size:14.5px;min-width:40px}.clase-mod{font-size:13px}}.navflecha{width:auto;padding:10px 16px}.horario{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.h-fila{display:grid;grid-template-columns:44px repeat(7,minmax(0,1fr));border-top:1px solid var(--line)}.h-fila.h-cab{border-top:none;background:var(--sand-soft)}.h-dia{display:flex;flex-direction:column;align-items:center;padding:6px 0 5px;font-size:10.5px;font-weight:700;color:var(--gray);text-transform:uppercase}.h-dia b{font-size:15px;color:var(--ink)}.h-dia.hoy b{background:var(--ink);color:var(--cream);border-radius:100px;min-width:26px;text-align:center}.h-dia.festivo,.h-dia.festivo b{color:var(--i-alto)}.h-hora{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-soft)}.h-celda{display:flex;flex-direction:column;gap:3px;padding:4px 3px;min-height:40px;border-left:1px solid var(--line)}.h-celda.hoy{background:#fdf8f2}.h-celda:hover{background:var(--sand-soft)}.h-ses{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 3px;border-radius:7px;border:1px solid var(--line);background:var(--cream);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.h-ses .dot{width:7px;height:7px}.h-ses .h-n{color:var(--gray)}.h-ses .h-n b{color:var(--ink)}.h-ses .h-aforo,.h-ses .h-mod{display:none}.h-ses.beat{background:var(--sand-soft);border-color:var(--sand-line)}.h-ses.func{background:#f1efec}.h-ses.vacia{background:transparent;border-style:dashed}.h-ses.vacia .h-n b{color:var(--gray-2);font-weight:600}.h-ses.llena{box-shadow:inset 0 0 0 1.5px var(--ink)}.h-ses.pasada{opacity:.5}.h-ses.anulada{opacity:.5;text-decoration:line-through;background:transparent}.h-ses.en-curso{border-color:var(--i-alto);box-shadow:0 0 0 1px var(--i-alto)}.horario{container-type:inline-size}.h-ses .h-libres{display:none}.h-ses.mia{background:var(--ink);border-color:var(--ink);color:var(--cream)}.h-ses.mia .h-n{color:var(--cream);font-weight:800}.h-ses.mia .dot.func{background:var(--cream)}.h-ses.espera{background:var(--sand);border-color:var(--sand)}.h-ses.espera .h-n{color:var(--ink);font-size:10.5px;font-weight:700}.h-ses.completa{background:transparent}.h-ses.completa .h-n{color:var(--gray-2);font-size:11px}@container (min-width: 520px){.h-fila{grid-template-columns:52px repeat(7,minmax(0,1fr))}.h-celda{padding:5px}.h-ses{justify-content:flex-start;padding:5px 7px;font-size:12.5px}.h-ses .h-aforo{display:inline}.h-ses .h-n{margin-left:auto}}@container (min-width: 720px){.h-ses .h-libres,.h-ses .h-mod{display:inline}.h-ses .h-mod{min-width:0;overflow:hidden;text-overflow:ellipsis}}@container (max-width: 340px){.h-fila{grid-template-columns:36px repeat(7,minmax(0,1fr))}.h-celda{padding:3px 2px}.h-ses{padding:3px 1px;gap:2px;font-size:11.5px}.h-ses .dot{display:none}}.mes-sala{margin-top:14px}.ms-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:3px;gap:3px}.ms-d{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:62px;padding:5px 6px;border:1px solid var(--line);border-radius:10px;background:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ms-d:hover{border-color:var(--sand-line);background:var(--sand-soft)}.ms-d.off{opacity:.4}.ms-d.hoy{box-shadow:inset 0 0 0 1.5px var(--ink)}.ms-d.festivo{background:#fbeee8;border-color:#f0cfc2}.ms-d.cerrado{background:transparent;border-style:dashed}.ms-num{font-size:12.5px;font-weight:700;color:var(--ink-soft)}.ms-d.festivo .ms-num{color:var(--i-alto)}.ms-info{font-size:11px;color:var(--gray);white-space:nowrap}.ms-info b{font-size:15px;color:var(--ink)}.ms-dots{display:flex;gap:3px;margin-top:auto}.ms-dots .dot{width:6px;height:6px}.ms-ley{margin:10px 2px 0;font-size:12px;color:var(--gray)}.ms-fest{display:inline-block;width:10px;height:10px;margin-left:8px;vertical-align:-1px;border-radius:3px;background:#fbeee8;border:1px solid #f0cfc2}@media (max-width:480px){.ms-d{min-height:54px;padding:4px}.ms-clases{display:none}}.demo-mod{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.demo-mod.fuera{background:transparent;border-style:dashed}.demo-cab{font-size:14px;cursor:pointer}.demo-cab,.demo-fila{display:flex;align-items:center;gap:8px}.demo-fila .field{flex:1 1;min-width:0;padding:9px 12px;font-size:14px;border-radius:10px}.seg.mini{flex:0 0 auto;padding:3px;gap:2px}.seg.mini button{border:none;background:transparent;padding:6px 12px;border-radius:100px;font-size:13px;font-weight:700;color:var(--gray);cursor:pointer}.seg.mini button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.06)}.demo-huecos{display:flex;flex-direction:column;gap:6px}.demo-dia{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.demo-dia>span{width:34px;font-size:12px;font-weight:700;color:var(--gray)}.demo-dia button{border:1px solid var(--line);background:var(--cream);border-radius:8px;padding:5px 9px;font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.demo-dia button.on{background:var(--ink);border-color:var(--ink);color:var(--cream);font-weight:700}.demo-dia button small{display:block;font-size:10px;font-weight:500;color:var(--gray);line-height:1.1}.demo-dia button.on small{color:var(--sand)}.demo-dia button.lleno:not(.on){opacity:.4;cursor:not-allowed;text-decoration:line-through}