*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172b40;font:16px system-ui,sans-serif}header{background:#102c41;color:white;padding:22px max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center}header p{margin:5px 0;color:#adc3d2;font-size:13px}.brand{font-weight:800;letter-spacing:3px}.badge{border:1px solid #526878;padding:6px 12px;border-radius:20px;font-size:12px}main{max-width:1100px;margin:38px auto;padding:0 20px}.heading{display:flex;justify-content:space-between;align-items:center}h1{font-size:34px;margin:8px 0}p{color:#5a6d7c}.eyebrow{font-size:12px;letter-spacing:2px;color:#167a83;font-weight:700}nav{display:flex;gap:12px;margin:24px 0}.card{background:white;border:1px solid #dce5ec;border-radius:14px;padding:26px;margin:20px 0;box-shadow:0 4px 14px #18394a05}h2{font-size:19px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}input,select,textarea{width:100%;display:block;margin-top:8px;padding:12px;border:1px solid #c8d6e0;border-radius:7px;background:#fcfdff;font:inherit;color:#183044}input:focus,select:focus,textarea:focus{outline:2px solid #198991;outline-offset:1px}button{background:#137e86;color:white;border:0;border-radius:7px;padding:12px 20px;font:600 14px system-ui;cursor:pointer}button.secondary{background:#e8eff4;color:#28485e}button:disabled{opacity:.5;cursor:wait}.savebar{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.savebar span{font-size:13px;color:#647b8a}.preview{width:100%;height:150px;object-fit:contain;background:#edf3f6;margin-top:10px;border-radius:7px}.error,.success{padding:15px;border-radius:7px}.error{background:#ffe8e5;color:#a32b25}.success{background:#dbf3ea;color:#156648}.login{max-width:450px;margin:60px auto}.search{display:flex;gap:12px}.search input{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #e2e9ef;font-size:14px}th{background:#f3f7fa}.pagination{display:flex;align-items:center;gap:20px;margin-top:20px}dl{display:grid;grid-template-columns:180px 1fr;gap:10px}dt{font-weight:600}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.evidence{max-width:100%;max-height:350px;object-fit:contain}.extra{margin-bottom:12px}footer{text-align:center;color:#6c8293;padding:30px;font-size:12px}[hidden]{display:none!important}@media(max-width:650px){.grid{grid-template-columns:1fr}.card{padding:18px}h1{font-size:27px}header{padding:20px}.badge{display:none}dl{grid-template-columns:1fr}.heading{gap:12px}}@media print{header,footer,nav,.heading,#register,#message,#list>.card:first-child,#detail button{display:none!important}body{background:white}main{margin:0;padding:0}.card{border:0;box-shadow:none}.evidence{max-height:220px}}

/* W3.CSS define controles, tarjetas, tablas y botones. Ajustes propios de marca y distribución. */
.view-hidden{display:none}

input.w3-check{display:inline-block;width:24px;margin:0 8px 0 0;padding:0;vertical-align:middle}nav{flex-wrap:wrap}