/*
 * Flyer de gacetillas — overlay del generador simple (2026-07-16).
 * Misma identidad que la carpeta amarilla del kit de prensa de la plantilla.
 */
.gpf-overlay {
  position: fixed; inset: 0; z-index: 100000;
  background: rgba(17, 17, 17, .72);
  display: flex; align-items: center; justify-content: center; padding: 18px;
}
/* El botón cerrar pone [hidden], pero el display:flex de arriba le ganaba al display:none del
   atributo → el overlay no cerraba (bug de prod 2026-07-16). Esta regla lo decide explícito. */
.gpf-overlay[hidden] { display: none; }
.gpf-panel {
  background: #fff; color: #111; border-radius: 16px;
  width: min(440px, 100%); max-height: calc(100vh - 36px); overflow: auto;
  padding: 18px 20px 20px;
  font-family: 'Inter', system-ui, sans-serif;
}
.gpf-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.gpf-top strong { font-family: 'Spectral', Georgia, serif; font-weight: 600; font-size: 1.25rem; }
.gpf-cerrar {
  appearance: none; border: 0; background: none; cursor: pointer;
  font-size: 1.1rem; line-height: 1; padding: 8px; color: #6b6b6b;
}
.gpf-hint { font-size: .88rem; color: #555; margin: 6px 0 12px; }
.gpf-fotos { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.gpf-foto {
  appearance: none; padding: 0; cursor: pointer; border-radius: 8px; overflow: hidden;
  border: 3px solid transparent; background: none; width: 72px; height: 72px;
}
.gpf-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gpf-foto.is-sel { border-color: #FFCD00; }
.gpf-preview {
  position: relative; overflow: hidden; border-radius: 10px;
  border: 1px solid #e8e6e0; background: #f4f2ec;
}
.gpf-canvas { width: 1080px; height: 1920px; transform-origin: top left; }
.gpf-acts { margin-top: 14px; }
.gpf-descargar {
  appearance: none; cursor: pointer; width: 100%;
  font-family: 'Inter', system-ui, sans-serif; font-weight: 700; font-size: 1rem;
  background: #FFCD00; color: #111; border: 2px solid #111; border-radius: 999px;
  padding: 13px 18px;
}
.gpf-descargar:disabled { opacity: .6; cursor: wait; }