/* responsive modifica columnas antes tabla3 css*/

.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* Escritorio */
  gap: 16px;
  xpadding: 16px;
  padding: 8px 16px 3px 16px;
}

/* Tablets grandes o pantallas medianas (= 1024px) */
@media (max-width: 1024px) {
  .grid-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Tablets pequeñas o celulares en horizontal (= 768px) */
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Celulares en vertical (= 480px o = 600px) */
@media (max-width: 440px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* fin responsive modifica columnas */