.fecha {
  text-align: center;
  font-style: italic;
  margin-top: 40px;
  border-top: 1px solid #333;
  border-bottom: none;
  padding: 20px 10px 10px;
  margin-bottom: 20px;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
}

.tabla_navegacion {
  margin-top: 30px;
  margin-bottom: 20px;
  border-top: 1px solid #333;
  padding-top: 20px;
  border-spacing: 0;
  border-style: none;
  width: 100%;
  line-height: 1.3;
    width: 100%; /* Asegura que la tabla ocupe todo el ancho */
    table-layout: fixed; /* Evita que el contenido afecte el ancho de las celdas */
}

.tabla_navegacion td {
    padding: 10px; /* Añade un poco de espacio alrededor del texto */
    box-sizing: border-box; /* Incluye el padding en el ancho de la celda */
    vertical-align: top; /*Alinea el texto en la parte superior */
    font-size: 0.95rem;
}

@media (max-width: 600px) {
    .tabla_navegacion td {
        display: block; /* Apila las celdas verticalmente */
        width: 100%; /* Opcional: Ocupa todo el ancho disponible */
        text-align: center!important; /* Opcional: Centra el texto en móviles */
        margin-bottom: 10px; /* Opcional: Añade espacio entre las celdas */
        border-bottom: 1px solid #333;
    }
    .tabla_navegacion tr{
        display: block;
    }
}

@media (max-width: 600px) {
  .tabla_navegacion {
      flex-direction: column; /* Apila los elementos verticalmente en móviles */
  }

  .tabla_navegacion td {
      width: 100%; /* Ocupa todo el ancho en móviles */
      text-align: center;
      margin-bottom: 10px;
      border-bottom: 1px solid #333;
  }
}