.galeria-diario {
  --gd-green: #258c6f;
  --gd-green-dark: #1f725b;
  --gd-graphite: #4b4b4d;
  --gd-gap: .8rem;
  margin: 2rem 0;
}

.galeria-diario-grid { display: grid; grid-template-columns: repeat(var(--galeria-columns, 3), minmax(0, 1fr)); gap: var(--gd-gap); }
.galeria-diario-item { position: relative; display: block; min-width: 0; overflow: hidden; border-radius: 4px; background: #e9edeb; aspect-ratio: 4 / 3; isolation: isolate; }
.galeria-diario-item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease, filter .28s ease; -webkit-user-drag: none; user-select: none; }
.galeria-diario-item-overlay { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: flex-end; padding: .65rem; opacity: 0; background: linear-gradient(to top, rgba(21, 43, 37, .52), transparent 58%); color: #fff; font-size: .75rem; font-weight: 800; letter-spacing: .025em; transition: opacity .22s ease; }
.galeria-diario-item:hover img, .galeria-diario-item:focus img { filter: brightness(.83); transform: scale(1.035); }
.galeria-diario-item:hover .galeria-diario-item-overlay, .galeria-diario-item:focus .galeria-diario-item-overlay { opacity: 1; }
.galeria-diario-item:focus-visible { outline: 3px solid var(--gd-green); outline-offset: 3px; }
.galeria-diario-empty { margin: 1.5rem 0; padding: 1rem 1.1rem; border-left: 4px solid var(--gd-green); background: #f1f7f5; color: #42524c; font-size: .95rem; }

.galeria-diario-filters { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 .9rem; }
.galeria-diario-filters button { padding: .36rem .68rem; border: 1px solid #cfd9d5; border-radius: 99px; background: #fff; color: #41524b; cursor: pointer; font-size: .8rem; font-weight: 700; line-height: 1.2; }
.galeria-diario-filters button:hover, .galeria-diario-filters button:focus, .galeria-diario-filters button.is-active { border-color: var(--gd-green); background: var(--gd-green); color: #fff; outline: none; }

.galeria-diario-layout-masonry .galeria-diario-grid { display: block; column-count: var(--galeria-columns, 3); column-gap: var(--gd-gap); }
.galeria-diario-layout-masonry .galeria-diario-item { display: inline-block; width: 100%; height: auto; margin: 0 0 var(--gd-gap); break-inside: avoid; aspect-ratio: auto; }
.galeria-diario-layout-masonry .galeria-diario-item img { height: auto; object-fit: initial; }

.galeria-diario-viewer-controls { display: none; align-items: center; justify-content: center; gap: .7rem; margin: .9rem 0 0; }
.galeria-diario-viewer-controls button { min-width: 2.3rem; min-height: 2.3rem; border: 0; border-radius: 3px; background: var(--gd-green-dark); color: #fff; cursor: pointer; font-size: 1.35rem; line-height: 1; }
.galeria-diario-viewer-controls button:hover, .galeria-diario-viewer-controls button:focus { background: var(--gd-green); outline: 2px solid var(--gd-green-dark); outline-offset: 2px; }
.galeria-diario-viewer-count { min-width: 4.5rem; color: #68716e; font-size: .85rem; font-weight: 700; text-align: center; }
.galeria-diario-layout-slideshow.is-enhanced .galeria-diario-grid, .galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-grid { display: block; max-width: 1100px; margin: 0 auto; }
.galeria-diario-layout-slideshow.is-enhanced .galeria-diario-item, .galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-item { display: none; width: 100%; max-height: min(72vh, 740px); background: #17201d; aspect-ratio: 16 / 10; }
.galeria-diario-layout-slideshow.is-enhanced .galeria-diario-item.is-current, .galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-item.is-current { display: block; }
.galeria-diario-layout-slideshow.is-enhanced .galeria-diario-item img, .galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-item img { object-fit: contain; }
.galeria-diario-layout-slideshow.is-enhanced .galeria-diario-item-overlay, .galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-item-overlay { opacity: 1; background: linear-gradient(to top, rgba(12, 25, 20, .6), transparent 35%); }
.galeria-diario-layout-slideshow.is-enhanced .galeria-diario-viewer-controls, .galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-viewer-controls { display: flex; }
.galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-grid { border: 1px solid #d9e1de; padding: .5rem; background: #f5f8f7; }
.galeria-diario-layout-imagebrowser.is-enhanced .galeria-diario-item { border-radius: 2px; }

.galeria-diario-pagination { display: none; justify-content: center; flex-wrap: wrap; gap: .4rem; margin: 1rem 0 0; }
.galeria-diario-pagination.is-active { display: flex; }
.galeria-diario-pagination button { min-width: 2.15rem; height: 2.15rem; padding: 0 .5rem; border: 1px solid #cbd5d1; border-radius: 3px; background: #fff; color: #456057; cursor: pointer; font-size: .82rem; font-weight: 700; }
.galeria-diario-pagination button:hover, .galeria-diario-pagination button:focus, .galeria-diario-pagination button.is-current { border-color: var(--gd-green); background: var(--gd-green); color: #fff; outline: none; }
.galeria-diario-item.is-filtered-out, .galeria-diario-item.is-paged-out { display: none !important; }
.galeria-diario-credit { margin: .75rem 0 0; color: #71777a; font-size: .78rem; }

.galeria-diario-lightbox { position: fixed; z-index: 999999; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1.2rem 4.5rem; background: rgba(12, 19, 17, .94); }
.galeria-diario-lightbox[hidden] { display: none; }
.galeria-diario-lightbox-figure { width: min(100%, 1280px); max-height: 100%; margin: 0; text-align: center; }
.galeria-diario-lightbox-image { display: block; width: auto; max-width: 100%; max-height: calc(100vh - 9rem); margin: 0 auto; object-fit: contain; }
.galeria-diario-lightbox-caption { min-height: 1.6em; margin: .8rem auto 0; color: rgba(255,255,255,.9); font-size: .92rem; line-height: 1.45; }
.galeria-diario-lightbox-close, .galeria-diario-lightbox-prev, .galeria-diario-lightbox-next, .galeria-diario-lightbox-share { position: absolute; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: rgba(31, 114, 91, .9); color: #fff; cursor: pointer; font-size: 1.55rem; line-height: 1; }
.galeria-diario-lightbox-close { top: 1.1rem; right: 1.1rem; font-size: 1.85rem; }
.galeria-diario-lightbox-share { top: 1.1rem; right: 4.25rem; font-size: .9rem; font-weight: 800; }
.galeria-diario-lightbox-prev { left: 1.1rem; top: 50%; transform: translateY(-50%); }
.galeria-diario-lightbox-next { right: 1.1rem; top: 50%; transform: translateY(-50%); }
.galeria-diario-lightbox-close:hover, .galeria-diario-lightbox-prev:hover, .galeria-diario-lightbox-next:hover, .galeria-diario-lightbox-share:hover, .galeria-diario-lightbox-close:focus, .galeria-diario-lightbox-prev:focus, .galeria-diario-lightbox-next:focus, .galeria-diario-lightbox-share:focus { background: var(--gd-green); outline: 2px solid #fff; outline-offset: 2px; }

.galeria-diario-album-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: 1.5rem 0; }
.galeria-diario-album-card { display: block; overflow: hidden; border: 1px solid #d9e2df; border-radius: 4px; background: #fff; color: var(--gd-graphite); font-weight: 800; text-decoration: none; }
.galeria-diario-album-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.galeria-diario-album-card span { display: block; padding: .7rem; }
.galeria-diario-album-card:hover, .galeria-diario-album-card:focus { border-color: var(--gd-green); color: var(--gd-green-dark); text-decoration: none; }

@media (max-width: 800px) { .galeria-diario-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; } .galeria-diario-layout-masonry .galeria-diario-grid { column-count: 2; column-gap: .55rem; } .galeria-diario-album-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .galeria-diario-grid { grid-template-columns: 1fr; } .galeria-diario-layout-masonry .galeria-diario-grid { column-count: 1; } .galeria-diario-item { aspect-ratio: 16 / 10; } .galeria-diario-lightbox { padding: 1rem 3.4rem; } .galeria-diario-lightbox-prev { left: .45rem; } .galeria-diario-lightbox-next { right: .45rem; } .galeria-diario-lightbox-close { top: .5rem; right: .5rem; } .galeria-diario-lightbox-share { top: .5rem; right: 3.6rem; } .galeria-diario-album-list { grid-template-columns: 1fr; } }