:root{--azul:#1f5f8b;--azul2:#2b7bbb;--fondo:#f4f8fb;--texto:#223;--gris:#eef3f7;--borde:#c9ddeb;--verde:#18865a;--rojo:#b3261e}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--fondo);color:var(--texto)}header{background:linear-gradient(135deg,var(--azul),var(--azul2));color:white;padding:22px 30px}header h1{margin:0;font-size:24px}header p{margin:6px 0 0;font-size:14px}.contenedor{max-width:1100px;margin:24px auto;padding:0 16px}.card{background:white;border:1px solid var(--borde);border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 14px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.menu{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.menu a,.btn{display:inline-block;background:var(--azul);color:white;text-decoration:none;border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.menu a:hover,.btn:hover{background:#164866}.btn-sec{background:#667085}.btn-verde{background:var(--verde)}input,select,textarea{width:100%;padding:10px;border:1px solid var(--borde);border-radius:8px;margin:6px 0 14px;font-size:15px}textarea{min-height:110px}table{width:100%;border-collapse:collapse;background:white}th{background:var(--azul);color:white;text-align:left}th,td{padding:10px;border:1px solid var(--borde);vertical-align:top}.nota{background:#fff8df;border-left:5px solid #e6a700;padding:12px;border-radius:8px}.ok{color:var(--verde);font-weight:bold}.error{color:var(--rojo);font-weight:bold}.login{max-width:430px;margin:60px auto}.pill{display:inline-block;padding:4px 9px;border-radius:20px;background:var(--gris);font-size:12px}.footer{text-align:center;color:#667085;font-size:12px;margin:30px}.hero{font-size:18px;line-height:1.55}.small{font-size:13px;color:#667085}