anchor.diff:    <div class="container" style="padding: 0 30px 0 30px;">
       <div class="row xSection">
         <div class="col-md-12" id="distribucionEspecie">
  -        <h3 class="text-left text-primary">Distribución de la especie</h3>
  +        <h3 class="text-left text-primary">Distribución</h3>
         </div>
       </div>
       <%= render('fichas/secciones_info_especie/distribucione_de_la_especie', sin_info_msj: sin_info_msj) %>
  
positive.code:     color: #444;
      cursor: pointer;
      width: 100%;
      border: #0e5f59;
      border-width: 1px 0 0 0;
      border-style: solid;
      text-align: left;
      transition: 0.5s;
  
negative.code:   <div class="container" style="padding: 0 30px 0 30px;">
      <div class="row xSection">
        <div class="col-md-12" id="geneticaEspecie">
          <h3 class="text-left text-primary">Genética</h3>
        </div>
      </div>
      <%= render('fichas/secciones_info_especie/genetica_de_la_especie', sin_info_msj: sin_info_msj) %>
  