#revenue-to-profit-conversion-container {
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-template-rows: repeat(4, auto);
  gap: 10px; /* Espacio entre las celdas */
}


#revenue-to-profit-conversion-container p {
  font-size: 12px;
  color: #575757;
}


.profit-conversion {
  display: flex; /* Agregado para usar flexbox */
  align-items: center; /* Agregado para centrar verticalmente */
  justify-content: center; /* Agregado para centrar horizontalmente */
  padding: 0px 0;
  color: white;
  width: 100%;
  background-color: grey;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
}


  
  #conversion-totalRevenue{
    background-color: rgba(142, 62, 241, 0.5) !important;
  }
  #conversion-totalRevenue:hover{
    background-color: rgba(142, 62, 241, 1) !important;
  }
  #conversion-grossProfit{
    background-color: rgba(50, 219, 247, 0.5) !important;
  }
  #conversion-grossProfit:hover{
    background-color: rgba(50, 219, 247, 1) !important;
  }
  #conversion-EBITDA{
    background-color: rgba(247, 50, 125, 0.5) !important;
  }
  #conversion-EBITDA:hover{
    background-color: rgba(247, 50, 125, 1) !important;
  }
  #conversion-netIncome{
    background-color: rgba(247, 219, 50, 0.5) !important;
  }
  #conversion-netIncome:hover{
    background-color: rgba(247, 219, 50, 1) !important;
  }

  /*SUMMARY */

#summary-divs{
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

#summary-divs div{
  color: #444444;
  border-radius: 10px;
  width: 100%;
  font-weight: 500;
  padding: 10px;
  font-size: 12px;

  border: 1px solid whitesmoke;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(3px);

  box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.1), inset -5px -5px 5px rgba(255, 255, 255, 0.1);
  transition: transform 0.5s;


}

#summary-divs div:hover{
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1), -5px -5px 5px rgba(255, 255, 255, 0.1);
  transform: scale(1.01);

}