/* For small screens (e.g. mobile) */
@media (max-width: 480px) {
    
    nav {
      display: none; /* oculta el menu en pantallas de moviles
    }
    .opcionesMenu {
      flex-basis: 100%; /* each item takes full width */
    }
    h1 {
      font-size: 1rem;
    }
    ul {
      font-size: 0.8rem; /* Tamaño de letra mínimo para listas */
    }
    th, td {
      padding: 6px;
      font-size: 12px; /* Aún más pequeño para pantallas pequeñas */
    }
    .logosColaboradores img {
      max-height: 120px; /* Aún más pequeña para móviles */
    }
    .logosM3V img {
      max-height: 120px; /* Aún más pequeña para móviles */
    }
    .contenidoPortada img {
      max-height: 150px; /* reducir aún más en pantallas muy pequeñas */
  }
  }
  
  /* For medium screens (e.g. tablet) */
  @media (min-width: 481px) and (max-width: 768px) {
    nav {
      display: none;
    }
    .opcionesMenu {
      flex-basis: 50%; /* each item takes half width */
    }
    h1 {
      font-size: 1.5rem;
    }
    ul {
      font-size: 1.2rem; /* Tamaño de letra para listas en tablet */
    }
    th, td {
      padding: 8px;
      font-size: 14px; /* Texto más pequeño */
    }
    .logosColaboradores img {
      max-height: 150px; /* Reducir altura máxima en pantallas más pequeñas */
    }
    .logoM3V img {
      max-height: 150px; /* Reducir altura máxima en pantallas más pequeñas */
    }
    .contenidoPortada img {
      max-height: 200px; /* reducir altura máxima en pantallas pequeñas */
  }
  }
  
  /* For large screens (e.g. desktop) */
  @media (min-width: 769px) {
    .opcionesMenu {
      flex-basis: 25%; /* each item takes quarter width */
    }
  }