/* Línea gráfica: Andrade Correduría de Seguros Design System (tokens copiados tal cual) */
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/Inter-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --color-forest-900:#004B23;--color-forest-600:#40735D;
  --color-cream-100:#F8E7C9;--color-cream-50:#FCF4E7;--color-sage-300:#C3C5AA;
  --color-gold-700:#7C6537;--color-gold-300:#CCAD8B;--color-gold-accent:#B2935A;
  --surface-page:var(--color-cream-100);--surface-card:var(--color-cream-50);
  --text-primary:var(--color-forest-900);--text-secondary:var(--color-forest-600);--text-gold-label:var(--color-gold-700);
  --border-default:var(--color-sage-300);
  --button-gold-bg:var(--color-gold-300);--button-gold-bg-hover:#C19E78;
  --font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Inter',Helvetica,Arial,sans-serif;
  --radius-sm:2px;--radius-md:4px;--radius-lg:6px;
  --shadow-card:0 1px 3px rgba(6,78,59,0.08);
  /* No existe rojo en la línea gráfica; este es un añadido solo para "vencida / prioridad alta" (mismo rojo "warn" del panel de solicitudes) */
  --alerta:#A33A2E;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font:16px/1.6 var(--font-body)}
header{padding:0 16px;max-width:760px;margin:0 auto}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 12px;border-bottom:2px solid var(--color-gold-accent)}
.logo{display:block;height:auto}
.logo-sm{width:176px;flex:0 0 auto}
.logo-lg{width:min(380px,80vw)}
.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:32px 16px}
.gold-rule{width:84px;border:0;border-top:1px solid var(--color-gold-accent);margin:0}
.login h1{margin:0;font:500 clamp(34px,8vw,44px)/1.1 var(--font-display);color:var(--text-primary)}
.login-tag{margin:8px 0 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.muted{color:var(--text-secondary);font-size:13px;text-align:right}
.error{color:var(--alerta)}
main{padding:12px 16px 32px;max-width:760px;margin:0 auto}
nav{display:flex;gap:6px;overflow-x:auto;padding:6px 0}
nav button{flex:0 0 auto;border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius-lg);padding:8px 14px;font:inherit;font-size:14px}
nav button.on{background:var(--text-primary);color:var(--color-cream-50);border-color:var(--text-primary)}
nav b{font-weight:600;opacity:.85}
input[type=search]{width:100%;margin:8px 0;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font:inherit;font-size:15px}
button{cursor:pointer}
#btn-login{padding:13px 28px;border-radius:var(--radius-md);border:0;background:var(--text-primary);color:var(--color-cream-50);font:inherit;font-weight:600}
#btn-login:hover{background:var(--color-forest-600)}
.grupo{margin:20px 0 6px;font:600 20px/1.2 var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--color-gold-accent);padding-bottom:4px}
.item{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:10px 12px;margin:8px 0}
.item .t{font-weight:600}
.item .s{color:var(--text-secondary);font-size:13px;margin-top:2px}
.tag{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-gold-label);border:1px solid currentColor;border-radius:var(--radius-sm);padding:0 6px;margin-left:8px;vertical-align:1px}
.tag.alta{color:var(--alerta)}
.vencida{color:var(--alerta)!important;font-weight:600}
.vacio{color:var(--text-secondary);text-align:center;padding:32px 0}
footer{text-align:center;margin-top:24px}
.link{background:none;border:0;color:var(--text-secondary);text-decoration:underline;font:inherit;font-size:13px}
