:root{--rojo:#c62828;--rojo-claro:#ffebee;--azul:#174ea6;--azul-claro:#e8f0fe;--verde:#198754;--verde-claro:#e8f5e9;--gris-fondo:#f4f7fb;--gris-texto:#5d6675;--gris-borde:#dfe4ea;--blanco:#fff;--texto:#1f2937}*{box-sizing:border-box}body{background:var(--gris-fondo);color:var(--texto);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.aplicacion{flex-direction:column;min-height:100vh;display:flex}.encabezado-principal{background:var(--blanco);box-shadow:0 2px 12px #1a2b4814}.linea-colores{grid-template-columns:repeat(3,1fr);height:7px;display:grid}.linea-colores span{display:block}.linea-roja{background:var(--rojo)}.linea-azul{background:var(--azul)}.linea-verde{background:var(--verde)}.contenido-encabezado{align-items:center;gap:20px;width:min(1100px,100% - 40px);margin:0 auto;padding:28px 0;display:flex}.contenedor-logo-escuela{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.logo-escuela{object-fit:contain;border-radius:10px;width:80px;height:80px;box-shadow:0 6px 16px #0000002e}.logo-sistema{width:78px;height:78px;color:var(--blanco);letter-spacing:1px;background:linear-gradient(135deg, var(--azul) 0%, var(--azul) 50%, var(--rojo) 50%, var(--rojo) 75%, var(--verde) 75%);border-radius:22px;flex-shrink:0;place-items:center;font-size:23px;font-weight:800;display:grid;box-shadow:0 8px 18px #174ea633}.ciclo-escolar{color:var(--azul);text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;font-size:14px;font-weight:700}.encabezado-principal h1{margin:0;font-size:clamp(28px,4vw,40px)}.subtitulo{color:var(--gris-texto);margin:5px 0 0}.contenido-principal{flex:1;width:min(1100px,100% - 40px);margin:35px auto}.tarjeta{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:20px;margin-bottom:24px;padding:28px;box-shadow:0 8px 25px #1f29370f}.encabezado-seccion{align-items:center;gap:16px;margin-bottom:25px;display:flex}.encabezado-seccion h2{margin:0 0 4px;font-size:22px}.encabezado-seccion p{color:var(--gris-texto);margin:0}.numero-paso{width:42px;height:42px;color:var(--blanco);background:var(--azul);border-radius:13px;flex-shrink:0;place-items:center;font-size:18px;font-weight:800;display:grid}.numero-verde{background:var(--verde)}.campos-alumno{grid-template-columns:230px 1fr;gap:20px;display:grid}.campo{flex-direction:column;gap:8px;display:flex}.campo label{font-size:14px;font-weight:700}.campo input,.campo select,.campo textarea{border:1px solid var(--gris-borde);background:var(--blanco);width:100%;color:var(--texto);border-radius:11px;outline:none;padding:14px 15px;font-size:16px;transition:border-color .2s,box-shadow .2s}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--azul);box-shadow:0 0 0 4px #174ea61a}.campo-buscador{position:relative}.resultados-busqueda{z-index:20;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:12px;max-height:285px;position:absolute;top:78px;left:0;right:0;overflow-y:auto;box-shadow:0 14px 30px #1f293729}.resultado-alumno{text-align:left;background:var(--blanco);border:none;border-bottom:1px solid #edf0f3;flex-direction:column;gap:4px;width:100%;padding:14px 16px;display:flex}.resultado-alumno:last-child{border-bottom:none}.resultado-alumno:hover{background:var(--azul-claro)}.nombre-resultado{font-weight:700}.datos-resultado{color:var(--gris-texto);font-size:13px}.sin-resultados{color:var(--gris-texto);text-align:center;padding:18px}.alumno-seleccionado{background:var(--azul-claro);border:1px solid #174ea62e;border-radius:13px;align-items:center;gap:14px;margin-top:22px;padding:16px;display:flex}.icono-alumno{background:var(--azul);width:42px;height:42px;color:var(--blanco);border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;font-weight:800;display:grid}.alumno-seleccionado div:last-child{flex-direction:column;gap:3px;display:flex}.alumno-seleccionado span{color:var(--azul);text-transform:uppercase;font-size:12px;font-weight:800}.alumno-seleccionado strong{font-size:17px}.alumno-seleccionado small{color:var(--gris-texto)}.contador-materiales{background:var(--verde-claro);color:var(--verde);border-radius:20px;margin-left:auto;padding:9px 13px;font-size:13px;font-weight:800}.lista-materiales{border:1px solid var(--gris-borde);border-radius:15px;overflow:hidden}.material{border-bottom:1px solid var(--gris-borde);justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.material:last-child{border-bottom:none}.material:nth-child(2n){background:#fafbfc}.informacion-material h3{margin:0 0 5px;font-size:17px}.informacion-material p{color:var(--gris-texto);margin:0;font-size:14px}.botones-estado{flex-shrink:0;gap:10px;display:flex}.boton-estado{opacity:.55;background:0 0;border:2px solid #0000;border-radius:10px;padding:10px 14px;font-weight:700;transition:opacity .2s,transform .2s,background .2s}.boton-estado:hover{opacity:1;transform:translateY(-1px)}.boton-estado.entregado{border-color:var(--verde);color:var(--verde)}.boton-estado.entregado.activo{background:var(--verde);color:var(--blanco);opacity:1}.boton-estado.pendiente{border-color:var(--rojo);color:var(--rojo)}.boton-estado.pendiente.activo{background:var(--rojo);color:var(--blanco);opacity:1}.campo-observaciones{margin-top:25px}.campo-observaciones textarea{resize:vertical;min-height:115px}.campo-observaciones small{color:var(--gris-texto);align-self:flex-end}.mensaje{border-radius:12px;margin-bottom:20px;padding:15px 18px;font-weight:700}.mensaje-correcto{background:var(--verde-claro);color:var(--verde);border:1px solid #19875440}.mensaje-error{background:var(--rojo-claro);color:var(--rojo);border:1px solid #c6282833}.barra-guardar{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex;box-shadow:0 8px 25px #1f293714}.barra-guardar div{flex-direction:column;gap:4px;display:flex}.barra-guardar span{color:var(--gris-texto);font-size:13px}.barra-guardar strong{font-size:16px}.boton-guardar{color:var(--blanco);background:var(--azul);border:none;border-radius:11px;padding:14px 25px;font-size:16px;font-weight:800;transition:background .2s,transform .2s;box-shadow:0 7px 15px #174ea640}.boton-guardar:hover{background:#103c82;transform:translateY(-1px)}.boton-guardar:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.pie-pagina{text-align:center;color:#cbd5e1;background:#162033;padding:23px;font-size:13px}@media (width<=750px){.contenido-encabezado,.contenido-principal{width:min(100% - 24px,1100px)}.contenido-encabezado{padding:20px 0}.logo-sistema{width:65px;height:65px}.tarjeta{padding:20px}.campos-alumno{grid-template-columns:1fr}.material{flex-direction:column;align-items:flex-start}.botones-estado{width:100%}.boton-estado{flex:1}.contador-materiales{display:none}.barra-guardar{flex-direction:column;align-items:stretch}.boton-guardar{width:100%}}@media (width<=450px){.contenido-encabezado{align-items:flex-start}.subtitulo{display:none}.encabezado-principal h1{font-size:25px}.encabezado-seccion{align-items:flex-start}.botones-estado{flex-direction:column}}.acciones-barra{flex-direction:column;align-items:stretch;gap:10px;display:flex}.acciones-barra button{min-width:230px}.boton-reporte:disabled,.boton-guardar:disabled{opacity:.6;cursor:not-allowed;transform:none}.boton-reporte{cursor:pointer;color:#fff;background:#198754;border:none;border-radius:14px;padding:14px 22px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #19875440}.boton-reporte:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1987544d}@media (width<=700px){.acciones-barra{flex-direction:column;align-items:stretch;width:100%}.boton-reporte,.boton-guardar{width:100%}}.gestion-alumnos{margin-bottom:20px}.encabezado-gestion{justify-content:space-between;align-items:center;gap:18px;display:flex}.encabezado-gestion h2{margin:0}.encabezado-gestion p{color:var(--gris-texto);margin:6px 0 0}.panel-gestion{gap:20px;margin-top:20px;display:grid}.formulario-alumno{border:1px solid var(--gris-borde);background:#fff;border-radius:16px;padding:18px}.formulario-alumno h3{margin-top:0;margin-bottom:16px}.grid-formulario{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.campo-check{color:var(--texto);align-items:center;gap:8px;padding-bottom:14px;font-weight:700;display:flex}.campo-check input{width:18px;height:18px;accent-color:var(--verde)}.acciones-formulario{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.boton-secundario,.boton-cancelar,.boton-editar,.boton-activar,.boton-desactivar{cursor:pointer;border:none;border-radius:12px;padding:11px 16px;font-size:14px;font-weight:800}.boton-secundario{background:var(--azul-claro);color:var(--azul)}.boton-cancelar{color:var(--gris-texto);background:#f1f3f5}.boton-editar{background:var(--azul-claro);color:var(--azul)}.boton-activar{background:var(--verde-claro);color:var(--verde)}.boton-desactivar{background:var(--rojo-claro);color:var(--rojo)}.busqueda-gestion{grid-template-columns:1fr 2fr auto;align-items:end;gap:14px;display:grid}.tabla-alumnos{overflow-x:auto}.tabla-alumnos table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden}.tabla-alumnos th{background:var(--azul);color:#fff;text-align:left;padding:12px;font-size:14px}.tabla-alumnos td{border-bottom:1px solid var(--gris-borde);padding:12px;font-size:14px}.acciones-tabla{flex-wrap:wrap;gap:8px;display:flex}.etiqueta-activo,.etiqueta-inactivo{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-block}.etiqueta-activo{background:var(--verde-claro);color:var(--verde)}.etiqueta-inactivo{background:var(--rojo-claro);color:var(--rojo)}@media (width<=850px){.encabezado-gestion{flex-direction:column;align-items:flex-start}.grid-formulario,.busqueda-gestion{grid-template-columns:1fr}.campo-check{padding-bottom:0}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}