/* DayOfSolutions v1.0. Paleta versionada del repositorio maestro.
   LEVEL UP HUMAN hereda la familia; no tiene acento exclusivo aprobado. */
:root {
  --dos-navy: #12254C;
  --dos-blue: #1387F5;
  --dos-teal: #19D6C7;
  --dos-canvas: #F7F8F6;
  --dos-surface: #FBFCFA;
  --dos-muted: #607787;
  --dos-border: #E3E7E8;
  --dos-font-display: "Manrope", "Segoe UI", Arial, sans-serif;
  --dos-font-ui: "Inter", "Segoe UI", Arial, sans-serif;
  --nav: var(--dos-navy);
  --ink: var(--dos-navy);
  --muted: #526776;
  --paper: var(--dos-canvas);
  --line: var(--dos-border);
  --accent: var(--dos-blue);
}
body { font-family: var(--dos-font-ui); }
h1,h2,.brand { font-family: var(--dos-font-display); }
.brand { display:flex; flex-direction:column; align-items:flex-start; gap:14px; letter-spacing:0; }
.corporate-signature { display:flex; align-items:center; gap:10px; font-size:1.05rem; font-weight:700; }
.corporate-signature img { width:42px; height:42px; padding:4px; background:white; border-radius:8px; object-fit:contain; flex-shrink:0; }
.product-name { border-top:1px solid #ffffff30; padding-top:14px; font-size:.85rem; font-weight:600; letter-spacing:.04em; line-height:1.4; }
nav a[aria-current] { color:white; background:#ffffff12; border-left:3px solid var(--dos-blue); padding-left:11px; }
nav a:hover { background:#ffffff18; }
.primary { background:var(--dos-navy); color:white; border-radius:8px; }
.primary:hover { background:#213f72; }
.focus { border-radius:12px; position:relative; border-left:4px solid var(--dos-blue); }
.focus .primary { background:white; color:var(--dos-navy); }
.focus .primary:hover { background:#e8f0fa; }
.focus .eyebrow { color:#cbd9ef; }
.card,.rows { background:var(--dos-surface); border-radius:12px; }
.card:hover { border-color:#9eafc4; }
.badge,.pills span { background:#edf1f6; color:var(--dos-navy); }
.row:hover { background:#eef3f8; }
.step>b { color:#255fa0; }
.navlabel { margin-top:32px; }
footer a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:700px) { .brand {gap:10px;} .product-name {padding-top:10px;} }