/* Minification failed. Returning unminified contents.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,17): run-time error CSS1039: Token not allowed after unary operator: '-dx-body'
(32,22): run-time error CSS1039: Token not allowed after unary operator: '-dx-ink'
(35,17): run-time error CSS1039: Token not allowed after unary operator: '-dx-navy'
(38,113): run-time error CSS1039: Token not allowed after unary operator: '-dx-red'
(42,41): run-time error CSS1039: Token not allowed after unary operator: '-dx-line'
(46,47): run-time error CSS1039: Token not allowed after unary operator: '-dx-muted'
(49,22): run-time error CSS1039: Token not allowed after unary operator: '-dx-red'
(51,39): run-time error CSS1039: Token not allowed after unary operator: '-dx-red-dark'
(55,46): run-time error CSS1039: Token not allowed after unary operator: '-dx-navy-deep'
(55,70): run-time error CSS1039: Token not allowed after unary operator: '-dx-navy'
(55,90): run-time error CSS1039: Token not allowed after unary operator: '-dx-purple'
(66,62): run-time error CSS1039: Token not allowed after unary operator: '-dx-line'
(67,37): run-time error CSS1039: Token not allowed after unary operator: '-dx-navy-deep'
(79,37): run-time error CSS1039: Token not allowed after unary operator: '-dx-red'
(80,43): run-time error CSS1039: Token not allowed after unary operator: '-dx-red-dark'
(89,39): run-time error CSS1039: Token not allowed after unary operator: '-dx-surface'
(89,76): run-time error CSS1039: Token not allowed after unary operator: '-dx-line'
(92,83): run-time error CSS1039: Token not allowed after unary operator: '-dx-ink'
(93,52): run-time error CSS1039: Token not allowed after unary operator: '-dx-muted'
(99,45): run-time error CSS1039: Token not allowed after unary operator: '-dx-muted'
(101,32): run-time error CSS1039: Token not allowed after unary operator: '-dx-muted'
(102,38): run-time error CSS1039: Token not allowed after unary operator: '-dx-navy'
 */
/* LBC 2026-08-22, portada del backend alineada con dexon.us. Paleta y jerarquia del
   sistema de diseno del sitio (src/styles/global.css): navy ancla, rojo solo en acciones.
   CSP style-src 'self' y font-src 'self': todo el estilo vive aqui; fuentes del sistema.
   Estas clases solo las usan Views/Home/Index.cshtml y Views/Shared/_Layout.cshtml. */

:root {
    --dx-red: #A4161A;
    --dx-red-dark: #8A1115;
    --dx-navy: #09116E;
    --dx-navy-deep: #060B4A;
    --dx-purple: #4B1D8C;
    --dx-blue-light: #3B82F6;
    --dx-ink: #0F172A;
    --dx-body: #334155;
    --dx-muted: #64748B;
    --dx-line: #E2E8F0;
    --dx-surface: #F8FAFC;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.dx-body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: var(--dx-body);
    font-family: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.dx-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
h1, h2 { color: var(--dx-ink); line-height: 1.15; margin: 0 0 16px; letter-spacing: -.01em; }
h1 { font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 750; max-width: 24ch; }
h2 { font-size: clamp(1.35rem, 2.4vw, 1.9rem); font-weight: 700; max-width: 26ch; }
a { color: var(--dx-navy); }
a:hover { text-decoration: underline; }
p { margin: 0 0 14px; }
.dx-eyebrow { font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--dx-red); margin-bottom: 12px; }
.dx-lead { font-size: 1.12rem; max-width: 66ch; }

/* Header */
.dx-hdr { border-bottom: 1px solid var(--dx-line); background: #fff; }
.dx-hdr__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 72px; }
.dx-hdr__brand img { display: block; height: 48px; width: auto; }
.dx-hdr__nav { display: flex; align-items: center; gap: 18px; }
.dx-hdr__app { font-size: .86rem; color: var(--dx-muted); font-variant-numeric: tabular-nums; }
.dx-hdr__cta {
    display: inline-block; padding: 8px 16px; border-radius: 8px;
    background: var(--dx-red); color: #fff; font-weight: 600; font-size: .92rem; text-decoration: none;
}
.dx-hdr__cta:hover { background: var(--dx-red-dark); text-decoration: none; }

