@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap');

:root{
  --mx-bg:#f5f7fb !important;
  --mx-card:#ffffff !important;
  --mx-line:#d8dee8 !important;
  --mx-line-soft:#e8edf5 !important;
  --mx-ink:#1d1d1f !important;
  --mx-muted:#5f6c7f !important;
  --mx-primary:#14324f !important;
  --mx-primary-2:#1f4f7d !important;
  --mx-primary-3:#3b84d8 !important;
  --mx-shadow:0 14px 30px rgba(15, 30, 52, .10) !important;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif !important;
  color:var(--mx-ink) !important;
  background:
    radial-gradient(980px 420px at -12% -8%, rgba(59,132,216,.14) 0%, rgba(59,132,216,0) 68%),
    radial-gradient(760px 320px at 108% 0%, rgba(32,83,140,.10) 0%, rgba(32,83,140,0) 70%),
    linear-gradient(180deg,#f8fbff 0%,var(--mx-bg) 100%) !important;
}

#sidebar{
  background:linear-gradient(180deg,#f8fbff 0%,#eff4fb 100%) !important;
  border-right:1px solid var(--mx-line) !important;
}

#main{
  padding-top:1.2rem !important;
}

#mediaHeader{
  border:1px solid #224f79 !important;
  border-radius:24px !important;
  background:linear-gradient(130deg,var(--mx-primary) 0%,var(--mx-primary-2) 56%,var(--mx-primary-3) 100%) !important;
  color:#f5fbff !important;
  box-shadow:0 20px 40px rgba(16,45,78,.26) !important;
}

#mediaHeader h1{
  font-family:"Sora",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:-.02em !important;
  font-weight:800 !important;
  color:#ffffff !important;
}

#mediaHeader .text-sm,
#mediaHeader #headerLiveMeta{
  color:rgba(238,248,255,.90) !important;
}

#command360,
.insight-card,
.card-provincia{
  border:1px solid var(--mx-line) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;
  box-shadow:var(--mx-shadow) !important;
}

.command-card,
.card-medio,
#socioBubbleDetail{
  border:1px solid var(--mx-line-soft) !important;
  border-radius:16px !important;
  background:#ffffff !important;
}

.command360-title,
.insight-card h3,
.command-card h3{
  color:#163758 !important;
}

.command360-sub,
.command-aux,
.command-list,
#insight12hStatus,
#insightWeeklyStatus,
#insightTitleStatus,
#insightSentimentStatus,
#insightSocioStatus,
.text-slate-500,
.text-slate-600{
  color:var(--mx-muted) !important;
}

.stat-cards > div{
  border:1px solid var(--mx-line) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  box-shadow:0 8px 20px rgba(15,40,70,.08) !important;
}

.region-header{
  border:1px solid #295d8d !important;
  border-radius:18px !important;
  background:linear-gradient(130deg,#163a5e 0%,#235584 62%,#3c8ce0 100%) !important;
  box-shadow:0 14px 28px rgba(18,48,80,.24) !important;
}

.region-header h2,
.region-header .text-sm{
  color:#ffffff !important;
}

.sidebar-link{
  color:#365169 !important;
  border:1px solid transparent !important;
}

.sidebar-link:hover{
  color:#173753 !important;
  background:#e9f3ff !important;
  border-color:#c7d9eb !important;
}

.sidebar-region{
  color:#5f758e !important;
}

.filter-btn{
  border:1px solid #bfcfe0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#2a4964 !important;
  font-weight:700 !important;
}

.filter-btn.active,
.filter-btn:hover{
  border-color:#1c5f91 !important;
  background:#ecf5ff !important;
  color:#143a5c !important;
}

.badge{
  border-radius:999px !important;
  font-weight:800 !important;
}

.badge.bg-red-600{background:#fde0e4 !important;color:#8f2732 !important;border:1px solid #efbbc2 !important;}
.badge.bg-blue-600{background:#dce9ff !important;color:#1f57a4 !important;border:1px solid #bdd3f8 !important;}
.badge.bg-green-600{background:#daf3e5 !important;color:#1c6a42 !important;border:1px solid #bde6ce !important;}
.badge.bg-yellow-600{background:#fff2cf !important;color:#7f6112 !important;border:1px solid #f0dd9f !important;}
.badge.bg-orange-600{background:#ffe3cf !important;color:#8f4b1e !important;border:1px solid #f4c9aa !important;}
.badge.bg-slate-700{background:#eef3f9 !important;color:#425b73 !important;border:1px solid #d4e1ec !important;}

.text-slate-200,
.text-slate-300,
.text-slate-400,
.text-white{
  color:#163753 !important;
}

.text-indigo-400,
.text-indigo-300{
  color:#205f95 !important;
}

.bg-slate-800,
.bg-slate-900,
.bg-slate-950\/50{
  background:#ffffff !important;
}

.border-slate-700,
.border-slate-600,
.border-slate-500{
  border-color:var(--mx-line) !important;
}

.noticia-item{
  border-left-width:4px !important;
  background:#f9fbff !important;
}

.noticia-item:hover{
  background:#eff6ff !important;
}

canvas{
  background:#ffffff !important;
  border:1px solid var(--mx-line-soft) !important;
  border-radius:14px !important;
}

#titleRankingLegend .text-slate-200{
  color:#1a3f62 !important;
}

@media (max-width: 900px){
  #main{padding:1rem !important;}
}