:root{--navy:#142d4a;--blue:#245ac4;--bg:#f3f6fa;--line:#dce3ed;--muted:#596b80}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--bg);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}header{padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:24px;font-weight:850;letter-spacing:1px;color:var(--navy)}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted)}nav{display:flex;gap:24px;align-items:center}nav form{margin:0}.link{padding:0;background:none;color:var(--blue);border:0;font-size:16px}main{max-width:1180px;margin:40px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1.4px;line-height:1.15;margin:0 0 12px}h2{font-size:20px;line-height:1.35;margin:0 0 16px;overflow-wrap:anywhere}.intro{color:var(--muted);margin-bottom:30px}section{background:#fff;padding:28px;border:1px solid var(--line);border-radius:16px;margin:24px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--navy)}.card strong{font-size:42px;line-height:1}.card:hover{border-color:var(--blue);text-decoration:none}.notice,.success,.error{padding:16px 20px;border-radius:10px;background:#e9effb;font-size:14px}.success{background:#e1f3e9;color:#18533a}.error{background:#ffe9e7;color:#852626}.muted,small{color:var(--muted);font-size:13px}small{display:block;margin-top:5px}label{display:block;font-size:14px;font-weight:650;margin:0 0 18px}input,select,textarea{display:block;width:100%;max-width:640px;margin-top:7px;padding:12px;border:1px solid #bdc9d8;border-radius:8px;font:inherit;background:#fff;color:var(--navy)}textarea{min-height:110px}button,.button{border:0;background:var(--blue);color:#fff;border-radius:8px;padding:12px 18px;font:600 14px system-ui;cursor:pointer;display:inline-block}.secondary{background:#eef3fc;color:var(--blue)}.toolbar,.filters{display:flex;align-items:end;justify-content:space-between;gap:18px}.toolbar{align-items:center;margin-top:24px}.filters label{flex:1;margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}td,th{padding:18px 10px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{min-width:240px;max-width:460px;overflow-wrap:anywhere}td:nth-child(2){min-width:175px;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:6px;padding:5px 9px;font-size:12px;white-space:nowrap;background:#edf0f4}.badge.responder{background:#e6edff;color:#214ea8}.badge.reclamar{background:#fff0d7;color:#835414}.badge.cerrado{background:#e3f2e9;color:#245b3b}.links{display:flex;gap:28px;flex-wrap:wrap}.login{max-width:480px;margin:50px auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--muted)}pre{padding:16px;background:#f4f6f9;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.message{max-height:680px;overflow:auto;line-height:1.7}.empty{padding:35px 0;text-align:center;color:var(--muted)}footer{max-width:1180px;margin:45px auto;padding:24px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}:focus-visible{outline:3px solid #ecb44e;outline-offset:3px}@media(max-width:720px){header{align-items:flex-start;flex-direction:column}nav{gap:15px;flex-wrap:wrap;font-size:14px}main{margin-top:28px;padding:0 16px}.cards{gap:8px}.card{padding:15px 12px;font-size:12px}.card strong{font-size:30px}section{padding:20px 16px}.filters,.toolbar{align-items:stretch;flex-direction:column}.filters label{width:100%}h1{letter-spacing:-.7px}}
/* Espacio de gestión 0.2 */
:root{--navy:#16314c;--blue:#255ed6;--bg:#f4f7fb;--line:#e2e8f1;--muted:#64758a}body{font-size:15px;line-height:1.6}header{padding:20px 4vw;box-shadow:0 2px 14px #193a6010;gap:28px}.brand{font-size:20px;letter-spacing:-.5px;line-height:1.3;flex-shrink:0}.brand span{font-size:11px;margin-top:5px;letter-spacing:.2px}nav{gap:7px;flex-wrap:wrap}nav>a,nav .link{font-size:13px;padding:9px 12px;border-radius:9px;font-weight:600}nav>a:hover,nav .link:hover{background:#eef3fc;text-decoration:none}main{max-width:1280px;margin-top:36px}h1{font-size:clamp(27px,3.2vw,36px);font-weight:750;letter-spacing:-1px}.intro{margin-top:10px;margin-bottom:25px}section{padding:26px;border-radius:18px;box-shadow:0 4px 20px #173b6005}.cards{gap:16px}.card{position:relative;gap:24px;padding:24px;border-radius:16px;border-top:4px solid #5081df;box-shadow:0 5px 18px #183c6007}.card:nth-child(2){border-top-color:#28a58a}.card:nth-child(3){border-top-color:#e6a335}.card span{font-size:13px;font-weight:650;color:var(--muted)}.card strong{font-size:40px;font-weight:750;letter-spacing:-1.5px}.card:hover{background:#fafdff;box-shadow:0 7px 20px #255ed612}.notice{border:1px solid #dce7fb;background:#edf3ff;color:#48617f;font-size:12px;line-height:1.7}.toolbar p{font-size:13px;color:var(--muted)}input,select,textarea{font-size:14px;border-color:#d3dce9;border-radius:10px;padding:12px 13px}button,.button{min-height:44px;border-radius:10px;padding:12px 18px;transition:background .15s}button:hover,.button:hover{filter:brightness(.94);text-decoration:none}label{font-size:13px}th{background:#f6f8fc;font-size:11px}td,th{padding:17px 14px}tbody tr:hover{background:#f9fbff}td a{font-weight:650}.badge{border-radius:20px;padding:6px 11px;font-weight:650}.badge.esperando{background:#e2f4ee;color:#206b59}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact{border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}.contact h2{margin-top:10px;margin-bottom:6px}.contact p{overflow-wrap:anywhere}.mail-body{font:15px/1.8 system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:#253b50;padding:24px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere;white-space:normal}.message{max-height:none;overflow:visible}.email-card>.eyebrow{display:inline-block;background:#edf3fc;border-radius:20px;padding:5px 12px;letter-spacing:.5px}.email-card>p{overflow-wrap:anywhere}.email-card h2{font-size:18px}.links a{padding:12px 18px;background:#f1f5fc;border-radius:10px;font-weight:650}.login{box-shadow:0 14px 45px #16314c0c}footer{font-size:11px}.secondary{background:#eef3fc;color:#255ed6}@media(max-width:960px){header{align-items:flex-start;flex-direction:column;gap:14px}nav{width:100%;gap:4px}main{padding:0 20px}}@media(max-width:600px){header{padding:18px 16px}nav>a,nav .link{padding:8px 9px;font-size:12px}main{padding:0 14px;margin-top:26px}.cards{grid-template-columns:1fr;gap:10px}.card{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 20px;gap:12px;border-top:1px solid var(--line);border-left:4px solid #5081df}.card:nth-child(2){border-top-color:var(--line);border-left-color:#28a58a}.card:nth-child(3){border-top-color:var(--line);border-left-color:#e6a335}.card strong{font-size:30px}section{padding:20px 15px;border-radius:14px}.contact-grid{grid-template-columns:1fr}.mail-body{padding:16px;font-size:14px}.tablewrap{overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tbody tr{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}td,td:first-child,td:nth-child(2){min-width:0;max-width:none;padding:4px 0;border:0}td:nth-child(3){margin-top:8px}.links{gap:10px}.links a{flex:1;text-align:center}input,select,textarea{font-size:16px}.filters button,.toolbar button{width:100%}.contact .toolbar{flex-direction:row;align-items:center}.contact .toolbar button{width:auto}}
/* Mejoras de navegación y lectura 0.2.1 */
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,.button,input,select,textarea{font-family:inherit}header{padding-left:max(24px,calc((100vw - 1232px)/2));padding-right:max(24px,calc((100vw - 1232px)/2))}nav .logout{color:#b42332;background:#fff0f1;border:1px solid #f2c5ca}nav .logout:hover{background:#ffe1e5}.quick-access{max-width:1232px;margin:18px auto 0;padding:12px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quick-access>span{font-size:12px;color:var(--muted);margin-right:auto}.quick-access>a{font-size:13px;font-weight:650;padding:9px 13px;background:#eef3fc;border-radius:8px;min-height:40px}.contact-grid{align-items:start}.signature-preview{border-left:3px solid var(--blue);font-family:Arial,Helvetica,sans-serif;white-space:normal}input,select,textarea{max-width:100%}section>form{max-width:760px}.filters{max-width:none!important}.contact form{max-width:100%}@media(max-width:1280px){.quick-access{margin-left:24px;margin-right:24px}}@media(max-width:600px){header{padding:18px 16px}.quick-access{margin:12px 14px 0;gap:8px;padding:12px}.quick-access>span{flex-basis:100%}.quick-access>a{flex:1;text-align:center;padding:10px 8px;font-size:12px}.brand{font-size:20px}nav{align-items:center}nav .logout{min-height:40px}.contact h2{font-size:16px}.contact{padding:16px}}