/* WondarCore — código propio, no generado. Se puede modificar libremente. */
/* Página de detalle de una publicación tipo Foto o Video (/foto/{slug}-{id}, /video/{slug}-{id}) —
   mismo diseño que el modal genérico de Foto/Video (.pub-modal-media/.pub-modal-panel/
   .pub-modal-content, ver publicaciones-shared.css), acá en una card estática de página completa en
   vez de un overlay (pedido de Agustin, 2026-08-01, mismo criterio que nota-publico.css para Nota).
   Solo se define el WRAPPER de página (centrado, breadcrumb, card con sombra) — el contenido interno
   (medio + panel) reusa las clases del modal tal cual, sin duplicarlas acá. */

.cp-wrapper {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 4rem;
}

.cp-breadcrumb {
  margin-bottom: 1.25rem;
}

.cp-card {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  display: flex;
  flex-direction: column;
}

.cp-card .pub-modal-media {
  max-height: none;
}

@media (min-width: 768px) {
  .cp-card {
    flex-direction: row;
    min-height: 480px;
  }
  .cp-card .pub-modal-media {
    flex: 0 0 46%;
    min-height: 0;
  }
  .cp-card .pub-modal-panel {
    flex: 1;
    max-height: none;
  }
}