/* La portada de un paquete (tablero 27 del lienzo del conector de Claude, aprobado por Daniel el 2026-10-04): un recuadro en el editor del paquete y la foto
   arriba de cada paquete en la lista. Solo tokens de cuarto-oscuro.css (paridad-cuarto-oscuro). Contenido a 4 px; los botones son pildoras. */
.pq-cab{ display:grid; grid-template-columns:168px minmax(0,1fr); gap:var(--e-5); align-items:start; }
.pq-portada{ display:flex; flex-direction:column; gap:var(--e-2); }
.pq-portada-img{ width:168px; height:112px; border-radius:var(--r); border:1.5px dashed var(--linea); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--e-1); color:var(--apagado); font-size:var(--t-meta); text-align:center; overflow:hidden; }
.pq-portada-img.con{ border:0; }
.pq-portada-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.pq-portada-acc{ display:flex; gap:var(--e-2); }
.pq-portada-acc .btn{ flex:1; }
.pq-portada-nota{ margin:0; font-size:var(--t-meta); color:var(--apagado); }
.pq-cover{ margin:0 0 var(--e-3); height:96px; overflow:hidden; border-radius:var(--r); }
.pq-cover img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:560px){ .pq-cab{ grid-template-columns:minmax(0,1fr); } }