.grid {
        padding-bottom:5px;
    }
@media (min-width: 768px) {
    .grid {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-bottom:5px;
    }
    .centrar-columnas {
        justify-content: center;
    }
    .columnas-2 {
        flex: 0 0 calc(16.7% - 1rem);
    }
    .columnas-4 {
        flex: 0 0 calc(33.3% - 1rem);
    }
    .columnas-6 {
        flex: 0 0 calc(50% - 1rem);
    }
    .columnas-8 {
        flex: 0 0 calc(66.6% - 1rem);
    }
    .columnas-10 {
        flex: 0 0 calc(83.3% - 1rem);
    }
    .columnas-12 {
        flex: 0 0 100%;
    }
}
/*Grid*/
@media (min-width: 512px){
.contenedor-padre{
  display:grid;
  gap: 1rem;
  grid-template-columns: repeat(2,1fr);        
  /*display: flex;
  justify-content: space-between;
  flex-wrap: wrap;*/
  /*justify-content:center;*/
  
}}
.contenedor-hijo{
  /*flex: 0 0 calc(33.3% - 1rem);*/
  margin-top:2rem;
}