*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef2f7;color:#111827}header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#367b3c;color:white}header a{color:white;text-decoration:none}.card{background:white;border-radius:18px;padding:18px;margin:18px;box-shadow:0 8px 24px #0001}.selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1200px;margin:auto}.alumno{max-width:1200px;margin:auto}.oculto{display:none!important}input{width:100%;font-size:18px;padding:14px;border:1px solid #cbd5e1;border-radius:12px}button{border:0;border-radius:12px;background:#367b3c;color:white;padding:12px 16px;margin:6px 0;cursor:pointer}#resultados button{display:block;width:100%;text-align:left;background:#f3f4f6;color:#111827}.datos{display:flex;gap:18px;align-items:center}.datos img{width:120px;height:120px;border-radius:18px;object-fit:cover}.promedio{font-size:24px;font-weight:bold}.trabajos label{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:10px;border-bottom:1px solid #e5e7eb;padding:10px 0}#reader{width:100%;min-height:260px;background:#f8fafc;border-radius:12px}@media(max-width:800px){.selector{grid-template-columns:1fr}.datos{display:block}.datos img{width:100%;height:220px}.trabajos label{grid-template-columns:1fr}}