/* Hero: el gradiente del isotipo, como en dexon.us, solo aqui */
.dx-hero {
    background: linear-gradient(120deg, var(--dx-navy-deep) 0%, var(--dx-navy) 45%, var(--dx-purple) 100%);
    color: #C4CDE0;
    padding: 72px 0 64px;
}
.dx-hero h1 { color: #fff; }
.dx-hero .dx-eyebrow { color: #FFB4B6; }
.dx-hero__what { color: #fff; font-weight: 600; font-size: 1.08rem; max-width: 60ch; margin: 0 0 10px; }
.dx-hero .dx-lead { color: #C4CDE0; }
.dx-hero a { color: #fff; }

/* Secciones */
.dx-section { padding: 56px 0; border-bottom: 1px solid var(--dx-line); }
.dx-section--ink { background: var(--dx-navy-deep); color: #C4CDE0; border: 0; }
.dx-section--ink h2 { color: #fff; }
.dx-section--ink .dx-eyebrow { color: #FFB4B6; }
.dx-section--ink .dx-lead { color: #C4CDE0; }

/* Botones */
.dx-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.dx-btn {
    display: inline-block; padding: 12px 22px; border-radius: 8px; border: 1px solid transparent;
    font-weight: 600; font-size: .98rem; text-decoration: none; line-height: 1.2;
}
.dx-btn:hover { text-decoration: none; }
.dx-btn--primary { background: var(--dx-red); color: #fff; }
.dx-btn--primary:hover { background: var(--dx-red-dark); }
.dx-btn--ghost { background: rgba(255,255,255,.10); color: #fff; border-color: rgba(255,255,255,.28); }
.dx-btn--ghost:hover { background: rgba(255,255,255,.18); }
.dx-btn--on-dark { background: rgba(255,255,255,.10); color: #fff; border-color: rgba(255,255,255,.28); }
.dx-btn--on-dark:hover { background: rgba(255,255,255,.18); }

/* La cadena de trazabilidad */
.dx-chain { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.dx-chain li {
    flex: 1 1 130px; background: var(--dx-surface); border: 1px solid var(--dx-line); border-radius: 10px;
    padding: 14px 16px; position: relative;
}
.dx-chain li b { display: block; font-size: .92rem; font-weight: 650; color: var(--dx-ink); }
.dx-chain li span { font-size: .78rem; color: var(--dx-muted); }

/* Enlaces de cierre */
.dx-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; font-weight: 600; }

/* Footer */
.dx-ftr { padding: 28px 0 40px; color: var(--dx-muted); font-size: .86rem; }
.dx-ftr__legal { margin: 0 0 6px; }
.dx-ftr__legal a { color: var(--dx-muted); text-decoration: none; }
.dx-ftr__legal a:hover { color: var(--dx-navy); text-decoration: underline; }
.dx-ftr__note { margin: 0; }

@media (max-width: 640px) {
    .dx-hdr__in { height: auto; padding: 12px 0; flex-wrap: wrap; }
    .dx-hero { padding: 48px 0 40px; }
    .dx-section { padding: 40px 0; }
}

/* LBC 2026-08-17, tarjeta de mantenimiento (Fix DB) del Index: el CSP (style-src 'self')
   bloquea <style> e inline styles, asi que TODO el estilo de la tarjeta vive aqui. */
.dxn-fix-card {
    margin: 20px 0 0;
    padding: 14px 18px;
    border: 1px solid #FF9500;
    border-left-width: 6px;
    border-radius: 4px;
    background-color: #FFF7E8;
}

.dxn-fix-card p { margin: 6px 0 0; }
.dxn-fix-card .dxn-fix-meta { margin: 8px 0 0; font-size: 90%; }

.dxn-fix-spin {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: -2px;
    border: 2px solid #FF9500;
    border-top-color: transparent;
    border-radius: 50%;
    animation: dxnFixSpin 0.9s linear infinite;
}

@keyframes dxnFixSpin { to { transform: rotate(360deg); } }