:root {
  --primario:#2e7d62; --primario-oscuro:#205c48; --acento:#33455e;
  --fondo:#f3f5f6; --texto:#22303f; --muted:#65717a; --borde:#dce2e5;
  --error:#b3261e; --alerta:#a35b00; --ok:#247457; --azul:#315d8a;
  --sombra:0 7px 24px rgba(34,48,63,.07); --radio:14px;
}
*{box-sizing:border-box} html{min-height:100%} body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fondo);color:var(--texto);font-size:16px;line-height:1.45}
a{color:var(--primario-oscuro)}
.cabecera{position:sticky;top:0;z-index:20;background:var(--primario);color:#fff;box-shadow:0 2px 14px rgba(0,0,0,.13)}
.cabecera-superior{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px;max-width:1180px;margin:auto}
.cabecera-marca{color:#fff;text-decoration:none;font-size:1.35rem;font-weight:750;letter-spacing:-.04em}.cabecera-marca strong{color:#d9f5c4;font-size:1.5rem}.usuario-menu{display:flex;gap:10px;align-items:center;font-size:.83rem}.usuario-menu a{color:#fff}.usuario-nombre{display:none}
.menu-principal{display:flex;gap:4px;overflow-x:auto;padding:4px 10px 9px;max-width:1180px;margin:auto;scrollbar-width:none}.menu-principal::-webkit-scrollbar{display:none}.menu-principal a{white-space:nowrap;color:#fff;text-decoration:none;padding:7px 10px;border-radius:9px;font-size:.88rem;opacity:.82}.menu-principal a:hover,.menu-principal a.activo{opacity:1;background:rgba(255,255,255,.17)}
.contenido{padding:18px 14px 38px;max-width:1180px;margin:0 auto;min-height:calc(100vh - 145px)}
h1{font-size:1.55rem;line-height:1.15;margin:0 0 6px;letter-spacing:-.025em}h2{font-size:1.12rem;margin:24px 0 10px}h3{font-size:1rem;margin:0 0 9px}.subtitulo{color:var(--muted);margin:0 0 20px}.ayuda{font-size:.82rem;color:var(--muted);margin-top:3px}.texto-derecha{text-align:right}.texto-centro{text-align:center}
.alerta{padding:11px 14px;border-radius:12px;margin-bottom:14px;font-size:.92rem}.alerta-ok,.alerta-exito{background:#e5f5ed;color:#1d684d;border:1px solid #b6dfcd}.alerta-error{background:#fbeae8;color:var(--error);border:1px solid #f0c7c2}.alerta-aviso{background:#fff4df;color:#805000;border:1px solid #efd39f}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:16px;margin-bottom:14px;box-shadow:var(--sombra)}.tarjeta-plana{box-shadow:none}.tarjeta-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tarjeta-peligro{border-left:5px solid var(--error)}
.grid{display:grid;gap:14px}.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 22px}.kpi{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:14px;box-shadow:var(--sombra)}.kpi-etiqueta{font-size:.76rem;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);font-weight:700}.kpi-valor{font-size:1.5rem;font-weight:760;line-height:1.15;margin-top:5px}.kpi-nota{font-size:.75rem;color:var(--muted);margin-top:4px}.kpi.ok .kpi-valor{color:var(--ok)}.kpi.error .kpi-valor{color:var(--error)}
label{display:block;font-weight:650;margin:12px 0 5px;font-size:.9rem}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],input[type=email],input[type=tel],input[type=file],select,textarea{width:100%;padding:11px 12px;border:1px solid #cdd5da;border-radius:9px;font:inherit;background:#fff;color:var(--texto)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(46,125,98,.13);border-color:var(--primario)}textarea{min-height:90px;resize:vertical}.campo-check{display:flex;gap:8px;align-items:center;font-weight:500}.campo-check input{width:auto}.campos-2,.campos-3{display:grid;gap:0 14px}
.boton,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;background:var(--primario);color:#fff;border:0;padding:11px 16px;border-radius:9px;font:inherit;font-weight:680;cursor:pointer;text-decoration:none;text-align:center;min-height:44px}.boton:hover,button:hover{background:var(--primario-oscuro)}.boton-secundario{background:#fff;color:var(--primario-oscuro);border:1px solid var(--primario)}.boton-neutro{background:var(--acento)}.boton-peligro{background:var(--error)}.boton-chico{padding:7px 11px;font-size:.82rem;min-height:34px}.boton-bloque{width:100%}.fila-acciones{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.tabla-responsive{overflow-x:auto;background:#fff;border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra)}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--borde);vertical-align:top}th{font-size:.73rem;text-transform:uppercase;letter-spacing:.035em;color:#66716c;background:#f8faf9}tr:last-child td{border-bottom:0}.fila-clickable:hover{background:#f7fbf9}.nowrap{white-space:nowrap}
.estado{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:720;text-transform:capitalize}.estado-pagada,.estado-activo,.estado-presente{background:#dff2e9;color:#1d684d}.estado-parcial,.estado-pausa,.estado-falta_justificada{background:#fff0d6;color:#805000}.estado-pendiente,.estado-retirado,.estado-ausente{background:#f8e5e2;color:#8f2c23}.estado-excedente,.estado-recuperacion{background:#e5edf8;color:#2f557c}.bandera-imagen{display:inline-block;color:#fff;background:var(--error);border-radius:6px;padding:4px 7px;font-size:.7rem;font-weight:760}.etiqueta-activo{color:var(--ok);font-weight:650}.etiqueta-inactivo{color:#899197}
.barra{height:10px;background:#e5eaec;border-radius:99px;overflow:hidden}.barra>span{display:block;height:100%;background:var(--primario);border-radius:99px}.lista-enlaces{list-style:none;padding:0;margin:0;display:grid;gap:10px}.lista-enlaces a{display:block;background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:14px;text-decoration:none;color:var(--texto);font-weight:650;box-shadow:var(--sombra)}
.filtros{display:grid;gap:10px;align-items:end;margin-bottom:16px}.filtros label{margin:0}.paginacion{display:flex;gap:6px;justify-content:center;margin:18px 0}.vacio{text-align:center;color:var(--muted);padding:30px 16px}
.modo-cancha .contenido{max-width:680px}.lista-asistencia{display:grid;gap:12px}.alumno-asistencia{background:#fff;border:1px solid var(--borde);border-radius:16px;padding:14px;box-shadow:var(--sombra)}.asistencia-nombre{font-size:1.08rem;font-weight:760}.asistencia-botones{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.asistencia-boton{min-height:58px;font-size:1rem;background:#eef2f3;color:var(--texto);border:2px solid transparent}.asistencia-boton.presente.seleccionado{background:#dff2e9;color:#1d684d;border-color:#62ad89}.asistencia-boton.ausente.seleccionado{background:#f8e5e2;color:#8f2c23;border-color:#d57970}.guardar-estado{font-size:.78rem;color:var(--muted);margin-top:7px;min-height:18px}
.pie{text-align:center;padding:20px;font-size:.78rem;color:#7b858b}.pantalla-login{max-width:390px;margin:42px auto;padding:0 16px}.pantalla-login .logo-login{text-align:center;font-size:2rem;color:var(--primario);font-weight:800}.pantalla-login .tarjeta{margin-top:18px}.solo-movil{display:block}
@media(min-width:640px){.usuario-nombre{display:inline}.contenido{padding:26px 24px 48px}.grid-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.campos-2{grid-template-columns:repeat(2,minmax(0,1fr))}.campos-3{grid-template-columns:repeat(3,minmax(0,1fr))}.filtros{grid-template-columns:repeat(4,minmax(0,1fr))}.solo-movil{display:none}}
@media(min-width:920px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cabecera-superior{padding-left:24px;padding-right:24px}.menu-principal{padding-left:20px;padding-right:20px}}