.titulo-tabla1 {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 15px;
    background-color: #2c2c2c; /* Gris muy oscuro */
    color: #ffffff; /* Texto blanco para contraste */
    text-transform: uppercase;
    margin: 0;
  }  
  .contenedor-tabla1 {
    font-family: sans-serif;
    margin: 20px 40px;
    border: 1px solid #333; /* Un borde fino para cerrar el conjunto */
  }

  .tabla1 {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
  }

  /* Fila de cabecera (NOR, NORK...) */
  .tabla1  thead th {
    background-color: #555555; /* Gris más claro que el título */
    color: white;
    padding: 12px;
    text-align: left;
    border-bottom: 2px solid #333;
  }

  .tabla1  td {
    padding: 10px;
    border-bottom: 1px solid #eee;
  }

  /* Efecto cebra opcional para las filas de datos */
  .tabla1  tbody tr:nth-child(even) {
    background-color: #fcfcfc;
  }

  /* --- Magia Responsive --- */
  @media screen and (max-width: 768px) {
    .tabla1 thead {
      display: none;
    }

    .tabla1  tr {
      display: block;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      padding: 10px;
      background: #f9f9f9;
    }

    .tabla1  td {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      padding: 8px 5px;
    }

    .tabla1 td::before {
      content: attr(data-label);
      font-weight: bold;
      color: #666;
      text-transform: uppercase;
      font-size: 0.75rem;
    }
  }