.inicio__columna__portada{
    
    height: auto;
    width: 50%;
    margin: 0;
    margin-left: 3rem;

   border-radius: 5px;
   padding: 3rem;
   border: solid 2px var(--oscuro-suave);
   gap: 2rem;
   
  }

  .titulo__sobremi, .titulo__educacion, .titulo__tecnologias, .titulo__laboral,.educacion__titulo{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight:lighter;
    color: white;

  }

  .inicio__columna__portada p{
    font-size: 1.1rem;
  }

  .educacion__conteniner{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    
  }
 
  
  .educacion__anio{
    font-size: 1rem;
    color: var(--oscuro-tenue);
  }

  .educacion__status{
 color: gold;
font-size: 1.6rem;
background-color: var(--oscuro-fuerte);
padding: 4px;
border-radius: 5px;

}

.inicio__columna__portada .li{
    border-bottom: solid 2px var(--oscuro-suave) ;
}

.parrafo__sobremi{
    font-size: 1.8rem;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 100;
}

.tecnologia{
   
  display: grid;
  grid-template-columns: repeat(8, 1fr); 
  gap: 2px;
   
    align-items: space-between;
    gap: 1rem;
    margin-bottom: 3rem;
}

.tecnologia li svg{
    height: 5rem;
    margin: 0;
    padding: 0;
}

.tecnologias{
  width: 100%;
}

.tecnologia_item svg{
  width: 100%;
  height: auto;
}



@media screen and (max-width: 768px){
  .tecnologia{

      display: grid;
      grid-template-columns: repeat(4, 1fr); 
      gap: 20px;
  }

}

@media screen and (max-width: 960px){
  .tecnologia{

      display: grid;
      grid-template-columns: repeat(6, 1fr); 
      gap: 20px;
  }

  .educacion__conteniner{
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }
}

@media screen and (max-width: 480px){
  .tecnologia{

      display: grid;
      grid-template-columns: repeat(3, 1fr); 
      gap: 20px;
  }

}