/* --- Cabecera y resumen --- */
.pg-loft-title{ text-align:center; margin:10px 0 20px; letter-spacing:1px; }
.pg-loft-summary{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:900px; margin:0 auto 18px; }
.pg-loft-summary > div{ background:#f5f5f7; padding:10px; border-radius:8px; text-align:center; }
.pg-loft-summary strong{ display:block; font-size:18px; }
.pg-loft-summary span{ color:#555; font-size:12px; }

/* --- Grid / Card --- */
.pg-grid{ display:grid; gap:16px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.pg-card{ background:#fff; border:1px solid #e7e7e7; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; position:relative; }
.pg-card-media{ position:relative; height:180px; display:flex; align-items:center; justify-content:center; background:#fafafa; }
.pg-card-media img{ max-height:150px; width:auto; max-width:90%; display:block; }
.pg-card-body{ padding:12px; }
.pg-card-title{ margin:0 0 8px; font-size:16px; }
.pg-meta{ display:grid; grid-template-columns:1fr; gap:4px; font-size:12px; color:#444; margin-bottom:8px; }
.pg-badges{ display:flex; gap:8px; margin-bottom:10px; }
.pg-badge{ background:#eef3ff; color:#1b4; border:1px solid #d8e5ff; padding:2px 8px; border-radius:999px; font-size:12px; }
.pg-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.pg-btn{ background:#3b3f46; color:#fff; text-decoration:none; padding:6px 10px; border-radius:6px; font-size:12px; }
.pg-btn:hover{ opacity:.9; }

/* --- Botón Menú + Dropdown --- */
.pg-card-menu-btn{
  position:absolute; top:8px; right:8px;
  width:32px; height:32px; line-height:32px;
  border-radius:8px; background:#ffffffcc; border:1px solid #ddd;
  cursor:pointer; font-size:18px; text-align:center;
}
.pg-card-menu-btn:hover{ background:#fff; }

.pg-card-menu{
  position:absolute; top:44px; right:8px;
  min-width:210px; background:#fff; border:1px solid #e2e2e2; border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  display:none; padding:6px; z-index:60;
  animation:pgMenuIn .12s ease-out;
}
.pg-card-menu[aria-hidden="false"]{ display:block; }
.pg-card-menu a{
  display:block; padding:8px 10px; font-size:14px; color:#1f2937; text-decoration:none; border-radius:8px;
}
.pg-card-menu a:hover{ background:#f2f4f7; }

@keyframes pgMenuIn{ from{ transform:translateY(-4px); opacity:0 } to{ transform:none; opacity:1 } }

/* --- Responsivo --- */
@media (max-width:1024px){
  .pg-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:680px){
  .pg-loft-summary{ grid-template-columns:repeat(2,1fr); }
  .pg-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}