/* Naši novorodenci - galéria (farby a prvky z ../_zdielane/css/portal.css) */
[data-modul="NOV"] { --m-h: 330; --m-s: 55%; }
.n-mesiace { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .6rem; }
.n-mesiace .p-chip { text-decoration: none; }
.n-mesiace .p-chip.aktivny { background: var(--m-500); color: #fff; border-color: var(--m-500); }
.n-obsah { padding: 1rem 1.1rem .4rem; }
.n-nadpis { font-size: 1.2rem; font-weight: 700; margin: 0 0 .9rem; }
.n-nadpis small { display: block; font-size: .85rem; font-weight: 500; color: var(--ink-soft); }
.n-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.n-karta { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; display: flex; flex-direction: column; }
.n-karta img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--m-50); }
.n-bez-foto { aspect-ratio: 4 / 3; display: grid; place-items: center; background: var(--m-50); color: var(--m-400); font-size: 3rem; }
.n-text { padding: .7rem .85rem .8rem; border-top: 3px solid var(--m-400); }
.n-text h3 { font-size: 1.05rem; font-weight: 700; margin: 0 0 .3rem; color: var(--m-ink); }
.n-text p { margin: 0 0 .3rem; font-size: .88rem; }
.n-miery { display: flex; gap: 1rem; color: var(--ink-soft); }
/* zväčšená fotka - <dialog> */
.n-dialog { border: 0; padding: 0; background: transparent; max-width: min(96vw, 1100px); max-height: 96vh; overflow: visible; }
.n-dialog::backdrop { background: rgba(10, 14, 20, .82); }
.n-dialog figure { margin: 0; background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.n-dialog img { display: block; max-width: min(96vw, 1100px); max-height: calc(96vh - 3rem); width: auto; height: auto; margin: 0 auto; background: #000; }
.n-dialog figcaption { padding: .55rem .9rem; font-weight: 600; color: var(--m-ink); border-top: 3px solid var(--m-400); }
.n-zavriet, .n-sipka { position: absolute; border: 0; background: rgba(255, 255, 255, .92); color: var(--m-600); width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center; box-shadow: var(--shadow); cursor: pointer; z-index: 2; }
.n-zavriet { top: -14px; right: -14px; }
.n-sipka { top: 50%; transform: translateY(-50%); }
.n-predch { left: -20px; } .n-dalsia { right: -20px; }
.n-zavriet:hover, .n-sipka:hover { background: #fff; color: var(--m-500); }
.n-sipka[hidden] { display: none; }
@media (max-width: 575.98px) { .n-zavriet { top: 6px; right: 6px; } .n-predch { left: 6px; } .n-dalsia { right: 6px; } }