.radar-page{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#182033;
  --muted:#6d7483;
  --line:#e5e9f0;
  --green:#159447;
  --yellow:#d69e00;
  --orange:#e36c12;
  --red:#d73737;
  --blue:#246bfd;
  --shadow:0 10px 28px rgba(21,31,51,.07);
  --radius:18px;
  --soft-green:#ecfdf3;
  --soft-blue:#eff6ff;
  --soft-amber:#fff8e7;
  --soft-red:#fff1f1;
}

.radar-page,
.radar-page *{box-sizing:border-box}

body.radar-module-page{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
}

.radar-page .wrap{
  max-width:1180px;
  margin:auto;
  padding:28px 18px 52px;
}

.radar-page .radar-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px;
}

.radar-page .brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.radar-page .brand-badge{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#111827;
  color:#fff;
  font-weight:800;
  font-size:20px;
}

.radar-page h1{
  font-size:27px;
  margin:0 0 4px;
}

.radar-page .subtitle{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.radar-page .updated{
  color:var(--muted);
  font-size:13px;
  text-align:right;
}

.radar-page .hero{
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:18px;
  margin-bottom:18px;
}

.radar-page .card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.radar-page .score-card{padding:26px}

.radar-page .eyebrow{
  color:var(--muted);
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}

.radar-page .score-row{
  display:flex;
  align-items:flex-end;
  gap:12px;
  margin:10px 0 12px;
}

.radar-page .score{
  font-size:58px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.05em;
}

.radar-page .score small{
  font-size:20px;
  color:var(--muted);
  font-weight:600;
}

.radar-page .status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:14px;
  padding:7px 10px;
  border-radius:999px;
  background:#fff4e8;
  color:var(--orange);
}

.radar-page .dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:currentColor;
}

