/* ==== Tema NONDRA (capa final): sistema de la presentación comercial y las ofertas ====
   Azul NONDRA intenso sobre blanco, títulos en Outfit, N en línea como marca de agua en los
   paneles azules. El beige queda como acento mínimo. */
@font-face{font-family:'Outfit';font-weight:400;font-display:swap;src:url(nd-outfit-400.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:500;font-display:swap;src:url(nd-outfit-500.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:600;font-display:swap;src:url(nd-outfit-600.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:700 900;font-display:swap;src:url(nd-outfit-700.woff2) format('woff2')}
:root{
  --nd-azul:#1F4A73; --nd-azul-2:#24507A; --nd-navy:#18334B; --nd-noche:#0F2234; --nd-cielo:#8DA9C9; --nd-terra:#B0926A;
  --font-display:"Outfit","Manrope",-apple-system,system-ui,sans-serif;
  --brand:#1F4A73; --fc-green:#18334B; --fc-green-bright:#24507A; --gold:#8DA9C9;
}
:root,:root[data-theme="light"]{
  --ground:#F3F5F8; --line:#E3E8EE; --line-soft:#EEF1F5;
  --brand-text:#1F4A73; --brand-soft:rgba(31,74,115,.10); --brand-wash:rgba(31,74,115,.05);
  --grad1:rgba(31,74,115,.05); --grad2:rgba(141,169,201,.08); --canvas-glow:rgba(31,74,115,.05);
  --ma-green:#1F4A73; --ma-green-ink:#1F4A73;
  --ma-hero:linear-gradient(135deg,#24507A 0%,#1F4A73 45%,#18334B 100%);
  --ma-hero-sh:0 22px 40px -22px rgba(24,51,75,.75);
}
:root[data-theme="dark"]{
  --ground:#0B1724; --panel:#12212F; --panel-2:#12212F; --raise:#182B3C; --line:#22384C; --line-soft:#1B2F41;
  --brand-text:#8DB4DA; --brand-soft:rgba(141,180,218,.14); --brand-wash:rgba(141,180,218,.07);
  --grad1:rgba(141,180,218,.06); --grad2:rgba(31,74,115,.10);
  --ma-green:#8DB4DA; --ma-green-ink:#8DB4DA;
  --ma-hero:linear-gradient(135deg,#2A5A88 0%,#1F4A73 45%,#132A3F 100%);
}
/* Títulos con la voz tipográfica de las ofertas */
h1,h2,h3,.page-title,.hero-sal,.ma-hero h3,.login-title{font-family:var(--font-display) !important;letter-spacing:-.01em}
/* Acción principal: azul NONDRA sólido, texto blanco */
.btn.primary{background:linear-gradient(160deg,#2A5A88,#1F4A73 55%,#18334B) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 8px 20px -10px rgba(24,51,75,.7) !important}
.btn.primary .ic,.btn.primary svg{color:#fff !important}
/* Navegación: activo en azul pleno, como los bloques del deck */
.sidebar-link.active{background:linear-gradient(135deg,#24507A,#18334B) !important;color:#fff !important;box-shadow:0 10px 22px -12px rgba(24,51,75,.8) !important}
.sidebar-link.active .ic,.sidebar-link.active svg{color:#fff !important}
/* Paneles azules con la N en línea como marca de agua */
.ma-hero,.hero{background:var(--ma-hero) !important}
.ma-hero::after,body.e1-lienzo #vista .hero::after{content:"";position:absolute;right:-38px;bottom:-56px;width:230px;height:230px;
  background:url(nd-n-linea.svg) no-repeat center/contain;opacity:.13;pointer-events:none;z-index:0}
.ma-hero > *{position:relative;z-index:1}
/* Entrada: la N rellena con Ciudad de Panamá */
#loginGate{background:radial-gradient(1200px 600px at 85% -10%,rgba(31,74,115,.10),transparent 60%),var(--ground) !important}
.nd-n-foto{position:relative;width:150px;height:148px;margin:0 auto 18px;background:url(nd-foto-panama.jpg) center 30%/cover;
  -webkit-mask:url(nd-n-silueta.svg) center/contain no-repeat;mask:url(nd-n-silueta.svg) center/contain no-repeat;
  filter:saturate(1.05) contrast(1.03)}
.login-card .brand-lock{display:none !important}
.nd-n-foto::after{content:"";position:absolute;inset:0;background:url(nd-n-linea.svg) center/contain no-repeat}
/* Lienzo de Mi actividad: tinta verdosa original → gama fría NONDRA (blanco azulado / noche) */
:root,:root[data-theme="light"]{
  --ma-canvas:radial-gradient(560px 340px at 96% 0%,rgba(31,74,115,.12),transparent 70%),
              radial-gradient(640px 440px at 0% 100%,rgba(141,169,201,.16),transparent 70%),
              linear-gradient(140deg,#FBFCFE 0%,#EEF2F7 52%,#E9EEF4 100%);
  --ma-edge:0 40px 80px -46px rgba(15,34,52,.40),0 0 0 1px rgba(255,255,255,.9) inset;
  --ma-ink:#14212E; --ma-ink-2:#2F3D4B; --ma-muted:#56636F; --ma-faint:#5B6773; --ma-hair:rgba(20,33,46,.08);
  --ma-dark:#14212E; --ma-t1:#E4ECF4; --ma-t3:#E2EBF1; --ma-dot-ring:#EEF2F7;
}
:root[data-theme="dark"]{
  --ma-canvas:radial-gradient(560px 340px at 96% 0%,rgba(141,180,218,.10),transparent 70%),
              radial-gradient(640px 440px at 0% 100%,rgba(31,74,115,.22),transparent 70%),
              linear-gradient(140deg,#13202D 0%,#0F1A26 52%,#0D1722 100%);
  --ma-ink:#E8EEF5; --ma-ink-2:#C8D3DF; --ma-muted:#A2B1C1; --ma-faint:#7F8FA0;
  --ma-dark:#E8EEF5; --ma-on-dark:#0F1A26; --ma-t1:rgba(141,180,218,.12); --ma-t3:rgba(141,180,218,.10);
  --ma-solid-ring:#1A2A3A; --ma-dot-ring:#13202D;
}