.contenedor_esp{

    display: flex;
    flex-direction:column;
    align-items: center;
    background: repeating-linear-gradient(#faf9f9, #e2fae3);
  
    }

    .contenedor_ve{

  display: flex; /* Coloca los elementos hijos en una fila */
  flex-wrap: wrap; /* Permite que las imágenes pasen a la siguiente línea si no caben */
  justify-content: center; /* Centra las imágenes en el contenedor (opcional) */
  
    }


    @media (min-width: 768px) {
      .contenedor_esp {
      display: flex;
      flex-direction:row;
      justify-content: center;
      align-content: center;
      column-gap: 2rem;
      width: 100%;
      margin: 0 auto; /*centrar caja*/
      border-radius: 1rem;
      padding: 1.5rem;
     }
  
  }
 
 
 
 div.galeria{
    margin: 10px 20px;
    box-shadow: 0 4px 8px 0 rgb(108, 7, 7), 0 6px 20px 0 rgba(0,0,0,0.19);
    float: left;
    width: 100%;

 }



 div.galeria img{
    width: 100%;
    height: auto;

 }

 div.galeria:hover{

    border: 1px solid lightcoral;
    transform: rotate(-3deg);

 }

 div.pie{

    text-align: center;
    text-shadow: 2px 2px 8px rgb(79, 8, 3);
    padding: 10px;
 }

 .foto_ve{

  flex: 1 1 calc(50% - 20px); /* 50% del ancho menos el margen */
  margin: 10px; /* Agrega un espacio entre imágenes */
  max-width: calc(50% - 20px); /* Asegura que solo quepan dos */
  box-sizing: border-box; /* Incluye el padding y borde en el cálculo del tamaño */
  object-fit: cover; /* Ajusta la imagen al contenedor sin distorsionarla */


 }