.diario-timeline {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.entrada-diario {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #444;
    padding-bottom: 2rem;
}

.diario-thumb {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.diario-titulo {
    font-size: 1.5rem;
    margin: 0.5rem 0;
}

.diario-fecha {
    font-size: 0.9rem;
    color: #aaa;
}

.diario-extracto {
    margin-top: 0.5rem;
    font-size: 1rem;
    color: #ddd;
}
/* Fondo uniforme para todas las entradas del diario */
body.single-diario {
  background-color: #1b1b1b !important;
  color: #e0e0e0;
}

/* Contenedor principal de la entrada */
body.single-diario .wp-block-post-content {
  max-width: 850px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Imagen destacada en entradas del diario */
body.single-diario .wp-block-post-featured-image img {
  display: block;
  margin: 0 auto 2rem auto;
  width: 100%;
  max-width: 1100px;
  border-radius: 12px;
  object-fit: cover;
  height: auto;
}

/* Ajuste adicional por si hay otras imágenes insertadas */
body.single-diario img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Ajusta el ancho máximo del contenido de las entradas del diario */
body.single-diario .wp-block-post-content {
  max-width: 850px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Imagen destacada */
body.single-diario .wp-block-post-featured-image img {
  display: block;
  margin: 0 auto 2rem auto;
  width: 100%;
  max-width: 1100px; /* Este es el ancho "intermedio" que mencionabas */
  border-radius: 12px;
  object-fit: cover;
}

/* Imágenes dentro del contenido */
body.single-diario .wp-block-image img {
  width: 100%;
  max-width: 900px; /* ligeramente más pequeñas que la destacada */
  display: block;
  margin: 2rem auto;
  border-radius: 8px;
}