/* Portal de AUDERSA: la marca en pantalla, negro y grises (rev. 4 §2). Sin fuentes de terceros. */
:root { --tinta: #111; --gris: #666; --borde: #ccc; --fondo: #fff; --suave: #f3f3f3; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 Calibri, "Segoe UI", Arial, sans-serif; color: var(--tinta);
       background: var(--fondo); }
header { padding: 12px 16px; border-bottom: 2px solid var(--tinta); display: flex; flex-wrap: wrap;
         gap: 10px; align-items: baseline; }
header strong { font-family: Cambria, Georgia, serif; letter-spacing: .08em; font-size: 20px; }
.lema { color: var(--gris); font-size: 13px; }
nav { margin-left: auto; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
nav a { color: var(--tinta); }
main { max-width: 760px; margin: 0 auto; padding: 16px; }
h1, h2 { font-family: Cambria, Georgia, serif; font-weight: 600; }
p, li, dd { text-align: justify; }
label { display: block; margin: 10px 0; }
input, select { display: block; width: 100%; padding: 9px; border: 1px solid var(--borde);
                border-radius: 4px; font: inherit; }
button { padding: 9px 18px; border: 1px solid var(--tinta); background: var(--tinta); color: #fff;
         border-radius: 4px; font: inherit; cursor: pointer; margin: 4px 4px 4px 0; }
.enlinea { display: inline; }
.enlinea button { background: #fff; color: var(--tinta); padding: 4px 10px; }
.error { border-left: 4px solid var(--tinta); background: var(--suave); padding: 8px 12px; }
.hecho { border-left: 4px solid var(--gris); background: var(--suave); padding: 8px 12px; }
.gris, .capa { color: var(--gris); font-size: 13px; }
.caja { border: 1px solid var(--borde); border-radius: 6px; padding: 10px 14px; margin: 10px 0; }
.arrastre { border: 2px dashed var(--borde); padding: 24px; text-align: center; border-radius: 6px; }
.arrastre.encima { border-color: var(--tinta); }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; }
dt { color: var(--gris); }
#lienzo { max-width: 100%; touch-action: none; border: 1px solid var(--borde); }
footer { padding: 16px; text-align: center; font-size: 13px; }
footer a { color: var(--gris); }

/* La app del agente (P-517): el semáforo por plazo manda (D-1035). Rojo, 3 días o menos. */
ul.agente { list-style: none; padding: 0; }
ul.agente li { border-left: 6px solid #999; padding: .5rem .75rem; margin: .5rem 0; background: #f6f6f6; }
li.semaforo.rojo { border-left-color: #b00020; }
li.semaforo.ambar { border-left-color: #c77700; }
li.semaforo.verde { border-left-color: #2e7d32; }