:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#132238;background:#f3f6fb;font-synthesis:none;-webkit-font-smoothing:antialiased;--navy: #071d37;--navy-soft: #0c2d50;--blue: #1268e8;--blue-dark: #0a4fb9;--blue-pale: #eaf3ff;--green: #11845e;--green-pale: #e7f7f0;--amber: #a35f04;--amber-pale: #fff6e5;--red: #c23441;--red-pale: #fff0f1;--muted: #5f6f84;--line: #dfe6ef;--surface: #fff;--shadow: 0 14px 40px rgba(20, 42, 70, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f6fb}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.top{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-soft) 100%);color:#fff;padding:14px 16px}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:#fff;padding:0;max-width:760px;margin:0 auto;width:100%;text-align:left}.brand img{width:40px;height:40px;border-radius:10px;background:#fff;padding:3px}.brand b{display:block;font-size:16px;letter-spacing:-.01em}.brand small{display:block;color:#b9cde3;font-size:12.5px}.main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:20px 16px 32px}.pie{padding:18px 16px 26px;text-align:center;color:var(--muted);font-size:12px;line-height:1.5}.hero{padding:8px 2px 18px}.hero h1{margin:0 0 8px;font-size:clamp(24px,6vw,32px);letter-spacing:-.03em;color:var(--navy)}.hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.acciones{display:grid;gap:12px;margin-bottom:18px}.accion{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);text-align:left;transition:border-color .15s,transform .15s}.accion:hover{border-color:var(--blue);transform:translateY(-1px)}.accion__ico{font-size:26px;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--blue-pale);flex:none}.accion b{display:block;font-size:16px;color:var(--navy)}.accion small{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.4}.accion__flecha{margin-left:auto;color:var(--blue);font-size:20px;font-weight:700}.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.tarjeta h2{margin:6px 0 14px;font-size:20px;letter-spacing:-.02em;color:var(--navy)}.tarjeta h3{margin:22px 0 10px;font-size:15px;color:var(--navy)}.tarjeta__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.ayuda ul{margin:0;padding-left:20px;color:#31435a;font-size:14px;line-height:1.6}.ayuda li+li{margin-top:6px}.pasos{display:flex;align-items:center;gap:5px}.pasos span{width:22px;height:5px;border-radius:4px;background:var(--line)}.pasos span.hecho{background:var(--blue)}.pasos span.actual{background:var(--navy)}.pasos small{margin-left:6px;color:var(--muted);font-size:12px;white-space:nowrap}.tipos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}@media(min-width:640px){.tipos{grid-template-columns:repeat(3,minmax(0,1fr))}}.tipo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;text-align:left;transition:border-color .15s,background .15s}.tipo:hover{border-color:#9cbff5}.tipo.sel{border-color:var(--blue);background:var(--blue-pale)}.tipo__ico{font-size:22px}.tipo b{font-size:14.5px;color:var(--navy)}.tipo small{color:var(--muted);font-size:12.5px;line-height:1.35}.sino{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.opcion{padding:12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-weight:600;font-size:14px}.opcion.sel{border-color:var(--blue);background:var(--blue-pale);color:var(--blue-dark)}.grid2,.grid3{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:560px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1.2fr 1fr 1fr}.campo--ancho{grid-column:1 / -1}}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.campo>span{font-size:13px;font-weight:600;color:#31435a}.campo>span small{font-weight:400;color:var(--muted)}.campo input,.campo select,.campo textarea,.responder textarea,.adjunto select{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:16px;outline:none}.campo input:focus,.campo select:focus,.campo textarea:focus,.responder textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1268e81f}textarea{resize:vertical;min-height:110px}.nota{margin:0 0 12px;color:var(--muted);font-size:13.5px;line-height:1.5}.botonera{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.botonera--izq{justify-content:flex-start;margin-top:4px}.botonera--entre{justify-content:space-between}.btn{padding:12px 20px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:700;font-size:15px}.btn:hover:not(:disabled){background:var(--blue-dark)}.btn:disabled{opacity:.45}.btn--sec{background:#fff;color:var(--blue-dark);border:1.5px solid #b9d2f6}.btn--sec:hover:not(:disabled){background:var(--blue-pale)}.btn--archivo{position:relative;display:inline-flex;align-items:center;overflow:hidden;cursor:pointer}.btn--archivo input{position:absolute;inset:0;opacity:0;cursor:pointer}.link{background:none;border:0;padding:4px 0;color:var(--blue);font-weight:600;font-size:14px;text-align:left}.link--rojo{color:var(--red)}.alerta{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.5}.alerta p{margin:0 0 4px}.alerta--error{background:var(--red-pale);color:#8f1f2a;border:1px solid #f3c6cb}.alerta--aviso{background:var(--amber-pale);color:#7a4703;border:1px solid #f4dcae}.alerta--info{background:var(--blue-pale);color:#0b3f8f;border:1px solid #cfe1fb}.alerta--ok{background:var(--green-pale);color:#0c5e43;border:1px solid #bfe7d6}.tiquete{margin-top:14px;border:1.5px solid #b9d2f6;border-radius:14px;padding:16px;background:linear-gradient(180deg,#f7fbff,#fff)}.tiquete__head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tiquete__head b{font-size:16px;color:var(--navy);font-variant-numeric:tabular-nums}.tiquete__ruta{margin:6px 0 12px;font-size:18px;font-weight:700;color:var(--blue-dark)}.chip{padding:4px 10px;border-radius:99px;background:var(--blue-pale);color:var(--blue-dark);font-size:12px;font-weight:700}dl{margin:0;display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:520px){dl{grid-template-columns:1fr 1fr}}dl div{min-width:0}dt{color:var(--muted);font-size:12px}dd{margin:2px 0 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.check{display:flex;gap:10px;align-items:flex-start;margin:16px 0 6px;font-size:14px;line-height:1.45;cursor:pointer}.check input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:var(--blue)}.adjuntos{margin-top:16px;padding:14px;border:1px dashed #c7d5e6;border-radius:14px;background:#fafcff}.adjuntos__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}.adjuntos__head small{color:var(--muted);font-size:12px}.adjunto{display:grid;grid-template-columns:1fr;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}@media(min-width:560px){.adjunto{grid-template-columns:1fr 210px auto;align-items:center}}.adjunto__nombre{font-size:13.5px;overflow-wrap:anywhere}.adjunto select{padding:8px 10px;font-size:14px}.adjuntos .btn--archivo{margin-top:10px}.falta{margin:10px 0 0;color:var(--red);font-size:13px;font-weight:600}.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.listo{text-align:center}.listo__ico{width:56px;height:56px;margin:4px auto 6px;display:grid;place-items:center;border-radius:50%;background:var(--green-pale);color:var(--green);font-size:28px;font-weight:800}.listo p{margin:0;color:var(--muted)}.radicado{margin:6px 0 2px;font-size:clamp(26px,8vw,34px);font-weight:800;letter-spacing:.01em;color:var(--navy);font-variant-numeric:tabular-nums}.radicado--chico{margin:0;font-size:22px}.listo__datos{margin:18px 0 4px;text-align:left;padding:14px;border-radius:12px;background:#f6f9fd}.listo .botonera{justify-content:center}.caso__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.caso__head small{color:var(--muted);font-size:12px}.estado{padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;white-space:nowrap;background:var(--blue-pale);color:var(--blue-dark)}.estado--resuelta,.estado--cerrada{background:var(--green-pale);color:var(--green)}.estado--escalada{background:var(--amber-pale);color:var(--amber)}.respuesta{margin-top:16px;padding:14px;border-radius:12px;background:var(--green-pale);border:1px solid #bfe7d6}.respuesta p{margin:6px 0 0;white-space:pre-wrap;line-height:1.5}.hilo{display:flex;flex-direction:column;gap:10px}.msg{max-width:92%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5}.msg small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:3px}.msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.msg--usted{align-self:flex-end;background:var(--blue-pale);border-bottom-right-radius:4px}.msg--pqrs{align-self:flex-start;background:#f1f4f8;border:1px solid var(--line);border-bottom-left-radius:4px}.lista-adj{margin:0;padding-left:4px;list-style:none;font-size:13.5px}.lista-adj li{padding:4px 0;overflow-wrap:anywhere}.lista-adj small{color:var(--muted)}.responder{margin-top:8px}.responder .btn--archivo{margin:0}.accion__ico--txt{color:var(--blue-dark);font-weight:800;font-size:24px}.clip{display:inline-block;width:8px;height:12px;margin-right:7px;border:2px solid var(--muted);border-radius:5px;vertical-align:-1px}.campo input:disabled{background:#f3f6fb;color:#31435a}