.radar-page .meter{
  position:relative;
  height:12px;
  border-radius:999px;
  margin:20px 0 12px;
  background:linear-gradient(90deg,#21a65a 0 30%,#e1b20c 30% 50%,#e87617 50% 70%,#d93d3d 70% 100%);
  overflow:visible;
}

.radar-page .needle{
  position:absolute;
  top:-6px;
  width:4px;
  height:24px;
  border-radius:4px;
  background:#111827;
  transform:translateX(-50%);
  box-shadow:0 0 0 3px rgba(255,255,255,.9);
}

.radar-page .legend{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:11px;
}

.radar-page .score-headline{
  margin:16px 0 0;
  font-size:18px;
  line-height:1.35;
  font-weight:850;
  color:var(--text);
}

.radar-page .summary{
  margin-top:8px;
  color:#4c5568;
  line-height:1.6;
  font-size:14px;
}

.radar-page .score-meta{
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
  font-size:11px;
}

.radar-page .beta{
  color:#6b7280;
  background:#f0f2f5;
  border-radius:999px;
  padding:3px 7px;
  font-size:9px;
  font-weight:850;
  letter-spacing:.06em;
  vertical-align:middle;
}

.radar-page .trend-card{
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.radar-page .trend-title{
  font-size:12px;
  color:var(--muted);
  margin-bottom:4px;
  font-weight:700;
}

.radar-page .trend-human{
  font-size:17px;
  font-weight:850;
  margin:0 0 8px;
}

.radar-page .technical-line{
  font-size:10px;
  color:var(--muted);
  margin-top:3px;
  line-height:1.45;
}

.radar-page .trend-main{
  font-size:34px;
  font-weight:800;
  margin:0;
}

.radar-page .trend-delta{
  font-size:13px;
  font-weight:700;
  margin-top:6px;
}

.radar-page .spark{
  width:100%;
  height:160px;
  margin-top:12px;
  display:block;
}

.radar-page .spark polyline{
  fill:none;
  stroke:#246bfd;
  stroke-width:3.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.radar-page .spark .grid{
  stroke:#edf0f5;
  stroke-width:1;
}

.radar-page .spark .year-grid{
  stroke:#f0f2f6;
  stroke-width:1;
}

.radar-page .spark .axis-label{
  fill:#7b8495;
  font-size:9px;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.radar-page .spark .year-label{
  fill:#7b8495;
  font-size:9px;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.radar-page .spark .inversion-label{
  fill:#c85c5c;
  font-size:8px;
  font-weight:700;
  letter-spacing:.04em;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.radar-page .chart-foot{
  display:flex;
  justify-content:center;
  color:var(--muted);
  font-size:10px;
  margin-top:1px;
}

.radar-page .section-title{
  font-size:18px;
  margin:28px 0 12px;
}

.radar-page .grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.radar-page .metric{
  padding:18px;
  min-height:185px;
  display:flex;
  flex-direction:column;
}

.radar-page .metric-kicker{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-bottom:4px;
}

.radar-page .metric .value{margin:12px 0 4px}

.radar-page .metric-change{
  margin-top:2px;
  font-size:12px;
  font-weight:700;
}

.radar-page .metric-change.up{color:#b65e12}
.radar-page .metric-change.down{color:var(--green)}
.radar-page .metric-change.flat{color:var(--muted)}

.radar-page .metric-spark{
  width:100%;
  height:46px;
  margin-top:auto;
  display:block;
}

.radar-page .metric-spark .base{
  stroke:#edf0f5;
  stroke-width:1;
}

.radar-page .metric-spark polyline{
  fill:none;
  stroke:var(--blue);
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.radar-page .metric-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.radar-page .metric h3{
  font-size:15px;
  margin:0 0 6px;
}

.radar-page .metric .desc{
  font-size:12px;
  color:var(--muted);
  line-height:1.45;
}

.radar-page .pill{
  font-size:11px;
  font-weight:800;
  padding:5px 8px;
  border-radius:999px;
  white-space:nowrap;
}

.radar-page .pill.green{background:#eaf7ef;color:var(--green)}
.radar-page .pill.yellow{background:#fff8df;color:#9e7500}
.radar-page .pill.orange{background:#fff0e3;color:var(--orange)}
.radar-page .pill.red{background:#fdeaea;color:var(--red)}
.radar-page .pill.success{background:#D1FAE5;color:#065F46}
.radar-page .pill.calm{background:#D1FAE5;color:#065F46}
.radar-page .pill.watch{background:#FEF3C7;color:#92400E}
.radar-page .pill.stress{background:#FEE2E2;color:#991B1B}

.radar-page .value{
  font-size:29px;
  font-weight:830;
  margin:20px 0 4px;
  letter-spacing:-.03em;
}

.radar-page .metric-foot{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:12px;
}

.radar-page .mini-bar{
  height:7px;
  background:#edf0f5;
  border-radius:999px;
  overflow:hidden;
  margin-top:12px;
}

.radar-page .mini-bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:#246bfd;
}

.radar-page .metals-card{
  margin-top:18px;
  padding:22px;
}

.radar-page .metals-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.radar-page .metals-title{
  font-size:17px;
  font-weight:850;
  margin:0 0 5px;
}

.radar-page .metals-subtitle{
  font-size:12px;
  color:var(--muted);
  line-height:1.5;
  margin:0;
}

.radar-page .metals-badge{
  font-size:11px;
  font-weight:800;
  padding:6px 9px;
  border-radius:999px;
  background:#eef2f7;
  color:#5d6677;
  white-space:nowrap;
}

.radar-page .metals-badge.success{background:#D1FAE5;color:#065F46}
.radar-page .metals-badge.watch{background:#FEF3C7;color:#92400E}
.radar-page .metals-badge.stress{background:#FEE2E2;color:#991B1B}

.radar-page .metals-body{
  display:grid;
  grid-template-columns:265px 1fr;
  gap:28px;
  align-items:stretch;
}

.radar-page .metal-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-content:start;
}

.radar-page .metal-stat{
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px;
  background:#fbfcfe;
}

.radar-page .metal-stat.wide{grid-column:1 / -1}

.radar-page .metal-label{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.radar-page .metal-number{
  font-size:21px;
  font-weight:850;
  margin-top:4px;
}

.radar-page .metal-detail{
  font-size:10px;
  color:var(--muted);
  margin-top:3px;
  line-height:1.35;
}

.radar-page .metal-ratio-highlight{
  grid-column:1 / -1;
  border:1px solid #f1dca1;
  background:#fffbeb;
  border-radius:14px;
  padding:12px 13px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.radar-page .metal-ratio-highlight strong{font-size:19px}

.radar-page .metal-ratio-copy{
  font-size:10px;
  color:#8a6814;
  line-height:1.35;
  margin-top:2px;
}

.radar-page .spy-reference{
  display:flex;
  justify-content:flex-end;
  gap:5px;
  align-items:center;
  color:var(--muted);
  font-size:10px;
  margin:0 0 5px;
}

.radar-page .ratio-chart-wrap{min-width:0}

.radar-page .ratio-legend{
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:flex-end;
  color:var(--muted);
  font-size:10px;
  margin-bottom:4px;
}

.radar-page .legend-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.radar-page .legend-line{
  width:18px;
  height:3px;
  border-radius:999px;
  display:inline-block;
}

.radar-page .legend-gold{background:#d69e00}
.radar-page .legend-silver{background:#64748b}

.radar-page .ratio-chart{
  width:100%;
  height:190px;
  display:block;
}

.radar-page .ratio-chart .gridline{
  stroke:#edf0f5;
  stroke-width:1;
}

.radar-page .ratio-chart .axis-label{
  fill:#7b8495;
  font-size:9px;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.radar-page .ratio-chart .gold-line{
  fill:none;
  stroke:#d69e00;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.radar-page .ratio-chart .silver-line{
  fill:none;
  stroke:#64748b;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.radar-page .ratio-foot{
  margin-top:7px;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}

.radar-page .indicator-human{
  font-size:14px;
  font-weight:850;
  margin:0 0 4px;
  line-height:1.25;
}

.radar-page .indicator-tech{
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
  min-height:28px;
}

.radar-page .indicator-value{
  font-size:27px;
  font-weight:850;
  letter-spacing:-.03em;
  margin:12px 0 3px;
}

.radar-page .indicator-explain{
  color:#4c5568;
  font-size:11px;
  line-height:1.4;
  margin-bottom:6px;
}

.radar-page .verdict-card{
  margin-top:18px;
  padding:22px;
  border-color:#dceade;
  background:linear-gradient(180deg,#ffffff 0%,#fbfefc 100%);
}

.radar-page .verdict-top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}

.radar-page .verdict-kicker{
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.radar-page .verdict-title{
  font-size:22px;
  line-height:1.2;
  margin:4px 0 7px;
  font-weight:900;
}

.radar-page .verdict-copy{
  color:#4c5568;
  font-size:14px;
  line-height:1.6;
  margin:0;
  max-width:760px;
}

.radar-page .verdict-score{
  flex:0 0 auto;
  padding:9px 12px;
  border-radius:14px;
  background:var(--soft-green);
  color:#086b38;
  font-weight:900;
  white-space:nowrap;
}

.radar-page .reasons{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:17px;
}

.radar-page .reason{
  border:1px solid var(--line);
  border-radius:13px;
  padding:12px;
  background:#fff;
}

.radar-page .reason-status{
  font-size:11px;
  font-weight:850;
  margin-bottom:3px;
}

.radar-page .reason-copy{
  font-size:11px;
  color:var(--muted);
  line-height:1.4;
}

.radar-page details.tech-details{
  margin-top:18px;
  border-top:1px solid var(--line);
  padding-top:13px;
  color:#4c5568;
  font-size:12px;
}

.radar-page details.tech-details summary{
  cursor:pointer;
  font-weight:800;
  color:#596276;
}

.radar-page .tech-grid{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.radar-page .tech-item{
  background:#f8fafc;
  border-radius:10px;
  padding:10px;
  line-height:1.45;
}

.radar-page .why{
  margin-top:18px;
  padding:20px 22px;
}

.radar-page .why h2{
  font-size:17px;
  margin:0 0 8px;
}

.radar-page .why p{
  margin:0;
  color:#4c5568;
  line-height:1.65;
  font-size:14px;
}

.radar-page .radar-disclaimer{
  margin-top:26px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
  text-align:center;
}

.radar-page .loading{opacity:.55}

.radar-page .error{
  display:none;
  color:var(--red);
  font-size:13px;
  margin-top:8px;
}

@media(max-width:980px){
  .radar-page .hero{grid-template-columns:1fr}
  .radar-page .grid{grid-template-columns:1fr 1fr}
}

@media(max-width:850px){
  .radar-page .metals-body{grid-template-columns:1fr}
  .radar-page .metal-stats{grid-template-columns:1fr 1fr}
  .radar-page .reasons{grid-template-columns:1fr}
  .radar-page .tech-grid{grid-template-columns:1fr}
}

@media(max-width:580px){
  .radar-page .wrap{padding:18px 12px 36px}
  .radar-page .radar-intro{align-items:flex-start}
  .radar-page .updated{font-size:11px}
  .radar-page h1{font-size:23px}
  .radar-page .grid{grid-template-columns:1fr}
  .radar-page .score{font-size:50px}
}

@media(max-width:500px){
  .radar-page .metals-head{flex-direction:column}
  .radar-page .metal-stats{grid-template-columns:1fr}
  .radar-page .metal-stat.wide{grid-column:auto}
}

/* ============================================================
   CholloGo · integración del Radar Económico
   ============================================================ */

body.radar-module-page{
  margin:0;
  padding-top:80px;
  background:#f5f7fb;
  color:#182033;
}

.radar-page{
  min-height:calc(100vh - 80px);
}

.radar-page .radar-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px;
}

.radar-page .brand-badge{
  background:#28a745;
}

body.radar-module-page > footer{
  margin-top:28px;
  padding:24px 18px;
  background:#1f2937;
  color:#fff;
}

body.radar-module-page > footer .container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

body.radar-module-page > footer a{
  color:#fff;
  text-decoration:none;
}

body.radar-module-page > footer a:hover{
  color:#d1a34a;
}

body.radar-module-page > footer > .container > div:first-child{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 18px;
}

body.radar-module-page > footer > .container > div:first-child a{
  margin:0 !important;
}

body.radar-module-page > footer .text-xs,
body.radar-module-page > footer .text-sm{
  line-height:1.5;
}

body.radar-module-page > footer .text-gray-300{color:#d1d5db}
body.radar-module-page > footer .text-gray-400{color:#9ca3af}

@media(max-width:1024px){
  body.radar-module-page{padding-top:154px}
  .radar-page .wrap{padding-top:20px}
}

@media(max-width:640px){
  .radar-page .radar-intro{align-items:flex-start}

  body.radar-module-page > footer{
    padding-left:14px;
    padding-right:14px;
  }
}

/* ============================================================
   CholloGo Risk Score 2.0
   ============================================================ */

.radar-page .crs-card{padding:24px}

.radar-page .crs-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}

.radar-page .crs-title-group{min-width:0}

.radar-page .crs-subtitle{
  display:block;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.055em;
  color:#94a3b8;
}

.radar-page .crs-title{
  margin:3px 0 0;
  font-size:20px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.015em;
  color:#0f172a;
}

.radar-page .crs-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  white-space:nowrap;
  font-size:10px;
  font-weight:850;
  letter-spacing:.02em;
  transition:color .25s ease,background-color .25s ease,border-color .25s ease;
}

.radar-page .crs-badge--beta{
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  color:#64748b;
}

.radar-page .risk-pillars{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}

.radar-page .risk-pillar{
  min-width:0;
  padding:16px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:14px;
}

.radar-page .risk-pillar--stress{
  border-color:#dcfce7;
  background:linear-gradient(180deg,rgba(240,253,244,.72),rgba(248,250,252,.92));
}

.radar-page .risk-pillar--fragility{
  border-color:#e2e8f0;
}

.radar-page .risk-pillar--fragility.is-live{
  border-color:#fed7aa;
  background:linear-gradient(180deg,rgba(255,247,237,.82),rgba(248,250,252,.94));
}

.radar-page .risk-pillar__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  min-height:38px;
  margin-bottom:10px;
}

.radar-page .risk-pillar__heading{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}

.radar-page .risk-pillar__label{
  font-size:11px;
  line-height:1.25;
  font-weight:850;
  color:#475569;
  letter-spacing:.025em;
}

.radar-page .risk-pillar__nickname{
  font-size:10px;
  color:#94a3b8;
}

.radar-page .risk-pillar__status{
  flex:0 0 auto;
  font-size:12px;
  line-height:1.25;
  font-weight:850;
  text-align:right;
}

.radar-page .status--muted{color:#64748b}

.radar-page .risk-pillar__bar-bg{
  position:relative;
  width:100%;
  height:8px;
  overflow:hidden;
  margin-bottom:8px;
  border-radius:999px;
  background:#e2e8f0;
}

.radar-page .risk-pillar__bar-fill{
  height:100%;
  border-radius:999px;
  background:#10b981;
  transition:width .4s ease,background-color .25s ease;
}

.radar-page .risk-pillar__bar-fill--fragility{background:#d97706}
.radar-page .risk-pillar__bar-bg--pending{background:#e2e8f0}

.radar-page .risk-pillar__pending{
  width:100%;
  height:100%;
  border-radius:999px;
  background:repeating-linear-gradient(135deg,#cbd5e1 0,#cbd5e1 6px,#e2e8f0 6px,#e2e8f0 12px);
  opacity:.72;
}

.radar-page .risk-pillar__scoreline{
  display:flex;
  align-items:baseline;
  gap:2px;
  margin:4px 0 9px;
  color:#0f172a;
}

.radar-page .risk-pillar__scoreline strong{
  font-size:25px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
}

.radar-page .risk-pillar__scoreline > span{
  color:#64748b;
  font-size:12px;
  font-weight:750;
}

.radar-page .risk-pillar__scoreline small{
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  background:#eef2f7;
  color:#94a3b8;
  font-size:8px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.radar-page .risk-pillar__scoreline--pending strong,
.radar-page .risk-pillar__scoreline--pending > span{
  color:#94a3b8;
}

.radar-page .risk-pillar__footer{
  display:block;
  color:#94a3b8;
  font-size:10px;
  line-height:1.4;
}

.radar-page .crs-explanation{
  padding:13px 15px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fbfcfe;
}

.radar-page .crs-explanation > strong{
  display:block;
  margin-bottom:3px;
  color:#334155;
  font-size:11px;
  font-weight:850;
}

.radar-page .crs-explanation p{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.5;
}

.radar-page .crs-explanation__current{
  margin-top:7px !important;
  padding-top:7px;
  border-top:1px solid #e8edf3;
  color:#334155 !important;
  font-weight:650;
}

.radar-page .crs-explanation__state{
  margin:8px 0 0 !important;
  padding:9px 11px;
  border-radius:9px;
  background:#f8fafc;
  color:#334155 !important;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}

.radar-page .reasons,
.radar-page .tech-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.radar-page #stressStatus,
.radar-page #fragilityStatus{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.radar-page #stressStatus::before,
.radar-page #fragilityStatus::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent);
}

.radar-page .tech-subtitle{
  margin-top:14px;
  margin-bottom:7px;
  color:#475569;
  font-size:10px;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}

@media(max-width:1050px){
  .radar-page .reasons,
  .radar-page .tech-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .radar-page .crs-card{padding:18px 16px}

  .radar-page .crs-header{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    margin-bottom:16px;
  }

  .radar-page .risk-pillars{grid-template-columns:1fr}
  .radar-page .risk-pillar__header{min-height:0}
  .radar-page .crs-badge{min-height:28px}

  .radar-page .reasons,
  .radar-page .tech-grid{
    grid-template-columns:1fr;
  }

  .radar-page .risk-pillar__footer{line-height:1.5}
  .radar-page .crs-explanation__state{padding:9px 10px}
}

/* ============================================================
   Chollos destacados
   ============================================================ */

.radar-page .radar-layout{
  width:100%;
  margin:0 auto;
}

.radar-page .economy-deal-rail{display:none}

.radar-page .economy-deals-inline{
  margin:20px 0 4px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow);
}

.radar-page .economy-deals-inline__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:13px;
}

.radar-page .economy-deals-inline__head span,
.radar-page .economy-deal-rail__eyebrow{
  display:block;
  margin:0 0 3px;
  color:#159447;
  font-size:10px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.radar-page .economy-deals-inline__head h2{
  margin:0;
  font-size:18px;
}

.radar-page .economy-deals-inline__head > a{
  color:#159447;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}

.radar-page .economy-deals-inline__track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.radar-page .economy-deal-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e6eaf0;
  border-radius:14px;
  background:#fff;
}

.radar-page .economy-deal-card__image{
  position:relative;
  display:grid;
  height:112px;
  place-items:center;
  overflow:hidden;
  background:#f8fafc;
}

.radar-page .economy-deal-card__image img{
  width:100%;
  height:100%;
  padding:8px;
  object-fit:contain;
}

.radar-page .economy-deal-card__placeholder{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border-radius:13px;
  background:#159447;
  color:#fff;
  font-size:23px;
  font-weight:900;
}

.radar-page .economy-deal-card__discount{
  position:absolute;
  top:8px;
  left:8px;
  padding:5px 7px;
  border-radius:8px;
  background:#ff3b30;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.radar-page .economy-deal-card__body{padding:11px}

.radar-page .economy-deal-card__shop{
  display:block;
  overflow:hidden;
  margin-bottom:4px;
  color:#7b8495;
  font-size:9px;
  font-weight:800;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.radar-page .economy-deal-card h3{
  display:-webkit-box;
  min-height:35px;
  margin:0 0 8px;
  overflow:hidden;
  font-size:12px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.radar-page .economy-deal-card h3 a{
  color:var(--text);
  text-decoration:none;
}

.radar-page .economy-deal-card__prices{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px;
}

.radar-page .economy-deal-card__prices strong{
  color:#159447;
  font-size:16px;
}

.radar-page .economy-deal-card__prices s{
  color:#929aaa;
  font-size:10px;
}

.radar-page .economy-deal-card__link{
  display:block;
  margin-top:9px;
  padding:7px 8px;
  border-radius:8px;
  background:#159447;
  color:#fff;
  font-size:10px;
  font-weight:850;
  text-align:center;
  text-decoration:none;
}

@media(min-width:1600px){
  .radar-page .radar-layout{
    display:grid;
    grid-template-columns:176px minmax(0,1180px) 176px;
    justify-content:center;
    gap:16px;
    max-width:1564px;
    padding:0 8px;
  }

  .radar-page .radar-layout > .wrap{
    width:100%;
    min-width:0;
    padding-right:18px;
    padding-left:18px;
  }

  .radar-page .economy-deal-rail{
    position:sticky;
    top:92px;
    display:flex;
    flex-direction:column;
    align-self:start;
    gap:12px;
    padding-top:88px;
  }

  .radar-page .economy-deal-rail__eyebrow{
    margin:0 2px -4px;
  }

  .radar-page .economy-deal-rail .economy-deal-card__image{
    height:118px;
  }

  .radar-page .economy-deals-inline{display:none}
}

@media(max-width:850px){
  .radar-page .economy-deals-inline{
    margin-right:-18px;
    margin-left:-18px;
    padding-right:0;
    padding-left:18px;
    border-right:0;
    border-left:0;
    border-radius:0;
  }

  .radar-page .economy-deals-inline__head{
    padding-right:18px;
  }

  .radar-page .economy-deals-inline__track{
    display:flex;
    gap:11px;
    overflow-x:auto;
    padding:1px 18px 10px 0;
    scroll-padding-left:18px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }

  .radar-page .economy-deals-inline__track::-webkit-scrollbar{
    display:none;
  }

  .radar-page .economy-deals-inline .economy-deal-card{
    flex:0 0 min(72vw,245px);
    scroll-snap-align:start;
  }
}

@media(max-width:480px){
  .radar-page .economy-deals-inline__head h2{font-size:16px}

  .radar-page .economy-deals-inline .economy-deal-card{
    flex-basis:min(76vw,230px);
  }
}

/* ============================================================
   CRS 2.0 · Propagación
   ============================================================ */

.radar-page .propagation-panel{
  --prop-accent:#64748b;
  --prop-soft:#f8fafc;
  --prop-border:#e2e8f0;

  margin:0 0 16px;
  padding:15px 16px 14px;
  border:1px solid var(--prop-border);
  border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--prop-soft) 82%,white),#fff);
  transition:border-color .25s ease,background-color .25s ease;
}

.radar-page .propagation-panel.is-calm{
  --prop-accent:#159447;
  --prop-soft:#ecfdf3;
  --prop-border:#bbf7d0;
}

.radar-page .propagation-panel.is-localized{
  --prop-accent:#b77900;
  --prop-soft:#fffbeb;
  --prop-border:#fde68a;
}

.radar-page .propagation-panel.is-near{
  --prop-accent:#d97706;
  --prop-soft:#fff7ed;
  --prop-border:#fed7aa;
}

.radar-page .propagation-panel.is-propagating{
  --prop-accent:#e36c12;
  --prop-soft:#fff4e8;
  --prop-border:#fdba74;
}

.radar-page .propagation-panel.is-systemic{
  --prop-accent:#d73737;
  --prop-soft:#fff1f1;
  --prop-border:#fecaca;
}

.radar-page .propagation-head{min-width:0}

.radar-page .propagation-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.radar-page .propagation-kicker{
  display:block;
  margin-bottom:2px;
  color:var(--prop-accent);
  font-size:10px;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
}

.radar-page .propagation-heading h3{
  margin:0;
  color:#1e293b;
  font-size:14px;
  line-height:1.3;
  font-weight:850;
}

.radar-page .propagation-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  max-width:48%;
  min-height:28px;
  padding:5px 9px;
  border:1px solid color-mix(in srgb,var(--prop-accent) 22%,white);
  border-radius:999px;
  background:color-mix(in srgb,var(--prop-accent) 8%,white);
  color:var(--prop-accent);
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
}

.radar-page .propagation-copy{
  margin:7px 0 0;
  color:#475569;
  font-size:11px;
  line-height:1.48;
}

.radar-page .propagation-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:14px 0 11px;
  padding:0 6px;
}

.radar-page .propagation-flow::before{
  content:"";
  position:absolute;
  top:7px;
  right:calc(12.5% + 6px);
  left:calc(12.5% + 6px);
  height:2px;
  border-radius:999px;
  background:#e2e8f0;
}

.radar-page .propagation-step{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#94a3b8;
  text-align:center;
}

.radar-page .propagation-step__dot{
  width:16px;
  height:16px;
  border:3px solid #fff;
  border-radius:50%;
  background:#cbd5e1;
  box-shadow:0 0 0 1px #cbd5e1;
}

.radar-page .propagation-step__label{
  overflow:hidden;
  width:100%;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.radar-page .propagation-step.is-reached{color:var(--prop-accent)}

.radar-page .propagation-step.is-reached .propagation-step__dot{
  background:var(--prop-accent);
  box-shadow:0 0 0 1px var(--prop-accent);
}

.radar-page .propagation-step.is-active .propagation-step__dot{
  transform:scale(1.08);
  box-shadow:0 0 0 1px var(--prop-accent),0 0 0 5px color-mix(in srgb,var(--prop-accent) 12%,transparent);
}

.radar-page .propagation-step.is-active .propagation-step__label{
  font-weight:900;
}

.radar-page .propagation-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  padding-top:9px;
  border-top:1px solid color-mix(in srgb,var(--prop-border) 70%,#e2e8f0);
  color:#64748b;
  font-size:9px;
  line-height:1.45;
}

.radar-page .propagation-meta span{min-width:0}

@media(max-width:700px){
  .radar-page .propagation-panel{padding:14px 12px 12px}

  .radar-page .propagation-heading{
    flex-direction:column;
    gap:7px;
  }

  .radar-page .propagation-badge{
    max-width:100%;
    align-self:flex-start;
  }

  .radar-page .propagation-flow{
    margin-top:13px;
    padding-right:0;
    padding-left:0;
  }

  .radar-page .propagation-flow::before{
    right:12.5%;
    left:12.5%;
  }

  .radar-page .propagation-step__label{font-size:8px}

  .radar-page .propagation-meta{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
  }
}

@media(max-width:390px){
  .radar-page .propagation-heading h3{font-size:13px}

  .radar-page .propagation-step__dot{
    width:14px;
    height:14px;
  }

  .radar-page .propagation-flow::before{top:6px}
}

/* ============================================================
   CRS 2.0 WEB V3 · Simple por fuera, potente por dentro
   ============================================================ */

.radar-page .sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.radar-page .system-headline{
  --headline-accent:#b77900;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
  padding:16px 18px;
  border-left:4px solid var(--headline-accent);
  box-shadow:0 8px 22px rgba(21,31,51,.05);
}

.radar-page .system-headline[data-level="green"]{--headline-accent:#159447}
.radar-page .system-headline[data-level="yellow"]{--headline-accent:#b77900}
.radar-page .system-headline[data-level="orange"]{--headline-accent:#e36c12}
.radar-page .system-headline[data-level="red"]{--headline-accent:#d73737}

.radar-page .system-headline__icon{
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  color:var(--headline-accent);
  font-size:21px;
  line-height:1;
}

.radar-page .system-headline__eyebrow{
  display:block;
  margin-bottom:2px;
  color:#94a3b8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.radar-page .system-headline h2{
  margin:0;
  color:#172033;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.015em;
}

.radar-page .system-headline p{
  margin:4px 0 0;
  max-width:850px;
  color:#566074;
  font-size:12px;
  line-height:1.5;
}

.radar-page .big-questions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}

.radar-page .question-card{
  min-width:0;
  min-height:250px;
  padding:18px;
  display:flex;
  flex-direction:column;
  box-shadow:0 8px 22px rgba(21,31,51,.05);
}

.radar-page .question-card--markets{
  border-color:#bbf7d0;
  background:linear-gradient(180deg,#f5fff8 0%,#fff 60%);
}

.radar-page .question-card--fragility{
  border-color:#fed7aa;
  background:linear-gradient(180deg,#fffaf4 0%,#fff 60%);
}

.radar-page .question-card--propagation{
  margin:0;
  background:linear-gradient(180deg,var(--prop-soft,#fffaf4) 0%,#fff 65%);
}

.radar-page .question-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.radar-page .question-card__kicker{
  display:block;
  margin-bottom:3px;
  color:#64748b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
}

.radar-page .question-card h2{
  margin:0;
  color:#1e293b;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
}

.radar-page .question-card__status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:48%;
  padding:5px 8px;
  border-radius:999px;
  background:#f8fafc;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  text-align:center;
}

.radar-page .question-card__value{
  display:flex;
  align-items:baseline;
  gap:3px;
  margin:24px 0 10px;
}

.radar-page .question-card__value strong{
  color:#0f172a;
  font-size:39px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
}

.radar-page .question-card__value > span{
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

.radar-page .question-card__value small{
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  background:#eef2f7;
  color:#94a3b8;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}

.radar-page .question-card__copy{
  margin:0;
  color:#4c5568;
  font-size:12px;
  line-height:1.55;
}

.radar-page .question-card--propagation .question-card__copy{
  margin-top:22px;
}

.radar-page .propagation-flow--simple{
  margin-top:20px;
  margin-bottom:16px;
}

.radar-page .info-trigger{
  display:inline-flex;
  align-items:center;
  gap:5px;
  align-self:flex-start;
  margin-top:auto;
  padding:7px 0 0;
  border:0;
  background:transparent;
  color:#64748b;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}

.radar-page .info-trigger:hover{color:#0f766e}

.radar-page .technical-hooks{
  display:none !important;
}

.radar-page .trend-card--human{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  gap:30px;
  margin-bottom:18px;
  padding:22px 24px;
  align-items:center;
}

.radar-page .trend-human-wrap{min-width:0}

.radar-page .bond-status{
  margin:4px 0 8px;
  color:#172033;
  font-size:20px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.015em;
}

.radar-page .trend-main--secondary{
  margin-top:12px;
  font-size:23px;
}

.radar-page .technical-card{
  margin-top:18px;
  padding:16px 18px;
  box-shadow:none;
}

.radar-page .tech-details--global{
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
}

.radar-page .why--simple{
  background:#fbfcfe;
  box-shadow:none;
}

/* Modal contextual ⓘ */
body.info-modal-open{overflow:hidden}

.info-modal[hidden]{display:none}

.info-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:20px;
}

.info-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(2px);
}

.info-modal__dialog{
  position:relative;
  z-index:1;
  width:min(620px,100%);
  max-height:min(82vh,760px);
  overflow:auto;
  padding:24px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
}

.info-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#f1f5f9;
  color:#475569;
  font-size:21px;
  cursor:pointer;
}

.info-modal__eyebrow{
  display:block;
  margin-bottom:4px;
  padding-right:40px;
  color:#159447;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.info-modal__dialog h2{
  margin:0;
  padding-right:40px;
  color:#172033;
  font-size:21px;
  line-height:1.25;
}

.info-modal__intro{
  margin:8px 0 0;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}

.info-modal__current{
  margin-top:16px;
  padding:12px 13px;
  border-radius:12px;
  background:#f8fafc;
  color:#334155;
  font-size:13px;
  font-weight:750;
  line-height:1.5;
}

.info-modal__technical{margin-top:15px}

.info-modal__rows{
  border:1px solid #e8edf3;
  border-radius:12px;
  overflow:hidden;
}

.info-modal__row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:9px 11px;
  border-bottom:1px solid #edf1f5;
  font-size:11px;
  line-height:1.35;
}

.info-modal__row:last-child{border-bottom:0}
.info-modal__row span{color:#64748b}

.info-modal__row strong{
  color:#263247;
  text-align:right;
}

.info-modal__model{
  margin:12px 0 0;
  color:#94a3b8;
  font-size:9px;
  line-height:1.45;
}

@media(max-width:980px){
  .radar-page .big-questions{grid-template-columns:1fr}
  .radar-page .question-card{min-height:220px}
  .radar-page .trend-card--human{grid-template-columns:1fr}
}

@media(max-width:700px){
  .radar-page .system-headline{
    grid-template-columns:auto 1fr;
    align-items:start;
    padding:14px;
  }

  .radar-page .system-headline .crs-badge{
    grid-column:2;
    justify-self:start;
    margin-top:2px;
  }

  .radar-page .system-headline h2{font-size:16px}

  .radar-page .question-card{
    min-height:0;
    padding:16px;
  }

  .radar-page .question-card__value{margin-top:18px}

  .radar-page .question-card--propagation .question-card__copy{
    margin-top:17px;
  }

  .radar-page .bond-status{font-size:17px}

  .info-modal{
    align-items:end;
    padding:0;
  }

  .info-modal__dialog{
    width:100%;
    max-height:88vh;
    padding:21px 17px 24px;
    border-radius:20px 20px 0 0;
  }
}

/* ============================================================
   RADAR · Pulso rápido V4
   "Test de la abuela"
   ============================================================ */

.radar-page .economy-lights{
  margin:-8px 0 18px;
  padding:15px 16px 16px;
  border:1px solid #e4e9f0;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 7px 22px rgba(21,31,51,.045);
}

.radar-page .economy-lights__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}

.radar-page .economy-lights__eyebrow{
  display:block;
  margin-bottom:1px;
  color:#94a3b8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.radar-page .economy-lights__head h2{
  margin:0;
  color:#334155;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
}

.radar-page .economy-lights__meta{
  display:flex;
  align-items:center;
  gap:8px;
  color:#94a3b8;
  font-size:8px;
  font-weight:700;
  white-space:nowrap;
}

.radar-page .economy-lights__how{
  padding:0;
  border:0;
  background:transparent;
  color:#64748b;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}

.radar-page .economy-lights__how:hover,
.radar-page .economy-lights__how:focus-visible{
  color:#159447;
}

.radar-page .economy-lights__groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

.radar-page .economy-lights__group{
  min-width:0;
}

.radar-page .economy-lights__group--background{
  position:relative;
  padding-left:15px;
}

.radar-page .economy-lights__group--background::before{
  content:"";
  position:absolute;
  top:2px;
  bottom:1px;
  left:0;
  width:1px;
  background:#e2e8f0;
}

.radar-page .economy-lights__group-title{
  margin:0 0 7px;
  color:#94a3b8;
  font-size:8px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.radar-page .economy-lights__grid{
  display:grid;
}

.radar-page .economy-lights__grid--group{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}

.radar-page .economy-light{
  --light-color:#94a3b8;
  --light-soft:#f8fafc;

  display:flex;
  align-items:flex-start;
  min-width:0;
  min-height:67px;
  gap:8px;
  padding:9px 9px 8px;
  border:1px solid color-mix(in srgb,var(--light-color) 18%,#e2e8f0);
  border-radius:11px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--light-soft) 55%,white),#fff);
}

.radar-page .economy-light--green{
  --light-color:#159447;
  --light-soft:#ecfdf3;
}

.radar-page .economy-light--yellow{
  --light-color:#b77900;
  --light-soft:#fffbeb;
}

.radar-page .economy-light--orange{
  --light-color:#e36c12;
  --light-soft:#fff7ed;
}

.radar-page .economy-light--red{
  --light-color:#d73737;
  --light-soft:#fff1f1;
}

.radar-page .economy-light--pending{
  --light-color:#94a3b8;
  --light-soft:#f8fafc;
}

.radar-page .economy-light__dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
  margin-top:4px;
  border-radius:50%;
  background:var(--light-color);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--light-color) 11%,transparent);
}

.radar-page .economy-light__body{
  flex:1 1 auto;
  min-width:0;
}

.radar-page .economy-light__question-row{
  display:flex;
  align-items:flex-start;
  gap:4px;
}

.radar-page .economy-light__name{
  display:block;
  flex:1 1 auto;
  overflow:visible;
  min-height:25px;
  margin:0 0 4px;
  color:#536075;
  font-size:8px;
  line-height:1.28;
  font-weight:780;
  text-overflow:initial;
  white-space:normal;
}

.radar-page .economy-light__state{
  display:block;
  overflow:visible;
  color:var(--light-color);
  font-size:9px;
  line-height:1.25;
  font-weight:900;
  text-overflow:initial;
  white-space:normal;
}

.radar-page .economy-light__info{
  flex:0 0 auto;
  margin:-2px -2px 0 0;
  padding:2px;
  border:0;
  background:transparent;
  color:#a0aabd;
  font-size:10px;
  line-height:1;
  cursor:pointer;
}

.radar-page .economy-light__info:hover,
.radar-page .economy-light__info:focus-visible{
  color:var(--light-color);
}

@media(max-width:1180px){
  .radar-page .economy-lights__groups{
    grid-template-columns:1fr;
    gap:12px;
  }

  .radar-page .economy-lights__group--background{
    padding-top:12px;
    padding-left:0;
    border-top:1px solid #e2e8f0;
  }

  .radar-page .economy-lights__group--background::before{
    display:none;
  }

  .radar-page .economy-lights__grid--group{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .radar-page .economy-lights{
    margin-top:-4px;
    padding:13px 12px 14px;
  }

  .radar-page .economy-lights__head{
    align-items:flex-start;
    gap:8px;
  }

  .radar-page .economy-lights__meta{
    align-items:flex-end;
    flex-direction:column;
    gap:2px;
    text-align:right;
    white-space:normal;
  }

  .radar-page .economy-lights__meta > span{
    display:none;
  }

  .radar-page .economy-lights__grid--group{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .radar-page .economy-light{
    min-height:72px;
  }

  .radar-page .economy-light__name{
    min-height:29px;
    font-size:8.5px;
  }

  .radar-page .economy-light__state{
    font-size:9.5px;
  }
}

@media(max-width:390px){
  .radar-page .economy-lights__grid--group{
    grid-template-columns:1fr;
  }

  .radar-page .economy-light{
    min-height:57px;
  }

  .radar-page .economy-light__name{
    min-height:0;
  }
}