/* === WXSIM charts layout === */
.wxsim-charts{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 8px;
}
@media (min-width: 980px){
  .wxsim-charts{ grid-template-columns: 2fr 1fr; }
}

.chart-card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  padding: 12px;
  overflow: hidden;
}

/* El canvas toma el alto del contenedor */
.chart-card .chart-wrap{ position: relative; height: 320px; }
@media (max-width: 520px){
  .chart-card .chart-wrap{ height: 260px; }
}
.chart-card canvas{ width: 100%; height: 100%; display:block; }
