/* INKG_PALETTE_V3_AZUL_FORCE · 2026-05-25 · azul oscuro forzado, layout intacto */

:root {
  --inkg-miner:       #3e9148;
  --inkg-miner-soft:  rgba(62,145,72,0.15);
  --inkg-nacion:      #b73230;
  --inkg-nacion-soft: rgba(183,50,48,0.15);
  --inkg-sovereign:   #6e1d1f;
  --inkg-sovereign-soft: rgba(110,29,31,0.18);
  --inkg-comercio:    #e5c441;
  --inkg-comercio-soft: rgba(229,196,65,0.18);
  --inkg-referral:    #9c5a25;
  --inkg-referral-soft: rgba(156,90,37,0.18);
  --inkg-futurehead:  #4a5d6c;
  --inkg-futurehead-soft: rgba(74,93,108,0.22);
  --inkg-collective:  #28471f;
  --inkg-collective-soft: rgba(40,71,31,0.25);
  --green:  var(--inkg-miner);
  --gold:   var(--inkg-comercio);
  --red:    var(--inkg-nacion);
  --orange: var(--inkg-referral);
  --cyan:   #5a8fa8;
  --bg-base: #0e1419;
  --bg-grad: linear-gradient(135deg, #0e1419 0%, #131b22 35%, #161221 70%, #0e1419 100%);
}

/* === AZUL OSCURO FORZADO · solo COLOR, no layout === */
html { background: #0e1419 !important; }
body {
  background: var(--bg-grad) !important;
  background-color: #0e1419 !important;
  color: #e8eaf0 !important;
}

/* Override CUALQUIER background blanco inline */
[style*="background:#fff"], [style*="background-color:#fff"],
[style*="background: #fff"], [style*="background-color: #fff"],
[style*="background:white"], [style*="background-color:white"],
[style*="background: white"], [style*="background-color: white"] {
  background: var(--bg-base) !important;
  background-color: var(--bg-base) !important;
  color: #e8eaf0 !important;
}

/* Override any black inline (que era el original) → azul oscuro */
[style*="background:#000"]:not([style*="0008"]):not([style*="0a0a"]),
[style*="background-color:#000"]:not([style*="0008"]):not([style*="0a0a"]),
[style*="background:black"], [style*="background-color:black"] {
  background: var(--bg-base) !important;
}

/* En Construcción pages tienen body con green gradient inline · forzar azul */
body[style*="linear-gradient"][style*="0b5d2c"],
body[style*="linear-gradient"][style*="073a1c"] {
  background: var(--bg-grad) !important;
}

/* Hero sections · color encima del azul base */
.hero, [class*="hero"]:not(.live-stats):not(.unified-hero) {
  background-image: linear-gradient(180deg, rgba(110,29,31,0.35), transparent 70%) !important;
  background-color: transparent !important;
  border-bottom: 2px solid var(--inkg-comercio);
}

/* Bars */
.bank-bar, .nav-strip, .grand-totals-bar, .stats-bar {
  background-color: rgba(14,20,25,0.92) !important;
  border-bottom-color: var(--inkg-miner) !important;
}

/* ===== CARDS · color, no layout ===== */
.card, .panel, .module, .u-card, .p-card, .pkg, .program, .platform, .step,
[class*="card"]:not([class*="metric-tile"]):not([class*="bank-bar"]) {
  background-color: rgba(14,20,25,0.85) !important;
  background-image: linear-gradient(135deg,
    rgba(20,30,40,0.6) 0%,
    rgba(22,18,33,0.7) 100%
  ) !important;
  border: 1px solid rgba(229,196,65,0.18) !important;
  border-left: 5px solid var(--inkg-comercio) !important;
  border-radius: 12px !important;
  color: #e8eaf0 !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.card:hover, .panel:hover, .module:hover,
.u-card:hover, .pkg:hover, .program:hover, .platform:hover {
  transform: translateY(-2px) !important;
  border-color: var(--inkg-comercio) !important;
}

/* En Construcción centered box · gradient mejorado */
.box {
  background: linear-gradient(135deg, rgba(20,30,40,0.85), rgba(22,18,33,0.92)) !important;
  border-color: var(--inkg-comercio) !important;
  color: #e8eaf0 !important;
}
.box h1 { color: var(--inkg-comercio) !important; }
.box .sub, .box .lead { color: rgba(255,255,255,0.85) !important; }

/* Rotating colors */
.programs-grid > div:nth-child(7n+1), .platforms-grid > div:nth-child(7n+1),
.packages > div:nth-child(7n+1) { border-left-color: var(--inkg-miner) !important; }
.programs-grid > div:nth-child(7n+2), .platforms-grid > div:nth-child(7n+2),
.packages > div:nth-child(7n+2) { border-left-color: var(--inkg-nacion) !important; }
.programs-grid > div:nth-child(7n+3), .platforms-grid > div:nth-child(7n+3),
.packages > div:nth-child(7n+3) { border-left-color: var(--inkg-sovereign) !important; }
.programs-grid > div:nth-child(7n+4), .platforms-grid > div:nth-child(7n+4),
.packages > div:nth-child(7n+4) { border-left-color: var(--inkg-comercio) !important; }
.programs-grid > div:nth-child(7n+5), .platforms-grid > div:nth-child(7n+5),
.packages > div:nth-child(7n+5) { border-left-color: var(--inkg-referral) !important; }
.programs-grid > div:nth-child(7n+6), .platforms-grid > div:nth-child(7n+6),
.packages > div:nth-child(7n+6) { border-left-color: var(--inkg-futurehead) !important; }
.programs-grid > div:nth-child(7n+7), .platforms-grid > div:nth-child(7n+7),
.packages > div:nth-child(7n+7) { border-left-color: var(--inkg-collective) !important; }

/* Distribution rule tiles · solid color */
[class*="dist-tile"]:nth-of-type(1) { background-color: var(--inkg-miner) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(2) { background-color: var(--inkg-nacion) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(3) { background-color: var(--inkg-sovereign) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(4) { background-color: var(--inkg-comercio) !important; color: #000 !important; }
[class*="dist-tile"]:nth-of-type(5) { background-color: var(--inkg-referral) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(6) { background-color: var(--inkg-futurehead) !important; color: #fff !important; }
[class*="dist-tile"]:nth-of-type(7) { background-color: var(--inkg-collective) !important; color: #fff !important; }

/* Buttons */
button:not(.btn-secondary):not(.btn-no):not([class*="vote"]),
.btn:not(.btn-secondary):not(.btn-no):not([class*="vote"]),
[type="submit"]:not(.btn-secondary):not(.btn-no) {
  background-image: linear-gradient(135deg, var(--inkg-nacion), var(--inkg-sovereign)) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  box-shadow: 0 4px 12px rgba(183,50,48,0.3) !important;
  cursor: pointer !important;
}
button:not(.btn-secondary):hover, .btn:not(.btn-secondary):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(183,50,48,0.45) !important;
}
.btn-secondary, .btn.alt {
  background-image: none !important;
  background-color: transparent !important;
  border: 2px solid var(--inkg-comercio) !important;
  color: var(--inkg-comercio) !important;
}

/* CTA buttons in box · use gold variation */
.box .cta a {
  background: var(--inkg-comercio) !important;
  color: var(--bg-base) !important;
}
.box .cta a.alt {
  background: transparent !important;
  color: var(--inkg-comercio) !important;
  border: 2px solid var(--inkg-comercio) !important;
}

/* Headings · gold */
h1:not([style*="color"]), h2:not([style*="color"]):not(.section-title), h3:not([style*="color"]) {
  color: var(--inkg-comercio) !important;
}

/* Force text color on bright backgrounds */
[style*="color:#000"]:not([class*="dist-tile"]) { color: #e8eaf0 !important; }
[style*="color: #000"]:not([class*="dist-tile"]) { color: #e8eaf0 !important; }

/* Tables */
table { background-color: rgba(14,20,25,0.4) !important; }
th { background-color: rgba(40,71,31,0.5) !important; color: var(--inkg-comercio) !important; }
td { border-bottom-color: rgba(229,196,65,0.1) !important; color: #e8eaf0 !important; }

/* Inputs */
input, textarea, select {
  background-color: rgba(14,20,25,0.85) !important;
  color: #fff !important;
  border: 1px solid var(--inkg-comercio) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--inkg-miner) !important;
  box-shadow: 0 0 10px rgba(62,145,72,0.4) !important;
  outline: none !important;
}

/* Stat values */
.gt-val, .stat-val, .ls-val, .m-val, .stat-value { color: var(--inkg-comercio) !important; }
.gt-pulse, .ls-pulse { color: var(--inkg-miner) !important; }

/* Tags */
.tag-mining, .pill-cripto { background-color: var(--inkg-miner-soft) !important; color: var(--inkg-miner) !important; border: 1px solid var(--inkg-miner) !important; }
.tag-commerce { background-color: var(--inkg-comercio-soft) !important; color: var(--inkg-comercio) !important; border: 1px solid var(--inkg-comercio) !important; }
.pill-prod { background-color: var(--inkg-comercio) !important; color: #000 !important; }
.live-badge { background-color: var(--inkg-miner-soft) !important; color: var(--inkg-miner) !important; border-color: var(--inkg-miner) !important; }

/* Code */
pre, code { background-color: rgba(20,15,15,0.95) !important; color: var(--inkg-comercio) !important; }

/* Footer · azul oscuro */
footer { background: linear-gradient(180deg, var(--bg-base), #161221) !important; border-top: 2px solid var(--inkg-comercio) !important; }