.bloque{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content:center;
  gap:20px;
}
.lado{
    background:gold;
    padding:30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    width: 650px;
}
.ladoSpecial{
    margin:auto;
    text-align: center;
    box-sizing: border-box;
}
.bloque img{
  width:450px;
}

.textoSolo{
 background-color: #310d2c;
 color:white;
 text-align:center;
 padding:20px 0;
}




.containerPilares{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pilar{
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    margin:10px;
}
.pilar img{
  height:250px;
}
.lateral{
    padding: 0px 25px;
    width:280px;
    background:#f0f0f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border-radius:0 25px 25px 0;
    margin-left:-10px;
}


.linea-horizontal {
    width: 100%; 
    border: 1px solid #000; 
    margin: 50px 0; 
    box-sizing: border-box;
}






@media (max-width: 768px) {
    .bloque img{
        width:400px;
    }

    .pilar img{
        height:200px;
    }
    .pilar{
        justify-content: center;
    }
    .lateral{
        padding: 0px 10px;
    }


}


@media (min-width: 768px) and (max-width: 1024px) {
 
}