<section>
   <div class="first_section">
      <div class="first_subsection">
          <div id="london" class="first_minidiv">
             <p class="categoria">Diversion en familia</p>
             <div class="minidiv_desc">
                <h4>Londres <br/>44€</h4>
                <p class="noches">8 noches</p>
             </div>
          </div>
          <div id="paris" class="first_minidiv">
             <p class="categoria">Eventos</p>
             <div class="minidiv_desc">
                <h4>Paris <br/>42€</h4>
                <p class="noches">8 noches</p>
             </div>
          </div>
          <div id="lisboa" class="first_minidiv">
             <p class="categoria">Turismo y cultura</p>
             <div class="minidiv_desc">
                <h4>Lisboa <br/>81€</h4>
                <p class="noches">8 noches</p>
             </div>
          </div>
      </div>

var categoria = document.querySelectorAll("p.categoria");


function cambiaelcolor(){
    categoria.style.color = "blue";
}

for (var i = 0 ; i < categoria.length; i++) {
    categoria[i].addEventListener('click' , cambiaelcolor , false ) ;
 }

var categoria = document.querySelectorAll("p.categoria");


function cambiaelcolor(){
    for (var i = 0 ; i < categoria.length; i++) {
        categoria[i].style.color = "blue";
     }
}

for (var i = 0 ; i < categoria.length; i++) {
    categoria[i].addEventListener('click' , cambiaelcolor , false ) ;
 }