/* Vecindiario - Vista previa en linea de descargas (PDF).
   Hoja aditiva, enlazada solo por downloads.php (vista de categoria).
   Colores neutros (rgba/currentColor/acento) para funcionar en claro y
   oscuro sin tocar las 4 hojas del tema. Acento del sitio: #c4041d. */

/* ---- Boton "Vista previa" (va en la .post-meta, junto a Descargar) ---- */
/* El icono va FUERA del boton, a su izquierda; nowrap para que icono y boton
   no se separen por el salto de linea de la meta. */
.dl-preview-span { white-space:nowrap; }
.dl-preview-btn {
  cursor:pointer;
  display:inline-flex; align-items:center; gap:4px;
}
.dl-preview-btn.on { color:#c4041d; }

/* ---- Contenedor desplegable del visor ---- */
.dl-preview-wrap {
  display:none;            /* se abre con JS (display:block) */
  margin:12px 0 2px;
  border:1px solid rgba(127,127,127,.25);
  border-radius:10px;
  overflow:hidden;
  background:rgba(127,127,127,.06);
}
.dl-preview-frame {
  display:block;
  width:100%;
  height:700px;
  border:0;
}
.dl-preview-foot {
  padding:7px 12px;
  font-size:.82em;
  border-top:1px solid rgba(127,127,127,.18);
}
.dl-preview-open {
  text-decoration:none; color:#c4041d;
  display:inline-flex; align-items:center; gap:4px;
}
.dl-preview-open::before { content:"\2197"; opacity:.7; } /* flecha salida */
.dl-preview-open:hover { text-decoration:underline; }

/* En pantallas estrechas el visor es mas bajo (en movil real se abre en
   pestana nueva desde PHP, pero cubrimos tambien el desktop estrecho). */
@media (max-width:768px) {
  .dl-preview-frame { height:70vh; }
}