:root{--fondo:#f6f3ee;--tarjeta:#fff;--tinta:#3d3a36;--tinta-suave:#706c65;--acento:#a9b8a0;--acento-oscuro:#8ba181;--lavanda:#e6e0f2;--error:#c26565;--verde-suave:#e7f0e4;--verde-texto:#4c7a44;--ambar-suave:#faf0d8;--ambar-texto:#7a5c10;--rojo-suave:#f9e6e6;--rojo-texto:#a34444}*{box-sizing:border-box}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--acento-oscuro);outline-offset:2px}body{background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.pantalla{place-items:center;min-height:100dvh;padding:24px;display:grid}.tarjeta{background:var(--tarjeta);text-align:center;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:36px 28px;display:flex;box-shadow:0 8px 32px #3d3a3614}.marca{letter-spacing:.04em;color:var(--acento-oscuro);margin:0;font-size:2.4rem;font-weight:700}.suave{color:var(--tinta-suave);margin:0;font-size:.95rem}label{text-align:left;color:var(--tinta-suave);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input{color:var(--tinta);background:#fdfcfa;border:1.5px solid #e8e4dd;border-radius:14px;padding:12px 14px;font-size:1rem;transition:border-color .15s}input:focus{border-color:var(--acento);outline:none}button{background:var(--acento);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:13px;font-size:1rem;font-weight:600;transition:background .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,transform 80ms ease-out}button:hover{background:var(--acento-oscuro)}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:wait}button.secundario{color:var(--tinta-suave);background:0 0;font-weight:500}button.secundario:hover{background:var(--fondo)}.error{color:var(--error);margin:0;font-size:.9rem}.error-bloque{text-align:left;background:var(--rojo-suave);color:var(--rojo-texto);border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-weight:600;display:flex}.error-bloque svg{flex-shrink:0;width:20px;height:20px}.campo-password{display:flex;position:relative}.campo-password input{flex:1;padding-right:48px}.ver-password{width:40px;height:40px;color:var(--tinta-suave);background:0 0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.ver-password:hover{background:var(--fondo)}.ver-password svg{width:20px;height:20px}.spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.7s linear infinite spinner-girar;display:inline-block}@keyframes spinner-girar{to{transform:rotate(360deg)}}.avatar{background:var(--lavanda);color:#7d6ba8;letter-spacing:.02em;border-radius:50%;place-items:center;width:72px;height:72px;margin:4px auto 0;font-size:1.5rem;font-weight:700;display:grid}.nombre{margin:0;font-size:1.35rem}.estudio{color:var(--acento-oscuro);margin:0;font-weight:600}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--lavanda);color:#6b5b96;border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:600}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;background:var(--tarjeta);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #3d3a360f}.topbar-marca{color:var(--acento-oscuro);letter-spacing:.04em;font-size:1.4rem;font-weight:700}.topbar-info{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.topbar-estudio{font-size:.92rem;font-weight:600}.topbar-usuario{color:var(--tinta-suave);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.topbar-salir{color:var(--tinta-suave);background:0 0;border:1.5px solid #e8e4dd;padding:8px 14px;font-size:.85rem}.topbar-salir:hover{background:var(--fondo)}.pagina{width:100%;max-width:560px;padding:16px 16px calc(84px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}@media (width>=640px){.pagina{padding-bottom:24px}}.barra-acciones{gap:10px;display:flex}.buscador{background:var(--tarjeta);border:1.5px solid #e8e4dd;border-radius:14px;flex:1;padding:12px 14px;font-size:1rem}.buscador:focus{border-color:var(--acento);outline:none}.boton-nueva{white-space:nowrap;padding:12px 16px}.toggle-todas{cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:.85rem}.toggle-todas input{width:16px;height:16px;accent-color:var(--acento)}.lista{flex-direction:column;gap:10px;display:flex}.card-cliente{background:var(--tarjeta);cursor:pointer;text-align:left;color:var(--tinta);border:none;border-radius:18px;align-items:center;gap:12px;padding:14px;font-size:1rem;transition:background .18s ease-out,box-shadow .18s ease-out,transform 80ms ease-out;display:flex;box-shadow:0 3px 14px #3d3a360f}.card-cliente:hover{background:#fdfcfa;box-shadow:0 6px 22px #3d3a361a}.card-cliente:active{transform:scale(.99)}.avatar.chico{flex-shrink:0;width:44px;height:44px;margin:0;font-size:.95rem}.card-datos{flex-direction:column;flex:1;min-width:0;display:flex}.card-nombre{font-weight:600}.card-detalle{color:var(--tinta-suave);font-size:.85rem}.badge-baja{background:var(--rojo-suave);color:var(--rojo-texto);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700}.centrado{text-align:center;padding:12px}.overlay{z-index:20;background:#3d3a3659;justify-content:center;align-items:flex-end;animation:.15s ease-out overlay-fundido;display:flex;position:fixed;inset:0}.overlay.overlay-centrado{align-items:center;padding:16px}.form-cliente{text-align:left;max-width:460px;max-height:92dvh;overflow-y:auto}.overlay:not(.overlay-centrado)>.tarjeta{width:100%;max-width:none;max-height:90dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.2s ease-out sheet-subir}.overlay.overlay-centrado>.tarjeta{animation:.18s ease-out dialogo-aparecer}@keyframes overlay-fundido{0%{opacity:0}to{opacity:1}}@keyframes sheet-subir{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogo-aparecer{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width>=640px){.overlay{align-items:center;padding:16px}.overlay:not(.overlay-centrado)>.tarjeta{border-radius:24px;width:100%;max-width:460px;padding-bottom:36px;animation:.18s ease-out dialogo-aparecer}}@media (prefers-reduced-motion:reduce){.overlay,.overlay>.tarjeta{animation:none!important}}.titulo-form{text-align:center;margin:0;font-size:1.2rem}.form-grilla{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grilla .ancho-completo{grid-column:1/-1}@media (width<=420px){.form-grilla{grid-template-columns:1fr}}.link-peligro{color:var(--error);background:0 0;border:1.5px solid #f3e3e3;font-weight:600}.link-peligro:hover{background:#f9efef}button.peligro{background:var(--error);color:#fff}button.peligro:hover{background:#a94f4f}.dialogo-chico{max-width:340px}.dialogo-texto{text-align:center}select{color:var(--tinta);background:#fdfcfa;border:1.5px solid #e8e4dd;border-radius:14px;padding:12px 14px;font-size:1rem}select:focus{border-color:var(--acento);outline:none}.chips-mini{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.chip-estado{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.chip-estado:before{content:"●";margin-right:5px;font-size:.65rem}.estado-verde{background:var(--verde-suave);color:var(--verde-texto)}.estado-amarillo{background:var(--ambar-suave);color:var(--ambar-texto)}.estado-rojo{background:var(--rojo-suave);color:var(--rojo-texto)}.estado-gris{color:var(--tinta-suave);background:#efedea}.tag-mini{background:var(--lavanda);color:#6b5b96;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600}.detalle-header{text-align:left;align-items:center;gap:12px;display:flex}.detalle-titulo{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.detalle-titulo .nombre{font-size:1.2rem}.info-lista{text-align:left;flex-direction:column;gap:8px;display:flex}.info-lista p{gap:10px;margin:0;font-size:.92rem;display:flex}.info-lista span{color:var(--tinta-suave);flex-shrink:0;min-width:96px;font-size:.85rem}.acciones-detalle{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.acciones-detalle button{padding:11px 6px;font-size:.85rem}.secundario.borde{border:1.5px solid #e8e4dd}.subtitulo{text-align:left;color:var(--tinta-suave);margin:4px 0 0;font-size:.95rem;font-weight:600}.lista-pagos{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.pago-item{background:var(--fondo);text-align:left;border-radius:14px;padding:10px 14px;font-size:.92rem}.pago-detalle{font-size:.8rem}.pago-fila{justify-content:space-between;align-items:center;gap:8px;display:flex}.pago-fila .chip-estado{margin-left:8px}.pago-item.anulado strong{color:var(--tinta-suave);text-decoration:line-through}.pago-acciones{flex-shrink:0;gap:4px;display:flex}.link-mini{color:var(--acento-oscuro);background:0 0;border-radius:10px;padding:8px 10px;font-size:.8rem;font-weight:600}.link-mini:hover{background:var(--fondo)}.link-mini.peligro-mini{color:var(--error)}.link-mini.peligro-mini:hover{background:#f9efef}.form-secciones{flex-direction:column;gap:14px;display:flex}.tags-lista{flex-wrap:wrap;gap:8px;display:flex}.tag-opcion{background:var(--fondo);color:var(--tinta-suave);border:1.5px solid #e8e4dd;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:600}.tag-opcion.activa{background:var(--lavanda);color:#6b5b96;border-color:#cfc3e8}.fila-nueva-tag{gap:8px;display:flex}.fila-nueva-tag input{flex:1}.fila-nueva-tag button{white-space:nowrap}.tabs{z-index:15;padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:var(--tarjeta);gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 14px #3d3a3614}.tab{min-height:48px;color:var(--tinta-suave);background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:.7rem;font-weight:600;display:flex}.tab svg{flex-shrink:0;width:22px;height:22px}.tab:hover{background:#efece6}.tab.activa{color:var(--acento-oscuro);background:#eef1ea}@media (width>=640px){.tabs{box-shadow:none;background:0 0;width:100%;max-width:560px;margin:0 auto;padding:8px 16px 0;position:static}.tab{border-radius:14px 14px 0 0;flex-direction:row;gap:8px;min-height:0;padding:11px;font-size:.95rem}.tab svg{width:18px;height:18px}.tab.activa{background:var(--tarjeta);color:var(--acento-oscuro);box-shadow:0 -2px 10px #3d3a360d}}.titulo-pagina{text-align:left;flex:1;align-self:center;margin:0;font-size:1.15rem}.dias-selector{gap:6px;display:flex}.dia-chip{background:var(--tarjeta);color:var(--tinta-suave);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 2px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 2px 8px #3d3a360d}.dia-chip.activo{background:var(--acento);color:#fff}.dia-cantidad{opacity:.85;font-variant-numeric:tabular-nums;font-size:.7rem}.dia-titulo{text-align:left;margin-top:-2px;font-weight:600}.card-clase{background:var(--tarjeta);border:none;border-left:5px solid var(--acento);cursor:pointer;text-align:left;color:var(--tinta);border-radius:18px;align-items:center;gap:14px;padding:14px;font-size:1rem;transition:background .18s ease-out,box-shadow .18s ease-out,transform 80ms ease-out;display:flex;box-shadow:0 3px 14px #3d3a360f}.card-clase:hover{background:#fdfcfa;box-shadow:0 6px 22px #3d3a361a}.card-clase:active{transform:scale(.99)}.clase-hora{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;min-width:52px;line-height:1.3;display:flex}.clase-hora strong{font-size:1.05rem}.clase-hora .suave{font-size:.8rem}.agenda-nav{align-items:stretch;gap:8px;display:flex}.nav-dia{padding:10px 16px;font-size:1rem}.nav-hoy{padding:10px 14px;font-size:.85rem}.fecha-input{background:var(--tarjeta);color:var(--tinta);border:1.5px solid #e8e4dd;border-radius:14px;flex:1;padding:10px 12px;font-size:.95rem}.card-clase.cancelada{opacity:.55}.sesion-cupo{background:var(--verde-suave);color:var(--verde-texto);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:700}.sesion-cupo.llena{background:var(--ambar-suave);color:var(--ambar-texto)}.sesion-color{border-radius:8px;flex-shrink:0;align-self:stretch;width:14px}.lista-alumnas{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.fila-alumna{background:var(--fondo);text-align:left;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;transition:background .18s ease-out;display:flex}.fila-alumna.asistencia-present{background:var(--verde-suave)}.fila-alumna.asistencia-late{background:var(--ambar-suave)}.fila-alumna.asistencia-absent{background:var(--rojo-suave)}.fila-alumna-datos{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.asistencia-botones{flex-shrink:0;gap:4px;display:flex}.btn-asist{background:var(--tarjeta);width:44px;height:44px;color:var(--tinta-suave);border:1.5px solid #e8e4dd;border-radius:12px;padding:0;font-size:.9rem;font-weight:700;transition:background .15s ease-out,border-color .15s ease-out}.btn-asist.presente{background:var(--verde-texto);color:#fff;border-color:var(--verde-texto)}.btn-asist.tarde{background:var(--ambar-texto);color:#fff;border-color:var(--ambar-texto)}.btn-asist.ausente{background:var(--rojo-texto);color:#fff;border-color:var(--rojo-texto)}.btn-quitar{width:30px;height:30px;color:var(--tinta-suave);background:0 0;border-radius:8px;padding:0;font-size:.85rem}.btn-quitar:hover{background:var(--rojo-suave);color:var(--rojo-texto)}.canceladas-nota{text-align:left;font-size:.82rem}.aviso{background:var(--ambar-suave);color:var(--ambar-texto);border-radius:12px;margin:0;padding:10px 14px;font-size:.88rem}.tipos-reserva{flex-wrap:wrap;gap:6px;display:flex}.opciones-alumna{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.opcion-alumna{background:var(--fondo);color:var(--tinta);text-align:left;border-radius:12px;padding:11px 14px;font-size:.95rem;font-weight:500}.opcion-alumna:hover{background:var(--lavanda)}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.semaforo-tiles{grid-template-columns:1fr 1fr 1fr}.tile{background:var(--tarjeta);text-align:left;border-radius:18px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:0 3px 14px #3d3a360f}.tile-valor{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700;line-height:1.1}.tile-valor.rojo{color:var(--rojo-texto)}.tile-valor.amarillo{color:var(--ambar-texto)}.tile-valor.gris{color:var(--tinta-suave)}.tile-label{color:var(--tinta-suave);font-size:.8rem;font-weight:600}.tile-sub{color:var(--tinta-suave);font-size:.75rem}.tile-sub.verde{color:var(--verde-texto);font-weight:600}.grafico-card{gap:10px}.barras{align-items:stretch;gap:10px;height:170px;display:flex}.barra-col{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.barra-valor{color:var(--tinta-suave);white-space:nowrap;font-variant-numeric:tabular-nums;height:14px;font-size:.68rem;font-weight:600}.barra-area{border-bottom:1px solid #e8e4dd;flex:1;align-items:flex-end;width:100%;max-width:42px;display:flex}.barra{border-radius:4px 4px 0 0;width:100%;min-height:0}.barra-mes{color:var(--tinta-suave);font-size:.72rem}.vacio{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;display:flex}.vacio-icono{margin-bottom:4px;font-size:2.4rem;line-height:1}.vacio-titulo{margin:0;font-size:1.02rem;font-weight:600}.vacio-cta{margin-top:10px;padding:12px 22px}.skeleton{background:#ece8e1;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s ease-in-out infinite skeleton-brillo;position:absolute;inset:0}@keyframes skeleton-brillo{0%{transform:translate(-100%)}to{transform:translate(100%)}}.esqueleto-card{pointer-events:none;border-left-color:#e8e4dd}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.toasts{z-index:50;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;text-align:left;border-radius:14px;padding:12px 16px;font-size:.9rem;font-weight:600;animation:.2s ease-out toast-entrar;box-shadow:0 6px 24px #3d3a362e}.toast.exito{background:var(--acento-oscuro);color:#fff}.toast.error{background:var(--error);color:#fff}.toast.aviso{background:var(--ambar-suave);color:var(--ambar-texto)}@keyframes toast-entrar{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.toasts{bottom:24px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.mes-titulo{text-align:center;text-transform:capitalize;flex:1;align-self:center;font-weight:600}.total-gastos{flex:1;padding:12px 16px}.gasto-categoria{color:var(--tinta-suave);font-weight:500}.chip-archivos{background:var(--lavanda);color:#6b5b96;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.chip-archivos svg{width:13px;height:13px}.lista-archivos{flex-direction:column;gap:6px;display:flex}.archivo-item{background:var(--fondo);border-radius:12px;align-items:center;gap:6px;padding:4px 6px 4px 0;display:flex}.archivo-nombre{color:var(--tinta);text-align:left;background:0 0;flex:1;align-items:center;gap:8px;min-width:0;padding:10px 12px;font-size:.88rem;font-weight:500;display:flex}.archivo-nombre span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.archivo-nombre svg{width:18px;height:18px;color:var(--acento-oscuro);flex-shrink:0}.archivo-nombre:hover{background:var(--lavanda)}.input-archivo{display:none}.acciones-detalle.dos{grid-template-columns:1fr 1fr}.nota-chica{text-align:left;font-size:.78rem}.acceso-alumna{background:var(--fondo);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.acceso-estado{justify-content:space-between;align-items:center;gap:8px;display:flex}.acceso-estado .subtitulo{margin:0}.acceso-acciones{align-items:center;gap:8px;display:flex}.card-cliente.proximo{opacity:.85}.card-cliente.proximo .avatar.chico{background:var(--lavanda);font-size:1.2rem}.card-cliente.card-estatica{cursor:default;align-items:flex-start}.card-cliente.card-estatica:hover{background:var(--tarjeta)}.card-cliente.card-estatica:active{transform:none}.card-cliente.inactiva{opacity:.6}.vos-chip{background:var(--acento);color:#fff;margin-left:6px}.user-acciones{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.roles-lista{margin-top:6px}.campo-ayuda{color:var(--tinta-suave);font-size:.75rem;font-weight:400}.password-caja{background:var(--fondo);border:1.5px dashed #d8d2c8;border-radius:14px;justify-content:center;padding:16px;display:flex}.password-caja code{letter-spacing:.06em;color:var(--tinta);-webkit-user-select:all;user-select:all;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:1.3rem;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation:1.2s linear infinite spinner-girar!important}}