/* ==========================================================================
   CCPCH — Archivos y detalle de contenidos
   ========================================================================== */

.archive-section { padding: 80px 0 100px; }
.is-listing .archive-section:first-of-type { padding-top: 80px; }

.single-layout { padding: 80px 0 100px; }
.single-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; align-items: start; }
.single-main { min-width: 0; }
.single-sidebar { position: sticky; top: calc(var(--nav-height) + 24px); }

.entry-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; }
.entry-tags a {
  padding: 5px 13px; border-radius: 100px;
  background: var(--gris); color: var(--texto-suave);
  font-size: .76rem;
}
.entry-tags a:hover { background: var(--rojo-soft); color: var(--rojo); }

.post-nav {
  display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;
  margin-top: 48px; padding-top: 28px;
  border-top: 1px solid var(--gris-borde);
  font-size: .88rem;
}
.post-nav a { font-weight: 600; }
.post-nav-next { margin-left: auto; text-align: right; }

.entry-meta { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: .8rem; color: var(--texto-suave); }

.page-links { margin-top: 32px; display: flex; gap: 8px; font-size: .88rem; }

/* Comentarios */
.comments-area { margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--gris-borde); }
.comments-title, .comment-reply-title { font-size: 1.3rem; margin-bottom: 24px; }
.comment-list { list-style: none; margin: 0 0 40px; padding: 0; }
.comment-list li { margin-bottom: 24px; }
.comment-body { background: var(--gris); border-radius: var(--radius); padding: 22px 24px; }
.comment-meta { font-size: .8rem; color: var(--texto-suave); margin-bottom: 10px; }
.comment-form input[type='text'], .comment-form input[type='email'],
.comment-form input[type='url'], .comment-form textarea {
  width: 100%; padding: 12px 14px;
  font-family: inherit; font-size: .93rem;
  background: var(--gris); border: 1px solid var(--gris-borde);
  border-radius: var(--radius-sm);
}
.comment-form textarea { min-height: 130px; resize: vertical; }
.comment-form .submit {
  display: inline-flex; padding: 14px 30px;
  background: var(--rojo); color: #fff;
  border: none; border-radius: var(--radius-sm);
  font-size: .82rem; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase;
  cursor: pointer;
}
.comment-form .submit:hover { background: var(--rojo-dark); }