*{box-sizing:border-box}body{color:#1d2433;background:#f4f6fa;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.contenedor{max-width:1100px;margin:0 auto;padding:24px}.topbar{background:#fff;border-bottom:1px solid #e3e7ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.topbar nav{flex-wrap:wrap;gap:4px;display:flex}.topbar nav a{color:#4a5568;border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none}.topbar nav a.activo,.topbar nav a:hover{color:#1f6feb;background:#eaf1ff}.marca{font-size:16px;font-weight:700}.tarjeta{background:#fff;border:1px solid #e3e7ef;border-radius:12px;margin-bottom:16px;padding:20px}.tarjeta h2{margin:0 0 12px;font-size:18px}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.encabezado h1{margin:0;font-size:24px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f5;padding:10px 8px}th{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f8fafc}.badge{color:#374151;background:#eef2f7;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.azul{color:#1d4ed8;background:#e0ecff}.badge.verde{color:#166534;background:#dcfce7}.badge.rojo{color:#991b1b;background:#fee2e2}.badge.amarillo{color:#92400e;background:#fef3c7}.formulario{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;display:grid}.formulario label{color:#4a5568;flex-direction:column;gap:4px;font-size:13px;display:flex}input,select,textarea{font:inherit;color:inherit;background:#fff;border:1px solid #cfd6e4;border-radius:8px;padding:9px 10px}input:focus,select:focus,textarea:focus{border-color:#1f6feb;outline:2px solid #9ec5ff}button{font:inherit;color:#fff;cursor:pointer;background:#1f6feb;border:1px solid #1f6feb;border-radius:8px;padding:9px 14px;font-weight:600}button:hover:not(:disabled){filter:brightness(1.05)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{color:#1f6feb;background:#fff}button.peligro{background:#dc2626;border-color:#dc2626}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:14px}.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:14px}.vacio{color:#6b7280;padding:12px 0;font-size:14px}.muted{color:#6b7280;font-size:13px}.grid-dos{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:760px){.grid-dos{grid-template-columns:1fr}}.acciones{flex-wrap:wrap;gap:8px;display:flex}.login{max-width:380px;margin:80px auto}.login .formulario{grid-template-columns:1fr}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid #cfd6e4;margin-left:4px;padding:8px 0 8px 14px;font-size:14px}.timeline li b{color:#1d2433}label.check-terminos{flex-direction:row;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}label.check-terminos input{flex:none;width:auto;margin:2px 0 0}
