/* El Pajar · Solo estilos del visor. La página conserva su CSS de WPCode. */
dialog.pcu-lightbox, dialog.pcu-lightbox * { box-sizing: border-box; }
dialog.pcu-lightbox { width: min(1200px,calc(100% - 32px)); max-width: none; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: auto; border: 1px solid #998566; border-radius: 6px; color: #fff; background: #251b15; font: 1rem/1.5 Arial,Helvetica,sans-serif; }
dialog.pcu-lightbox:not([open]) { display: none; }
dialog.pcu-lightbox::backdrop { background: rgba(17,12,8,.88); }
dialog.pcu-lightbox .pcu-lightbox__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
dialog.pcu-lightbox .pcu-lightbox__title { margin: 0; color: #fff; font: 400 1.1rem/1.4 Georgia,serif; }
dialog.pcu-lightbox button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; min-width: 44px; max-width: 100%; padding: 9px 14px; border: 1px solid #a28f73; border-radius: 4px; color: #fff; background: #392b20; font: 600 .875rem/1.4 Arial,Helvetica,sans-serif; cursor: pointer; }
dialog.pcu-lightbox button:hover { color: #251b15; background: #f3d28f; }
dialog.pcu-lightbox button:focus-visible { outline: 3px solid #f3d28f; outline-offset: 3px; }
dialog.pcu-lightbox .pcu-lightbox__frame { margin: 0; padding: 0 16px; }
dialog.pcu-lightbox img.pcu-lightbox__image { display: block; width: 100%; height: 66vh; height: 66dvh; max-height: 720px; max-width: 100%; margin: 0 auto; padding: 0; object-fit: contain; background: #211811; }
dialog.pcu-lightbox .pcu-lightbox__caption { margin: 0; padding: 12px 0; color: #fff2db; font-size: .9375rem; line-height: 1.5; }
dialog.pcu-lightbox .pcu-lightbox__bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px 16px; }
dialog.pcu-lightbox .pcu-lightbox__status { flex: 1; margin: 0; text-align: center; color: #eadbc6; font-size: .8125rem; }
dialog.pcu-lightbox .pcu-lightbox__error { margin: 0; padding: 18px 0; color: #fff; }
dialog.pcu-lightbox [hidden] { display: none !important; }
html.pcu-dialog-open { overflow: hidden; }

@media (max-width: 680px) {
dialog.pcu-lightbox { width: calc(100% - 16px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
dialog.pcu-lightbox .pcu-lightbox__top { padding: 12px; }
dialog.pcu-lightbox .pcu-lightbox__frame { padding-inline: 12px; }
dialog.pcu-lightbox img.pcu-lightbox__image { height: 56vh; height: 56dvh; }
dialog.pcu-lightbox .pcu-lightbox__bottom { padding: 0 12px 12px; flex-wrap: wrap; }
dialog.pcu-lightbox .pcu-lightbox__status { order: -1; flex: 1 0 100%; }
}
