:root {
    /***Filosofía***/
    --f-grid-columns: 4;
    --f-gap-columns: 3rem;
}

#main-history {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 2rem;
    align-items: center;
}

#main-history .right img {
    width: 100%;
    height: auto;
    display: block;
}

/* ============================= */
/* Modernización */
/* ============================= */
#main-modern .left img {
    width: 100%;
    height: auto;
    display: block;
}

/* ============================= */
/* Filosofía */
/* ============================= */
.philosophy-grid {
    display: grid;
    grid-template-columns: repeat(var(--f-grid-columns, 1), minmax(0, 1fr));
    gap: var(--f-gap-columns);
}

.philosophy-item h4 {
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
  :root {
      /***Filosofía***/
      --f-grid-columns: 1;
      --f-gap-columns: 1rem;
  }

  #main-history {
    grid-template-columns: 1fr;
    text-align: center;
  }

  #main-history .right {
    order: -1; 
  }

  #main-modern {
    grid-template-columns: 1fr;
    text-align: center;
  }

  #main-modern .left {
    order: -1; 
  }
}