:root{--tinta: #1c1917;--tenue: #78716c;--linea: #e7e5e4;--fondo: #fafaf9;--panel: #ffffff;--acento: #7c2d12;--acento-claro: #fef3c7;--ok: #15803d;--alerta: #b45309;--error: #b91c1c;--radio: 10px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fondo);color:var(--tinta);font-size:15px;line-height:1.5}a{color:var(--acento)}.app{display:flex;min-height:100vh}.lateral{width:232px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--linea);padding:20px 14px;display:flex;flex-direction:column}.marca{font-weight:700;font-size:14px;line-height:1.35;margin-bottom:2px}.marca small{display:block;font-weight:400;color:var(--tenue);font-size:11.5px}.nav{margin-top:26px;display:flex;flex-direction:column;gap:2px;flex:1}.nav a{padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--tinta);font-size:14px}.nav a:hover{background:var(--fondo)}.nav a.activo{background:var(--acento-claro);color:var(--acento);font-weight:600}.pie-lateral{border-top:1px solid var(--linea);padding-top:14px;font-size:12.5px;color:var(--tenue)}.pie-lateral strong{display:block;color:var(--tinta);font-size:13px}.contenido{flex:1;padding:28px 34px;max-width:1180px}h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:26px 0 12px}.subtitulo{color:var(--tenue);margin:0 0 24px;font-size:14px}.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:20px;margin-bottom:18px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:9px 10px;color:var(--tenue);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--linea)}td{padding:10px;border-bottom:1px solid var(--linea)}tbody tr:hover{background:var(--fondo)}.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-size:12.5px;font-weight:600;color:#44403c}.campo .ayuda{font-size:11.5px;color:var(--tenue)}input,select,textarea{padding:8px 10px;border:1px solid #d6d3d1;border-radius:7px;font-size:14px;font-family:inherit;background:#fff;color:var(--tinta);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:-1px;border-color:transparent}input.malo{border-color:var(--error);background:#fef2f2}input.bueno{border-color:var(--ok);background:#f0fdf4}button{padding:9px 16px;border-radius:7px;border:1px solid transparent;background:var(--acento);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:#fff;border-color:#d6d3d1;color:var(--tinta)}button.peligro{background:var(--error)}button.chico{padding:5px 10px;font-size:12.5px}.acciones{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.aviso{padding:11px 14px;border-radius:8px;font-size:13.5px;margin-bottom:16px;white-space:pre-line}.aviso.error{background:#fef2f2;color:var(--error);border:1px solid #fecaca}.aviso.ok{background:#f0fdf4;color:var(--ok);border:1px solid #bbf7d0}.aviso.info{background:#fffbeb;color:var(--alerta);border:1px solid #fde68a}.etiqueta{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.etiqueta.vigente{background:#dcfce7;color:var(--ok)}.etiqueta.anulada{background:#fee2e2;color:var(--error)}.etiqueta.pendiente{background:#fef3c7;color:var(--alerta)}.etiqueta.neutro{background:var(--linea);color:var(--tenue)}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login .tarjeta{width:100%;max-width:400px}.login h1{font-size:19px;text-align:center}.login .subtitulo{text-align:center;font-size:13px}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}.foto{border:1px solid var(--linea);border-radius:8px;overflow:hidden;background:var(--panel);cursor:pointer}.foto.elegida{outline:3px solid var(--acento)}.foto img{width:100%;height:145px;object-fit:cover;display:block;background:var(--linea)}.foto .pie{padding:7px 9px;font-size:11.5px;color:var(--tenue)}.visor{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.visor .lienzo{position:sticky;top:20px;border:1px solid var(--linea);border-radius:8px;background:#292524;overflow:auto;max-height:78vh}.visor .lienzo img{width:100%;display:block}.zona-carga{border:2px dashed #d6d3d1;border-radius:var(--radio);padding:30px;text-align:center;color:var(--tenue);font-size:14px;background:var(--panel);cursor:pointer}.zona-carga.encima{border-color:var(--acento);background:var(--acento-claro)}.participante{border:1px solid var(--linea);border-radius:8px;padding:14px;margin-bottom:12px;background:var(--fondo)}.participante .cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.participante .cabecera strong{font-size:13.5px}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.metrica{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:16px}.metrica .numero{font-size:26px;font-weight:700}.metrica .titulo{font-size:12.5px;color:var(--tenue)}.cargando{color:var(--tenue);padding:30px;text-align:center}.vacio{color:var(--tenue);padding:26px;text-align:center;font-size:14px}@media(max-width:860px){.app{flex-direction:column}.lateral{width:100%}.contenido{padding:20px 16px}.visor{grid-template-columns:1fr}.visor .lienzo{position:static}}