.viewer-layout {
  display: flex;
  gap: 40px;
  margin-top: 40px;
}

/* Columna izquierda */
.noticia-info img.portada {
  width: 100%;
  max-height: 240px;
  object-fit: cover;
  border-radius: var(--radius);
  margin-bottom: 20px;
}

.noticia-info .card-title {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.noticia-info .card-subtitle {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

/* Columna derecha */
.pdf-viewer {
  flex: 1.2;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pdf-actions {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.pdf-frame {
  flex: 1;
  border: 1px solid var(--gris-medio);
  border-radius: var(--radius);
  box-shadow: var(--shadow-suave);
  overflow: hidden;
}

.pdf-frame iframe {
  width: 100%;
  height: 600px;
  border: none;
}

.pdf-note {
  margin-top: 12px;
  padding: 12px;
  background: var(--gris-claro);
  border-radius: var(--radius);
  font-size: 0.9rem;
  color: var(--gris-oscuro);
  display: flex;
  align-items: center;
  gap: 8px;
}

.pdf-note i {
  color: var(--cge-rojo);
  font-size: 1.2rem;
}

/* Responsive tablet/m¨®vil */
@media (max-width: 1024px) {
  .viewer-layout {
    flex-direction: column;
  }

  .pdf-frame iframe {
    height: 400px;
  }

  .pdf-actions {
    justify-content: center;
  }

  .noticia-info .card-title,
  .noticia-info .card-subtitle,
  .noticia-info p {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .pdf-frame iframe {
    height: 300px;
  }
}

.espaciador-header {
  display: block;
  width: 100%;
  height: 40px;        /* grosor del header */
  background: transparent; /* o un color si quieres que se vea */
}