anchor.diff:    font-weight: 300;
   }
   
  +.card-inner-side {
  +  min-width: 25%;
  +  box-sizing: border-box;
  +}
  +
  +[data-target="program"] .card-inner-side {
  +  background: #4F91CD;
  +  color: #FFF;
  +  min-width: 25%;
  +}
  +
  +[data-target="program"] .card-inner-side h2 {
  +  margin-top: 0;
  +  color: #FFF;
  +}
  +
  +[data-target="program"] .card-inner-side span {
  +  font-size: 24px;
  +}
  +
   </style>
   
   <div class="column">
  
positive.code:     </ul>
    </div>
  
    <% for i in ["01","02","03","04","05","07","08","09","10","11","13","15","16","17"] %>
      <div class="m_v_2 card-container" data-target="ods">
        <div class="card-inner-side"><%= image_tag('ods/goals_icons-individual-rgb-' + i + '.png') %></div>
        <div class="card-inner-content p_2" id="chart-ods-<%= i.to_i %>">
          <%= i %>
        </div>
      </div>
    <% end %>
  
    <% for i in ["01","02","03","04","05","06", "07","08","09","10","11","12","13","14","15","16","17"] %>
      <div class="m_v_2 card-container" data-target="program">
        <div class="card-inner-side" id="card-<%= i.to_i %>"><h2></h2> <span></span></div>
        <div class="card-inner-content p_2" id="chart-program-<%= i.to_i %>">
        </div>
      </div>
    <% end %>
  
    <h2 class="with_description">Resumen</h2>
  
  
negative.code:     .selectAll("rect")
      .data(data)
      .join("rect")
      .attr("fill", d => d.ods !== undefined ? "" : "#5392cb")
      .attr("class", d => d.ods !== undefined ? "ods-" + d.ods : null)
      .attr("x", x(0))
      .attr("y", d => y(d.key))
      .attr("width", d => x(d.value) - x(0))
      .attr("height", y.bandwidth());
  
    svg.append("g")
      .attr("text-anchor", "end")
      .style("font", "12px sans-serif")
      .selectAll("text")
      .data(data)
      .join("text")
      .attr("fill",  d => (x(d.value) - x(0)) > 70 ? "white" : (d.ods !== undefined ? "" : "#5392cb") )
      .attr("style",  d => (x(d.value) - x(0)) > 70 ? "font-weight: normal" : "font-weight: bold")
      .attr("class", d => (x(d.value) - x(0)) < 70 ? (d.ods !== undefined ? "ods-" + d.ods : "") : "")
      .attr("x", d => (x(d.value) - x(0)) > 70 ? x(0) + 80 : x(d.value) + 60)
      .attr("y", d => y(d.key) + y.bandwidth() / 2)
      .attr("dy", "0.45em")
      .text(d => format(d.value));
  
    svg.append("g")
        .call(xAxis);
  