/* lubricantespdvccs: el CRM con la cara de la página (casi negro, crema, un rojo; Barlow Condensed). Va después de base.css y crm.css. */
@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-style:normal;font-display:swap;src:url(barlow-condensed-latin-800-normal.woff2) format("woff2")}
:root {
  --bg: #f4f1ea; --card: #ffffff; --card-press: #ece8df; --sep: rgba(17, 17, 19, .12);
  --label: #111113; --label-2: #5d5d66; --label-3: #a5a39b; --fill: rgba(17, 17, 19, .07);
  --tint: #111113; --btn-txt: #f3efe6; --rojo: #c42d16; --orange: #c42d16;
  --ink: #111113; --crema: #f3efe6; --rojo-marca: #e0341b;
  --head: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111113; --card: #18181b; --card-press: #202024; --sep: rgba(255, 255, 255, .1);
    --label: #f3efe6; --label-2: #a4a4ac; --label-3: #5f5f66; --fill: rgba(255, 255, 255, .08);
    --tint: #f3efe6; --rojo: #f0482d; --orange: #f0482d;
  }
}

.logo { font-family: var(--head); font-weight: 800; font-size: 34px; line-height: 1; margin: 0 0 8px; letter-spacing: .01em; }

.nav { background: var(--ink); border-bottom: 0; color: var(--crema); -webkit-backdrop-filter: none; backdrop-filter: none; }
.nav strong { font-family: var(--head); font-weight: 800; font-size: 20px; text-transform: uppercase; letter-spacing: .02em; }
.nav .link { color: #c9c9cf; }
.nav .atras { color: var(--crema); }

.titulo-grande { font-family: var(--head); font-weight: 800; text-transform: uppercase; font-size: 44px; line-height: .95; letter-spacing: 0; margin: 22px 0 6px; }
.cab { font-family: var(--head); font-weight: 700; font-size: 15px; letter-spacing: .04em; color: var(--label-2); }
.card { border-radius: 12px; border: 1px solid var(--sep); }
@media (prefers-color-scheme: dark) { .card { border-color: transparent; } }

.btn { background: var(--rojo-marca); color: #fff; border-radius: 10px; font-weight: 700; }
.btn:hover { background: #f0482d; }
.buscar { background: var(--card); border: 1px solid var(--sep); border-radius: 10px; padding: 11px 14px; }
.seg { background: var(--fill); border-radius: 10px; padding: 3px; }
.seg button { font-size: 14px; border-radius: 8px; padding: 7px 10px; }
.seg button.on { background: var(--ink); color: var(--crema); box-shadow: none; }
@media (prefers-color-scheme: dark) { .seg button.on { background: var(--crema); color: var(--ink); } }

.reg .txt strong { font-weight: 600; }
.prio-alta { background: var(--rojo-marca); }
.prio-media { background: #d99a2b; }
.prio-baja { background: var(--label-3); }
.quiere { border-radius: 4px; text-transform: uppercase; font-family: var(--head); font-weight: 700; font-size: 12px; letter-spacing: .04em; padding: 1px 6px; margin-right: 6px; }
.quiere.mayor { background: var(--ink); color: var(--crema); }
.quiere.detal { background: var(--fill); color: var(--label); }
@media (prefers-color-scheme: dark) { .quiere.mayor { background: var(--crema); color: var(--ink); } }
.dato .val { white-space: pre-line; }

.detalle { background: var(--bg); }
.acciones a { background: var(--card); color: var(--label); border: 1px solid var(--sep); font-weight: 600; border-radius: 10px; }
.acciones a + a { background: var(--rojo-marca); color: #fff; border-color: var(--rojo-marca); }
.fila .ok { stroke: var(--label); }

#entrada { padding-top: 14vh; }
body.en-entrada { background: var(--ink); color: var(--crema); }
#entrada .sub { color: #a4a4ac; }
#entrada .card { background: #18181b; border-color: #2c2c31; }
#entrada input { color: var(--crema); }
#entrada input::placeholder { color: #6b6b73; }
body.en-entrada .credito, body.en-entrada .credito a { color: #8b8b94; }
#entrada .escudo { display: block; width: 60px; height: auto; margin: 0 0 18px; border-radius: 4px; }