.navbarSecundaria{
    background-color: rgb(185, 63, 40);
    /* background-color: blue; */
    font-family: Arial, sans-serif;
    font-size: 18px;
    height: 50px;
    width: 100vw;
    
  }
  .hr{
    border-width: 1px;
    margin-top: 0px;
    margin-bottom: 2vh;
    width: 80vw;
    margin-inline: 15vw;
 
  }
  .titulos{
    font-size: 1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    width: 30vw;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-inline-start: 35vw;
    /* background-color: blue; */
 
  }
  .contenedorVacantes{        
    height: auto;          
    margin-inline-start: 15vw;
    border: none;

    /* border: 1px solid rgb(8, 95, 194);  */
    /* border-radius: 10px; */

   }
  .titulosVacantes{
  font-size: 1.1rem;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 2px black;
  width: 70vw;
  height: 25px;
  font-weight:bold ;
  margin-bottom: 5px;      
  text-align: left;
  color: rgb(5, 76, 209);

  /* background-color: black; */
  /*&*/
  }
  .giaarsa{
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   width: 70vw;
   font-weight:bold ;
   margin-bottom: 5px;
   text-align: left;
   color: black;
  /* background-color: cadetblue; */
  }
  .icono{
    width: 40px;
    height: 40px;
  }
  .spacer{
    font-size: 1.2rem;
    margin-inline-start: 15vw;
    color: white;
  }


  /*Reactive*/
  @media only screen and (max-width: 760px) {/*Reed red*/
    .spacer{
        margin-inline: 1vw;
     }
    .titulos{
      font-size: 1.1rem;
      width: 80vw;
      margin-inline-start: 2vw;
      margin-bottom: 10px;
      /* background-color: blue; */
    }
    .hr{
      margin-inline-start: 2vw;
      margin-top: 0px;
      height: 10px;
      /* background-color: burlywood; */
    }
    .contenedorVacantes{
      width: 70vw;             
      margin-inline-start: 2vw; 
     }
    }
  
    @media only screen and (min-width: 760px) {/*Azul blue*/
      .titulos{
        width: 40vw;
        margin-inline-start: 35vw;
      }
    .contenedorVacantes{
        width: 70vw;          
       }
    }
    @media only screen and (min-width: 851px) {/*Naranja*/
    .contenedorVacantes{
        width: 40vw;          
       }
    }
    @media only screen and (min-width: 1200px) {/*Normal*/
    .contenedorVacantes{
        width: 30vw;          
       }
       .titulos{
        font-size: 1.2rem;
        font-family: Arial, Helvetica, sans-serif;
        width: 30vw;
        margin-top: 30px;
        margin-bottom: 10px;
        margin-inline-start: 40vw;
       }
    }