:root{--azul:#153b6d;--azul2:#245fa8;--fondo:#f3f6fa;--texto:#172033;--borde:#dce4ef;--blanco:#fff}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:Inter,Segoe UI,Arial,sans-serif}.encabezado{background:linear-gradient(120deg,#102d55,#2169b4);color:#fff;padding:28px max(24px,calc((100% - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.encabezado h1{margin:6px 0;font-size:clamp(25px,4vw,40px)}.encabezado p{margin:0;opacity:.85}.etiqueta{font-size:12px;letter-spacing:1.5px;font-weight:800}.contenedor{max-width:1280px;margin:24px auto;padding:0 20px}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(20,50,90,.07);margin-bottom:20px}.selector label{display:block;font-weight:700;margin-bottom:8px}.fila{display:flex;gap:10px;flex-wrap:wrap}.fila input,.observacion{border:1px solid #cbd6e5;border-radius:10px;padding:11px;font:inherit}.selector small{display:block;margin-top:10px;color:#637086}.boton{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--azul2);color:#fff;padding:11px 17px;font-weight:700;text-decoration:none;cursor:pointer}.boton.secundario{background:#fff;color:var(--azul)}.boton.claro{background:#e9f1fb;color:var(--azul)}.titulo-lista{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.titulo-lista h2,.titulo-lista p{margin:0}.titulo-lista p{color:#657188;margin-top:4px}.tabla-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #e4e9f1;vertical-align:middle}th{font-size:12px;text-transform:uppercase;color:#68758c;background:#f7f9fc}td small{display:block;color:#7c8799;margin-top:4px}.opciones{display:flex;gap:6px;flex-wrap:wrap}.estado{border-radius:999px;padding:7px 9px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef2f7}.estado:has(input:checked){outline:2px solid currentColor}.presente{color:#087a4b}.falta{color:#bd2525}.retardo{color:#a55b00}.justificada{color:#5b47a7}.observacion{width:100%;min-width:150px}.alerta{border-radius:12px;padding:14px 16px;margin-bottom:18px;font-weight:650}.alerta.exito{background:#dcf7e9;color:#09643f}.alerta.error{background:#ffe3e3;color:#9b2020}.guardar-inferior{display:none;margin-top:16px;width:100%}.resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.resumen div{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:18px}.resumen b{display:block;font-size:28px;color:var(--azul)}.resumen span{color:#68758c}.insignia{font-weight:800;font-size:11px;border-radius:999px;padding:6px 9px;background:#eef2f7}.vacio{text-align:center;color:#738096;padding:35px}@media(max-width:760px){.encabezado{align-items:flex-start;flex-direction:column}.titulo-lista .boton{display:none}.guardar-inferior{display:flex}.resumen{grid-template-columns:repeat(2,1fr)}th,td{padding:10px 7px}.opciones{min-width:250px}}

