:root{--crema:#f1e8dd;--papel:#fbf7f1;--salvia:#a8baa5;--verde:#799575;--verde-tinta:#4a6346;--lila:#c0b4ce;--violeta:#ab9bbe;--violeta-tinta:#5e4e73;--tierra:#a9957b;--tierra-claro:#e4d8c8;--tinta:#3b3631;--tinta-suave:#6e665c;--error:#9a3b2e;--e:#7a6652;--display:"Antic Didone", Georgia, serif;--texto:"Quicksand", system-ui, sans-serif;--radio:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--crema);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--violeta-tinta);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.columna{width:100%;max-width:480px;margin:0 auto;padding:0 16px}.boton{background:var(--verde-tinta);min-height:44px;color:var(--papel);letter-spacing:.01em;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;transition:background-color .15s;display:inline-flex}.boton:hover{background:#3d5239}.boton:disabled{opacity:.55;cursor:default}.boton-suave{color:var(--violeta-tinta);box-shadow:inset 0 0 0 1.5px var(--lila);background:0 0}.boton-suave:hover{background:#c0b4ce40}.enlace{color:var(--violeta-tinta);text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-weight:600;text-decoration:underline}.campo{border:1.5px solid var(--tierra-claro);background:var(--papel);border-radius:14px;width:100%;min-height:48px;padding:0 16px;display:block}.campo:focus{border-color:var(--verde);outline:none}.etiqueta{margin-bottom:6px;font-size:15px;font-weight:600;display:block}.error{color:var(--error);font-size:15px;font-weight:600}.aviso{left:50%;top:calc(16px + env(safe-area-inset-top));background:var(--tinta);width:max-content;max-width:min(448px,100% - 32px);color:var(--papel);z-index:10;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #3b363140}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login{flex-direction:column;justify-content:center;gap:32px;min-height:100dvh;padding-top:48px;padding-bottom:48px;display:flex}.login-marca{text-align:center}.login-marca h1{margin:0 0 8px}.logo{width:min(260px,70vw);height:auto;margin:0 auto;display:block}.login-marca p{font-family:var(--display);color:var(--tinta-suave);margin:0;font-size:20px}.login-form{flex-direction:column;gap:14px;display:flex}.login-form>p{margin:0}.login-form .boton{margin-top:6px}.login-nota{color:var(--tinta-suave);text-align:center;font-size:14px}.login-codigo{letter-spacing:.4em;text-align:center;font-size:28px;font-weight:600}.inicio{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.cabecera{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:8px}.cabecera-fila{justify-content:space-between;align-items:center;display:flex}.logo-cabecera{width:132px;height:auto;margin-left:-4px;display:block}.saludo{font-family:var(--display);margin:4px 0 0;font-size:26px;line-height:1.2}.pack{border-radius:var(--radio);background:var(--papel);border-left:4px solid var(--verde);margin:12px 0 0;padding:12px 16px;font-size:15px}.pack strong{color:var(--verde-tinta);font-size:18px}.pack-vence{color:var(--tinta-suave)}.pack-vacio{border-left-color:var(--tierra)}.dias{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:20px -16px 0;padding:4px 16px 8px;display:flex;overflow-x:auto}.dias::-webkit-scrollbar{display:none}.dia{scroll-snap-align:start;background:0 0;border:0;border-radius:999px;flex-direction:column;flex:none;align-items:center;width:56px;padding:8px 0 10px;display:flex}.dia-semana{color:var(--tinta-suave);text-transform:capitalize;font-size:13px;font-weight:600}.dia-numero{font-family:var(--display);font-size:24px;line-height:1.2}.dia[data-vacio]{opacity:.45}.dia[aria-pressed=true]{background:var(--verde-tinta);color:var(--papel);opacity:1}.dia[aria-pressed=true] .dia-semana{color:var(--crema)}.titulo-dia{font-family:var(--display);margin:16px 0 12px;font-size:22px;font-weight:400}.titulo-dia:first-letter{text-transform:uppercase}.vacio{color:var(--tinta-suave);padding:24px 0}.clases{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.clase{border-radius:var(--radio);background:var(--papel);grid-template-columns:64px 1fr;gap:12px;padding:16px;display:grid}.clase[data-mia]{box-shadow:inset 0 0 0 2px var(--verde)}.clase[data-suspendida]{opacity:.6}.clase-hora{font-family:var(--display);flex-direction:column;padding-top:2px;font-size:24px;line-height:1.1;display:flex}.clase-fecha{font-family:var(--texto);color:var(--tinta-suave);text-transform:capitalize;font-size:13px;font-weight:600}.clase-cuerpo{min-width:0}.clase-actividad{margin:0;font-size:17px;font-weight:700}.clase-actividad:before{content:"";background:var(--color-actividad);vertical-align:1px;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.clase-profe{color:var(--tinta-suave);margin:0;font-size:15px}.clase-libres{color:var(--tinta-suave);margin:4px 0 0;font-size:14px}.lugares{background:#c0b4ce59;border-radius:999px;max-width:220px;height:6px;margin-top:10px;overflow:hidden}.lugares span{border-radius:inherit;background:var(--violeta);height:100%;display:block}.detalles{color:var(--tinta-suave);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:6px 0 0;font-size:14px;display:flex}.intensidad{align-items:center;gap:6px;display:inline-flex}.intensidad-puntos{gap:3px;display:inline-flex}.intensidad-puntos span{background:var(--tierra-claro);border-radius:50%;width:7px;height:7px}.intensidad-puntos span[data-lleno]{background:var(--verde-tinta)}.chip-e{align-items:center;gap:6px;display:inline-flex}.letra-e{background:var(--e);width:18px;height:18px;color:var(--papel);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.clase-accion{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.estado{color:var(--tinta-suave);font-size:15px;font-weight:700}.estado-mia{color:var(--verde-tinta)}.confirmar{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.confirmar p{flex-basis:100%;margin:0 0 4px;font-size:14px}.pestanas{padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--tierra-claro);background:#f1e8ddeb;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.pestanas button{max-width:220px;min-height:44px;color:var(--tinta-suave);background:0 0;border:0;border-radius:999px;flex:1;font-weight:700}.pestanas button[aria-pressed=true]{background:var(--papel);color:var(--verde-tinta)}.contador{background:var(--violeta);min-width:22px;color:var(--tinta);border-radius:999px;margin-left:6px;padding:0 6px;font-size:13px;display:inline-block}.selector-vista{background:var(--tierra-claro);border-radius:999px;margin-top:16px;padding:3px;display:inline-flex}.selector-vista button{min-height:36px;color:var(--tinta-suave);background:0 0;border:0;border-radius:999px;padding:0 18px;font-size:14px;font-weight:700}.selector-vista button[aria-pressed=true]{background:var(--papel);color:var(--verde-tinta)}.columna[data-ancho]{max-width:1040px}.cabecera[data-ancho] .pack{max-width:448px}.semana-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.semana-nav .titulo-dia{text-align:center;flex:1;margin:16px 0 12px}.semana-flecha{background:var(--papel);width:44px;height:44px;color:var(--verde-tinta);border:0;border-radius:50%;font-size:24px;line-height:1}.semana-flecha:disabled{opacity:.35;cursor:default}.semana-tabla{border-collapse:collapse;table-layout:fixed;width:calc(100% + 20px);margin:0 -10px}.semana-tabla th,.semana-tabla td{vertical-align:top;padding:3px 1px}.semana-tabla .semana-esquina{width:38px}.semana-tabla thead th{font-weight:inherit;padding-bottom:6px}.semana-tabla thead th[data-pasado]{opacity:.4}.semana-cabeza{border-radius:12px;flex-direction:column;align-items:center;padding:6px 0;display:flex}th[data-hoy] .semana-cabeza{background:var(--verde-tinta);color:var(--papel)}th[data-hoy] .dia-semana{color:var(--crema)}.semana-numero{font-family:var(--display);font-size:20px;line-height:1.2}.semana-tabla tbody tr{border-top:1px solid var(--tierra-claro)}.semana-tabla tbody tr.semana-corte{border-top:0}.semana-tabla .semana-corte td{height:18px;padding:0}.semana-tabla .semana-hora{text-align:left;color:var(--tinta-suave);white-space:nowrap;padding:15px 4px 0 0;font-size:12px;font-weight:700}.bloque{background:var(--papel);border:0;border-left:3px solid var(--color-actividad);text-align:left;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;width:100%;min-height:44px;padding:6px 2px 6px 4px;display:flex;overflow:hidden}.bloque+.bloque{margin-top:4px}.bloque-actividad,.bloque-texto,.bloque-corto{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;line-height:1.25;overflow:hidden}.bloque-actividad{white-space:normal;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto;font-weight:700}.bloque-texto,.bloque-corto{color:var(--tinta-suave)}.bloque-texto{display:none}.bloque-corto{font-weight:600}.bloque[data-estado=mia]{background:var(--verde-tinta);color:var(--papel)}.bloque[data-estado=mia] .bloque-texto,.bloque[data-estado=mia] .bloque-corto{color:var(--crema)}.bloque[data-estado=llena]{opacity:.55}.bloque[data-estado=suspendida]{opacity:.45;text-decoration:line-through}@media (width>=720px){.semana-tabla{width:100%;margin:0}.semana-tabla th,.semana-tabla td{padding:4px}.semana-tabla .semana-esquina{width:72px}.semana-tabla .semana-hora{font-family:var(--display);color:var(--tinta);padding:12px 8px 0 0;font-size:20px;font-weight:400}.bloque{border-radius:10px;padding:8px 10px}.bloque-actividad,.bloque-texto{font-size:13px}.bloque-texto{display:block}.bloque-corto{display:none}}.bloque{position:relative}.nombre-largo,.bloque-intensidad{display:none}.bloque-e{background:var(--e);width:13px;height:13px;color:var(--papel);border-radius:50%;place-items:center;font-size:8.5px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:5px;right:3px}.bloque[data-estado=mia] .bloque-e{background:var(--papel);color:var(--verde-tinta)}.bloque[data-estado=mia] .intensidad-puntos span{background:#fbf7f14d}.bloque[data-estado=mia] .intensidad-puntos span[data-lleno]{background:var(--papel)}@media (width>=720px){.nombre-largo{display:inline}.nombre-corto{display:none}.bloque-intensidad{align-items:center;gap:8px;margin:4px 0 2px;display:flex}.bloque-intensidad:empty{display:none}.bloque-intensidad .letra-e{width:16px;height:16px;font-size:10px}.bloque[data-estado=mia] .bloque-intensidad .letra-e{background:var(--papel);color:var(--verde-tinta)}.bloque-e{display:none}.bloque-actividad{-webkit-hyphens:manual;hyphens:manual}}.barra-compu{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--tierra-claro);background:#f1e8ddf0;position:sticky;top:0}.barra-compu-contenido{align-items:center;gap:32px;max-width:1280px;margin:0 auto;padding:10px 24px;display:flex}.logo-barra{width:92px;height:auto;display:block}.nav-compu{gap:4px;display:flex}.nav-compu button{min-height:40px;color:var(--tinta-suave);background:0 0;border:0;border-radius:999px;padding:0 18px;font-weight:700}.nav-compu button:hover{color:var(--verde-tinta)}.nav-compu button[aria-pressed=true]{background:var(--papel);color:var(--verde-tinta)}.barra-usuario{align-items:center;gap:16px;margin-left:auto;font-weight:600;display:flex}.inicio[data-compu]{padding-bottom:0}.area-compu{max-width:1280px;margin:0 auto;padding:8px 24px 48px}.area-compu .aviso{top:76px}.maestro-detalle,.agenda-compu,.grilla-compu{align-items:start;gap:28px;display:grid}.maestro-detalle{grid-template-columns:minmax(0,1fr) 460px}.agenda-compu{grid-template-columns:minmax(0,1fr) 420px}.grilla-compu{grid-template-columns:minmax(0,1fr) 360px}.detalle-lateral{max-height:calc(100vh - 96px);padding:4px 4px 24px;position:sticky;top:76px;overflow-y:auto}.detalle-vacio{border:1.5px dashed var(--tierra-claro);border-radius:var(--radio);color:var(--tinta-suave);text-align:center;margin-top:16px;padding:28px 24px}.tabla-marco{border-radius:var(--radio);background:var(--papel);overflow:hidden}.tabla{border-collapse:collapse;width:100%;font-size:15px}.tabla th,.tabla td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--tierra-claro);padding:10px 14px}.tabla thead th{color:var(--tinta-suave);background:#e4d8c873;font-size:13px;font-weight:700}.tabla tbody tr:last-child td{border-bottom:0}.tabla .fila-elegible{cursor:pointer}.tabla .fila-elegible:hover{background:#a8baa51f}.tabla tr[data-elegida]{background:#a8baa53d}.tabla .celda-suave{color:var(--tinta-suave)}.tabla .celda-numero{font-variant-numeric:tabular-nums;white-space:nowrap}.boton-fila{color:var(--tinta);text-align:left;background:0 0;border:0;padding:0;font-weight:700}.boton-fila:hover{text-underline-offset:3px;text-decoration:underline}.bloque[data-elegida]{box-shadow:0 0 0 2px var(--violeta-tinta)}.clase[data-elegida]{box-shadow:inset 0 0 0 2px var(--violeta-tinta)}.clase[data-modo=detalle]{grid-template-columns:64px 1fr}.clase-fecha-detalle{color:var(--tinta-suave);margin:0 0 2px;font-size:13px;font-weight:700}.clase-fecha-detalle:first-letter{text-transform:uppercase}.agenda-compu .semana-nav .titulo-dia{margin-top:8px}.tabla .fila-dia th{font-family:var(--display);color:var(--tinta);background:#f1e8dd99;padding-top:16px;font-size:19px;font-weight:400}.tabla .celda-hora{font-family:var(--display);font-size:18px}.tabla .celda-accion{text-align:right}.tabla .fila-confirmar td{background:#e4d8c859}.tabla .fila-confirmar .confirmar{max-width:560px}.tabla abbr{cursor:help;text-decoration:none}.punto-en-linea{vertical-align:1px;margin-right:8px;display:inline-block}.intensidad-celda{align-items:center;gap:8px;display:inline-flex}.grilla-compu .catalogo:first-child .subtitulo{margin-top:8px}.tabla-grilla td:nth-child(3),.tabla-grilla .celda-accion button{white-space:nowrap}
