#blog .masonry {
    column-count: 3; /* Cambia a 2 o 1 en media queries para responsive */
    column-gap: 20px;
    width: 85%;/* <- PONER ESTO EN 80 EN RESPONSIVE */
    margin-top: 100px;
    padding-right: 3%;/* <- SEPARACIÓN DEL MENÚ */
  }
  
  #blog .post {
    background: rgb(35, 102, 92);
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    border: 3px solid rgb(35, 102, 92);
    box-sizing: border-box; /* Asegura que el borde no afecte el tamaño total */
    break-inside: avoid;
    overflow: hidden;
    transition:all .5s ease-in-out; cursor: pointer;
    cursor: pointer;
    
    
  }

  #blog .post a {
    text-decoration: none;
  }
  #blog .post:hover {
    transform: translateY(-5px);
  }
  #blog .post img {
    width: 100%;
    height: auto;
    display: block;
  }

  #blog .post h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 10px;
    text-align: center;
    color: rgb(249, 195, 204);
    margin: 15px 0 0 0;
    text-transform: uppercase;
  }

  #blog .post p {
padding: 10px 15px 25px 15px;
text-align: justify;
font-size: 0.9rem;
line-height: 1.25rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: white;
    
  }




/* ESTILOS ADAPTADOS PARA LA VERSIÓN RESPONSIVE SECCIONES*/
@media (max-width: 1024px){
  #blog .masonry {
    width: 80%;/* <- PONER ESTO EN 80 EN RESPONSIVE 85 original  */
    column-count: 1; /* Cambia a 2 o 1 en media queries para responsive */
    
  }
  #blog .post h2 {
    font-size: 1.2rem;/* <- 1.5 original  */
    line-height: 1.2rem;/* <- 1.5 original  */
  }
  
}

  @media (max-width: 800px) {
    #blog .masonry {
      column-count: 1; /* Cambia a 2 o 1 en media queries para responsive */
      column-gap: 10px;/* <- 20 original  */
    }
    }
  @media (max-width: 450px) {
  #blog .masonry {
    column-count: 1; /* Cambia a 2 o 1 en media queries para responsive */
    }
  }
  @media (max-width: 400px) {
    #blog .masonry {
      column-count: 1; /* Cambia a 2 o 1 en media queries para responsive */
      }
    }