/* Contenedor principal para agrupar los bloques en grid 2x2 */
.imgDescBtn-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columnas iguales */
    gap: 50px 60px; /* espacio vertical y horizontal */
    width: 100vw;  /* ocupa toda la anchura de la ventana */
    margin: 40px 0;  /* espacio arriba y abajo */
    padding: 0 40px; /* margen lateral para no pegar a los bordes */
    box-sizing: border-box;
  }

  /* Quitar margen y padding globales para html y body */
html, body {
  margin: 0;
  padding: 0;
}

/* Ajustar el contenedor del slider para que no tenga espacio arriba */
.sliderFotos-container {
  position: relative;
  max-width: 100%;
  height: 400px; /* o el tamaño que desees */
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

  
  /* Responsive: en móviles, pasar a columna y full ancho */
  @media (max-width: 900px) {
    .imgDescBtn-grid {
      grid-template-columns: 1fr;
      width: 100vw;
      max-width: 100%;
      gap: 40px;
      padding: 0 20px;
    }
  }