/* Public/src/modules/colaborador/colaborador-ui.css
   EL PORTAL DEL COLABORADOR (rol 14). Corre adentro del scope del Depósito
   Externo (`.de-ui.de-shell`): tarjetas, cabezas y avisos son los de ahí. Acá
   sólo va lo que ese módulo no tiene. Todo con `.co-ui` adelante: una clase
   suelta sobre `.de-ui` le pegaría al encargado del depósito. */

/* Los datos de una ficha: rótulo arriba, valor abajo, dos por renglón. */
.de-ui.co-ui .co-datos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px 16px;
    margin: 0;
    padding: 13px 16px 14px;
}
.de-ui.co-ui .co-datos > div { min-width: 0; }
.de-ui.co-ui .co-datos dt {
    margin: 0 0 2px;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--faint);
}
.de-ui.co-ui .co-datos dd {
    margin: 0;
    font-size: .88rem;
    font-weight: 600;
    color: var(--ink);
    overflow-wrap: anywhere;
}

/* ── MIS RECIBOS (etapa 3a) ─────────────────────────────────────────────────
   Las piezas de la lámina 1 (teléfono A). Todo con `.co-ui` adelante. */

/* la etiqueta de la firma */
.co-ui .co-est {
    display: inline-flex; align-items: center; gap: 4px; flex: none;
    font-size: .66rem; font-weight: 800; letter-spacing: .03em;
    padding: 2px 8px; border-radius: 99px; white-space: nowrap;
}
.co-ui .co-est .material-symbols-outlined { font-size: 13px; }
.co-ui .co-est.ok  { color: var(--ok);       background: var(--ok-050, #eef7f3); }
.co-ui .co-est.wrn { color: var(--warn);     background: var(--warn-050, #fdf3e5); }
.co-ui .co-est.nav { color: var(--navy-500); background: var(--navy-050); }
.co-ui .co-est.mut { color: var(--muted);    background: var(--canvas); }

/* la lista */
.de-ui.co-ui .co-anio {
    padding: 8px 16px 6px; border-top: 1px solid var(--hair); background: #fafbfd;
    font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--faint);
}
.de-ui.co-ui .co-anio:first-child { border-top: 0; }
.de-ui.co-ui .co-rec {
    display: flex; align-items: center; gap: 12px; width: 100%;
    padding: 11px 16px; border: 0; border-top: 1px solid var(--hair);
    background: var(--surface); font: inherit; color: inherit; text-align: left; cursor: pointer;
}
.de-ui.co-ui .co-rec:hover, .de-ui.co-ui .co-rec:focus-visible { background: var(--azure-050); outline: none; }
.de-ui.co-ui .co-rec .ic {
    width: 38px; height: 38px; border-radius: 11px; flex: none;
    display: grid; place-items: center; background: var(--navy-050); color: var(--navy-500);
}
.de-ui.co-ui .co-rec .ic .material-symbols-outlined { font-size: 20px; }
.de-ui.co-ui .co-rec .tx { flex: 1; min-width: 0; }
.de-ui.co-ui .co-rec .tx b { display: block; font-size: .84rem; color: var(--ink); }
.de-ui.co-ui .co-rec .tx b .corr { font-weight: 700; font-size: .66rem; color: var(--navy-500); margin-left: 4px; }
.de-ui.co-ui .co-rec .tx > small { display: block; margin-top: 1px; font-size: .72rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.de-ui.co-ui .co-rec .ch { color: var(--hair-strong); }
.de-ui.co-ui .co-rec.anulado .tx b { color: var(--muted); font-weight: 600; }
.de-ui.co-ui .co-rec.anulado .ic { background: var(--canvas); color: var(--faint); }

/* el recibo */
.de-ui.co-ui .co-atras {
    display: inline-flex; align-items: center; gap: 2px; margin: 0 0 8px -6px; padding: 6px 10px 6px 4px;
    border: 0; border-radius: 9px; background: none; font: inherit; font-size: .8rem; font-weight: 700; color: var(--azure); cursor: pointer;
}
.de-ui.co-ui .co-atras:hover, .de-ui.co-ui .co-atras:focus-visible { background: var(--azure-050); outline: none; }
.de-ui.co-ui .co-atras .material-symbols-outlined { font-size: 20px; }
.de-ui.co-ui .co-atras + .de-risk { margin: 0 0 12px; }
.de-ui.co-ui .co-link { border: 0; background: none; padding: 0; font: inherit; font-weight: 700; color: var(--azure); text-decoration: underline; cursor: pointer; }
.de-ui.co-ui .de-quien .co-est { vertical-align: middle; }
.de-ui.co-ui .de-quien + .de-card { margin-top: 10px; }

.de-ui.co-ui .co-res { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--hair); border-bottom: 1px solid var(--hair); }
.de-ui.co-ui .co-res > div { background: var(--surface); padding: 10px 16px; min-width: 0; }
.de-ui.co-ui .co-res .ancho { grid-column: 1 / -1; }
.de-ui.co-ui .co-res .r { font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); }
.de-ui.co-ui .co-res .v { margin-top: 2px; font-size: 1.02rem; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.de-ui.co-ui .co-res .v.neto { font-size: 1.32rem; color: var(--navy-500); }
.de-ui.co-ui .co-res .n { font-size: .68rem; color: var(--faint); }

/* la hoja del estudio, adentro de la tarjeta */
.de-ui.co-ui .co-hoja { position: relative; margin: 12px 16px 4px; }
.de-ui.co-ui .co-hoja:not(.abierta) {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    min-height: 120px; border: 1px dashed var(--hair-strong); border-radius: 10px; background: #fafbfd; padding: 14px;
}
.de-ui.co-ui .co-abrir {
    display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; border: 0; border-radius: 99px;
    background: var(--navy-500); color: #fff; font: inherit; font-size: .84rem; font-weight: 700; cursor: pointer;
    box-shadow: 0 4px 10px rgba(16, 32, 64, .22);
}
.de-ui.co-ui .co-abrir:hover { background: var(--navy); }
.de-ui.co-ui .co-abrir .material-symbols-outlined { font-size: 18px; }
.de-ui.co-ui .co-paginas { display: flex; flex-direction: column; gap: 8px; }
.de-ui.co-ui .co-paginas canvas {
    display: block; width: 100%; height: auto; background: #fff;
    border: 1px solid var(--hair-strong); border-radius: 6px; box-shadow: 0 2px 8px rgba(16, 32, 64, .08);
}
.de-ui.co-ui .co-agrandar {
    position: absolute; right: 8px; bottom: 8px; display: inline-flex; align-items: center; gap: 4px;
    padding: 6px 11px; border: 0; border-radius: 99px; background: var(--navy-500); color: #fff;
    font: inherit; font-size: .72rem; font-weight: 700; cursor: pointer; box-shadow: 0 4px 10px rgba(16, 32, 64, .25);
}
.de-ui.co-ui .co-agrandar .material-symbols-outlined { font-size: 15px; }
.de-ui.co-ui .co-sinlector { margin: 0; font-size: .78rem; color: var(--muted); line-height: 1.55; text-align: center; }
.de-ui.co-ui .co-hoja .de-espera { padding: 0; }

.de-ui.co-ui .co-visto { display: flex; align-items: center; gap: 7px; margin: 10px 16px 0; font-size: .74rem; font-weight: 700; color: var(--ok); }
.de-ui.co-ui .co-visto.no { color: var(--muted); font-weight: 600; }
.de-ui.co-ui .co-visto .material-symbols-outlined { font-size: 17px; }

.de-ui.co-ui .co-firmar { display: flex; flex-direction: column; gap: 9px; padding: 12px 16px 15px; }
.de-ui.co-ui .co-firmar .de-btn { width: 100%; justify-content: center; padding: 13px 14px; font-size: .88rem; border-radius: 12px; }
.de-ui.co-ui .co-firmar .de-btn.secundario { color: var(--ink); }
.de-ui.co-ui .co-firmar .de-btn:disabled { opacity: .45; }
.de-ui.co-ui .co-legal { margin: 0; font-size: .7rem; color: var(--muted); line-height: 1.55; }
.de-ui.co-ui .co-legal b { color: var(--ink); }
.de-ui.co-ui .co-bajar {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px;
    border: 0; border-radius: 10px; background: none; font: inherit; font-size: .84rem; font-weight: 700; color: var(--azure); cursor: pointer;
}
.de-ui.co-ui .co-bajar:hover, .de-ui.co-ui .co-bajar:focus-visible { background: var(--azure-050); outline: none; }
.de-ui.co-ui .co-bajar:disabled { opacity: .5; cursor: default; }
.de-ui.co-ui .co-bajar .material-symbols-outlined { font-size: 18px; }

/* la hoja agrandada: vive en <body>, fuera del scope del módulo */
.co-lupa { position: fixed; inset: 0; z-index: 10050; display: flex; flex-direction: column; background: #1b2433; }
.co-lupa .barra {
    flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 8px 10px 16px; background: #002b6b; color: #fff; font: 700 .9rem/1.2 "Segoe UI", system-ui, sans-serif;
}
.co-lupa .barra button { display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 10px; background: none; color: #fff; cursor: pointer; }
.co-lupa .barra button:hover { background: rgba(255, 255, 255, .14); }
.co-lupa .lienzo { flex: 1; overflow: auto; padding: 12px; -webkit-overflow-scrolling: touch; }
.co-lupa .lienzo img { display: block; width: 200%; max-width: 1400px; min-width: 100%; height: auto; margin: 0 auto 12px; background: #fff; border-radius: 4px; }
@media (min-width: 900px) { .co-lupa .lienzo img { width: 1000px; } }

/* ── LA FIRMA (etapa 3b) ──────────────────────────────────────────────────── */
/* la franja «Firmaste conforme» en el recibo ya firmado */
.de-ui.co-ui .co-firmado { display: flex; align-items: flex-start; gap: 10px; margin: 12px 16px 0; padding: 10px 13px; border-radius: 10px; background: var(--ok-050, #eef7f3); }
.de-ui.co-ui .co-firmado.nav { background: var(--navy-050); }
.de-ui.co-ui .co-firmado .material-symbols-outlined { font-size: 22px; color: var(--ok); flex: none; }
.de-ui.co-ui .co-firmado.nav .material-symbols-outlined { color: var(--navy-500); }
.de-ui.co-ui .co-firmado b { display: block; font-size: .86rem; color: var(--ink); }
.de-ui.co-ui .co-firmado small { display: block; margin-top: 1px; font-size: .72rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.de-ui.co-ui .co-firmado small.mot { margin-top: 4px; color: var(--ink); font-size: .76rem; }
.de-ui.co-ui .co-huella { font: 600 .74rem ui-monospace, Consolas, monospace; }
/* el recordatorio de RRHH (13/11/2026): arriba de la lista y arriba del recibo */
.de-ui.co-ui .co-recordatorio { margin: 0 0 12px; }
.de-ui.co-ui .co-recordatorio .material-symbols-outlined { color: var(--warn); }
/* lo que la persona agregó después de firmar */
.de-ui.co-ui .co-obs { margin: 10px 16px 0; display: flex; flex-direction: column; gap: 8px; }
.de-ui.co-ui .co-obs:empty { display: none; }
.de-ui.co-ui .co-obs .o { display: flex; align-items: flex-start; gap: 10px; padding: 9px 13px; border-radius: 10px; background: var(--canvas); }
.de-ui.co-ui .co-obs .o .material-symbols-outlined { font-size: 19px; color: var(--muted); flex: none; margin-top: 1px; }
.de-ui.co-ui .co-obs .o b { font-size: .78rem; color: var(--ink); }
.de-ui.co-ui .co-obs .o small { margin-left: 6px; font-size: .7rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.de-ui.co-ui .co-obs .o p { margin: 3px 0 0; font-size: .8rem; color: var(--ink); line-height: 1.45; overflow-wrap: anywhere; }
.de-ui.co-ui .co-obs .tope { font-size: .72rem; color: var(--muted); }
.de-ui.co-ui .co-observar { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; padding: 6px 0; font-size: .8rem; text-decoration: none; }
.de-ui.co-ui .co-observar .material-symbols-outlined { font-size: 17px; }
.de-ui.co-ui .de-btn.co-ancho { width: 100%; justify-content: center; margin-top: 9px; }

/* la hoja del PIN: vive en <body>, fuera del scope del módulo. En el teléfono
   sube desde abajo; desde 700 px es un diálogo centrado. */
.co-velo { position: fixed; inset: 0; z-index: 10040; background: rgba(11, 26, 51, .45); }
.co-sheet {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 10041; max-height: 96vh; overflow-y: auto;
    background: #fff; border-radius: 22px 22px 0 0; padding: 10px 20px 18px;
    font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; color: #14213d;
    box-shadow: 0 -12px 34px rgba(11, 26, 51, .25);
}
.co-sheet .asa { width: 42px; height: 4px; border-radius: 4px; background: #cfd6e2; margin: 0 auto 14px; }
.co-sheet h3 { margin: 0; font-size: 1.08rem; font-weight: 800; text-align: center; }
.co-sheet .que { margin: 12px 0 0; padding: 9px 12px; border-radius: 10px; background: #f1f5fb; font-size: .78rem; line-height: 1.5; color: #14213d; }
.co-sheet .que b.ok { color: #0f7a52; } .co-sheet .que b.wrn { color: #a85900; }
.co-sheet .dots { display: flex; justify-content: center; gap: 14px; margin: 18px 0 14px; }
.co-sheet .dots i { width: 15px; height: 15px; border-radius: 50%; border: 2px solid #8a96a8; }
.co-sheet .dots i.op { border-style: dashed; border-color: #b9c2d0; }
.co-sheet .dots i.on { background: #14213d; border: 2px solid #14213d; }
.co-sheet .err { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0 0 12px; font-size: .8rem; font-weight: 700; color: #c62828; text-align: center; line-height: 1.4; }
.co-sheet .err .material-symbols-outlined { font-size: 18px; flex: none; }
.co-sheet .pad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.co-sheet .pad button { height: 50px; border-radius: 12px; border: 0; background: #eef1f6; font: 700 1.3rem/1 inherit; font-family: inherit; color: #14213d; display: grid; place-items: center; cursor: pointer; }
.co-sheet .pad button:active { background: #dfe5ee; }
.co-sheet .pad button:disabled { opacity: .45; cursor: default; }
.co-sheet .pad button.v { background: none; }
.co-sheet .pad button.v:not([data-n]) { visibility: hidden; }
.co-sheet .pad .material-symbols-outlined { font-size: 22px; }
.co-sheet .lbl { display: block; margin: 14px 0 6px; font-size: .82rem; font-weight: 700; color: #14213d; }
.co-sheet .lbl span { font-weight: 500; color: #6b7787; }
.co-sheet textarea { display: block; width: 100%; min-height: 92px; border: 1px solid #cfd6e2; border-radius: 10px; padding: 10px; font: inherit; font-size: .88rem; color: #14213d; resize: none; }
.co-sheet textarea:focus { outline: 2px solid #1668c4; outline-offset: 1px; border-color: #1668c4; }
.co-sheet .si {
    display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 14px; padding: 13px;
    border: 0; border-radius: 12px; background: #1668c4; color: #fff; font: 700 .9rem/1.2 inherit; font-family: inherit; cursor: pointer;
}
.co-sheet .si:hover { background: #1259ab; }
.co-sheet .si:disabled { background: #b9c7da; cursor: default; }
.co-sheet .si .material-symbols-outlined { font-size: 19px; }
.co-sheet .no { display: block; width: 100%; margin-top: 4px; padding: 9px; border: 0; background: none; font: 700 .82rem/1.2 inherit; font-family: inherit; color: #5b6577; cursor: pointer; border-radius: 10px; }
.co-sheet .no:hover { background: #f1f5fb; }
.co-sheet .pie { margin: 10px 0 0; text-align: center; font-size: .74rem; color: #5b6577; line-height: 1.5; }
@media (min-width: 700px) {
    .co-sheet { left: 50%; right: auto; bottom: auto; top: 50%; transform: translate(-50%, -50%); width: 400px; border-radius: 18px; padding: 22px 24px 18px; box-shadow: 0 24px 60px rgba(11, 26, 51, .35); }
    .co-sheet .asa { display: none; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 699px) {
    .co-sheet { animation: co-sube .22s ease-out; }
    @keyframes co-sube { from { transform: translateY(24px); opacity: .4; } to { transform: none; opacity: 1; } }
}

/* ── MIS FICHADAS (etapa 3c) ──────────────────────────────────────────────── */
.de-ui.co-ui .co-semana { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.de-ui.co-ui .co-semana .t { flex: 1; min-width: 0; text-align: center; }
.de-ui.co-ui .co-semana .t b { display: block; font-size: .92rem; color: var(--ink); }
.de-ui.co-ui .co-semana .t small { display: block; margin-top: 1px; font-size: .72rem; color: var(--muted); }
.de-ui.co-ui .co-sem-b {
    display: grid; place-items: center; width: 40px; height: 40px; flex: none; cursor: pointer;
    border: 1px solid var(--hair-strong); border-radius: 11px; background: var(--surface); color: var(--azure);
}
.de-ui.co-ui .co-sem-b:hover:not(:disabled), .de-ui.co-ui .co-sem-b:focus-visible { background: var(--azure-050); border-color: var(--azure); outline: none; }
.de-ui.co-ui .co-sem-b:disabled { color: var(--hair-strong); cursor: default; }
.de-ui.co-ui .co-dia { display: flex; align-items: center; gap: 12px; padding: 11px 16px; border-top: 1px solid var(--hair); min-height: 50px; }
.de-ui.co-ui .co-dia:first-child { border-top: 0; }
.de-ui.co-ui .co-dia .d { flex: none; width: 62px; font-size: .84rem; font-weight: 700; color: var(--ink); }
.de-ui.co-ui .co-dia .d small { display: block; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--azure); }
.de-ui.co-ui .co-dia .h { flex: 1; min-width: 0; font-size: .95rem; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.de-ui.co-ui .co-dia .h i { font-style: normal; font-weight: 500; color: var(--hair-strong); }
.de-ui.co-ui .co-dia .h small { display: block; margin-top: 1px; font-size: .7rem; font-weight: 500; color: var(--muted); }
.de-ui.co-ui .co-dia.hoy { background: var(--azure-050); }
.de-ui.co-ui .co-dia.futuro .d { color: var(--faint); font-weight: 600; }
.co-ui .co-est.neg { color: var(--crit); background: var(--crit-050, #fdecec); }

/* ── AVISAR / MIS AVISOS (etapa 3d) ───────────────────────────────────────── */
.de-ui.co-ui .co-tipos { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 13px 16px 4px; }
.de-ui.co-ui .co-tipo {
    display: flex; flex-direction: column; gap: 5px; padding: 12px; min-width: 0; cursor: pointer;
    border: 1px solid var(--hair-strong); border-radius: 12px; background: var(--surface); text-align: left; font: inherit; color: var(--ink);
}
.de-ui.co-ui .co-tipo .material-symbols-outlined { font-size: 22px; color: var(--navy-500); }
.de-ui.co-ui .co-tipo b { font-size: .82rem; }
.de-ui.co-ui .co-tipo small { font-size: .68rem; color: var(--muted); line-height: 1.35; }
.de-ui.co-ui .co-tipo:hover, .de-ui.co-ui .co-tipo:focus-visible { border-color: var(--azure); outline: none; }
.de-ui.co-ui .co-tipo.on { border: 2px solid var(--azure); background: var(--azure-050); padding: 11px; }
.de-ui.co-ui .co-av-elegi { margin: 9px 16px 14px; }
.de-ui.co-ui .de-campos .co-av-ancho { flex-basis: 100%; }
.de-ui.co-ui .de-lbl small { font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--faint); }
.de-ui.co-ui .co-av-txt { width: 100%; min-height: 72px; resize: vertical; line-height: 1.45; }
.de-ui.co-ui .co-av-err {
    margin: 0 0 2px; padding: 9px 12px; border-radius: 10px; background: var(--crit-050, #fdecec); color: var(--crit);
    font-size: .78rem; font-weight: 700; line-height: 1.45;
}
.de-ui.co-ui .co-foto {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px; min-height: 62px;
    border: 1px dashed var(--hair-strong); border-radius: 10px; background: #fafbfd; font: inherit; color: var(--ink); text-align: left;
}
.de-ui.co-ui .co-foto.vacia { cursor: pointer; }
.de-ui.co-ui .co-foto.vacia:hover, .de-ui.co-ui .co-foto.vacia:focus-visible { border-color: var(--azure); background: var(--azure-050); outline: none; }
.de-ui.co-ui .co-foto.vacia > .material-symbols-outlined { width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center; flex: none; background: var(--navy-050); color: var(--navy-500); font-size: 22px; }
.de-ui.co-ui .co-foto .mini { width: 46px; height: 58px; flex: none; object-fit: cover; border-radius: 6px; border: 1px solid var(--hair-strong); background: #fff; }
.de-ui.co-ui .co-foto .tx { flex: 1; min-width: 0; font-size: .74rem; color: var(--muted); line-height: 1.4; }
.de-ui.co-ui .co-foto .tx b { display: block; font-size: .82rem; color: var(--ink); }
.de-ui.co-ui .co-foto .de-btn { flex: none; padding: 7px 11px; }
.de-ui.co-ui .co-foto-x { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border: 0; border-radius: 9px; background: none; color: var(--muted); cursor: pointer; }
.de-ui.co-ui .co-foto-x:hover { background: var(--canvas); color: var(--crit); }
.de-ui.co-ui .co-av-hecho { margin: 0; font-size: .84rem; line-height: 1.55; color: var(--ink); overflow-wrap: anywhere; }

.de-ui.co-ui .de-btn.co-av-nuevo { margin: 0 0 12px; }
.de-ui.co-ui .co-av { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--hair); }
.de-ui.co-ui .co-av:first-child { border-top: 0; }
.de-ui.co-ui .co-av .ic { width: 38px; height: 38px; border-radius: 11px; flex: none; display: grid; place-items: center; background: var(--navy-050); color: var(--navy-500); }
.de-ui.co-ui .co-av .ic .material-symbols-outlined { font-size: 20px; }
.de-ui.co-ui .co-av .tx { flex: 1; min-width: 0; }
.de-ui.co-ui .co-av .tx b { display: block; font-size: .84rem; color: var(--ink); }
.de-ui.co-ui .co-av .tx > small { display: block; margin-top: 2px; font-size: .72rem; color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.de-ui.co-ui .co-av .tx > small.resp { color: var(--ink); font-weight: 600; }
.de-ui.co-ui .co-av.rechazado .tx > small.resp { color: var(--crit); }
.de-ui.co-ui .co-av .acc { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 7px; }
.de-ui.co-ui .co-av .acc .co-link { display: inline-flex; align-items: center; gap: 3px; font-size: .76rem; text-decoration: none; padding: 4px 0; }
.de-ui.co-ui .co-av .acc .co-link .material-symbols-outlined { font-size: 16px; }
.de-ui.co-ui .co-av .acc .co-link:disabled { opacity: .5; cursor: default; }
.de-ui.co-ui .co-av.retirado .tx b { color: var(--muted); font-weight: 600; }
.de-ui.co-ui .co-av.retirado .ic { background: var(--canvas); color: var(--faint); }
.co-lupa.co-lupa-foto .lienzo img { width: auto; max-width: 100%; min-width: 0; }