.post {
    max-width: 850px;
    margin: 80px auto;
    padding: 0 20px 60px;
}

.post__title {
    font-size: clamp(26px, 3.2vw, 36px);
    font-weight: 800;
    margin: 0 0 6px;
}

.post__meta {
    color: var(--muted);
    font-size: .95rem;
    margin-bottom: 22px;
}

.post__banner {
    width: 100%;
    border-radius: 12px;
    margin: 0 0 28px;
    display: block;
}

.post h2 {
    margin: 32px 0 12px;
    font-size: clamp(20px, 2.4vw, 24px);
}

.post p {
    line-height: 1.75;
    color: #333;
    margin: 10px 0 0;
    text-align: justify;
}

.post blockquote {
    margin: 16px 0;
    padding: 12px 14px;
    border-left: 4px solid var(--accent);
    border-radius: 8px;
    background: #f9f9f9;
    color: #444;
}

.post__refs {
    margin-top: 36px;
    padding: 16px 18px;
    background: #f9f9f9;
    border-left: 4px solid var(--accent);
    border-radius: 10px;
}

.post__refs h3 {
    margin: 0 0 8px;
    font-size: 1.05rem;
}

.post__refs ul {
    margin: 0;
    padding-left: 18px;
}

.post__refs li {
    margin: 6px 0;
    color: #333;
}

.post__back {
    display: inline-block;
    margin-top: 28px;
    padding: 10px 16px;
    border-radius: 10px;
    background: var(--accent);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.post__back:hover {
    background: #15803d;
}

.post hr {
    border: 0;
    border-top: 1px solid var(--border);
    margin: 28px 0;
}

/* ===== Autor estilo prensa ===== */
.author-inline{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:10px 12px;
  align-items:center;
  margin:8px 0 22px;
}

.author-inline__avatar{
  width:56px;height:56px;border-radius:50%;
  object-fit:cover;border:1px solid var(--border);
  filter:grayscale(100%) contrast(1.05);
}

.author-inline__meta{ min-width:0; }
.author-inline__name{
  font-weight:800; line-height:1.1; display:flex; align-items:center; gap:8px;
}
.author-inline__mail{
  display:inline-flex; align-items:center; opacity:.8;
}
.author-inline__mail:hover{ opacity:1; }

.author-inline__role{
  margin-top:2px;
  font-size:.85rem; letter-spacing:.02em;
  color:var(--muted); text-transform:uppercase;
}

.author-inline__dates{
  margin-top:6px; font-size:.9rem; color:var(--muted);
}
.author-inline__dates .sep{
  margin:0 8px; color:#bdbdbd;
}

/* Figuras dentro del post */
.post__figure{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin:24px 0;
}
.post__figure img{
  max-width:min(740px, 100%);
  height:auto;
  border-radius:12px;
  border:1px solid var(--border);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.post__caption{
  text-align:center;
  color:var(--muted);
  font-size:.9rem;
}
/* ===== AUDIO DEL POST ===== */

.post-audio {
  margin-top: 40px;
  text-align: center;
}

.post-audio__intro {
  margin: 4px 0 14px;
  color: var(--muted);
  max-width: 56rem;
  text-align: center;
}

.post-audio__player {
  margin: 0 auto;
  max-width: 520px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #f9fafb;
  border: 1px solid var(--border);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.post-audio__player audio {
  width: 100%;
  outline: none;
}

.post-audio__hint {
  margin: 8px 0 0;
  font-size: .85rem;
  color: var(--muted);
  text-align: center;
}


/* ===== BLOG SLIDES / VISOR DE DIAPOSITIVAS ===== */
.blog-slides {
  margin: 32px 0 40px;
}

.blog-subtitle {
  margin: 0 0 8px;
  font-size: clamp(22px, 3vw, 26px);
  font-weight: 800;
}

.blog-slides__intro,
.blog-slides__hint {
  margin: 0 0 14px;
  font-size: .95rem;
  color: var(--muted);
}

.blog-slides__viewer {
  position: relative;
  max-width: 1440px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.blog-slides__track {
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: 16px;
  background: #020617;
  box-shadow: 0 18px 40px rgba(15,23,42,.28);

  height: clamp(360px, 65vh, 580px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-slide {
  margin: 0;
  display: none;
}

.blog-slide.is-active {
  display: block;
}

.blog-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Flechas */
.blog-slides__nav {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: #ffffff;
  color: #0f172a;
  font-size: 22px;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(15,23,42,.18);
  transition: background .2s ease, color .2s ease, transform .1s ease, box-shadow .2s ease;
}

.blog-slides__nav:hover {
  background: var(--accent);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(34,197,94,.35);
}

.blog-slides__nav:disabled {
  opacity: .4;
  cursor: default;
  transform: none;
  box-shadow: none;
}

.blog-slides__hint {
  text-align: center;
  margin-top: 10px;
}


/* Responsive */
@media (max-width:560px){
  .author-inline{ grid-template-columns:48px 1fr; }
  .author-inline__avatar{ width:48px;height:48px; }
  .author-inline__role{ font-size:.8rem; }
}

/* Responsive */
@media (max-width:560px){
  .author-card{ grid-template-columns:48px 1fr; }
  .author-card__avatar{ width:48px; height:48px; }
  .author-card__chip{ font-size:.85rem; }
}


@media (max-width:760px) {
    .post {
        margin-top: calc(var(--nav-h) + 16px);
    }
}

/* Responsive */
@media (max-width: 768px) {
  .blog-slides__viewer {
    gap: 6px;
  }

  .blog-slides__nav {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
}