/* =============================================================
   TELMIN & ENEIDA PRIVATE COLLECTION
   styles_desktop.css — Estilos exclusivos para DESKTOP (≥ 1025px)

   ATENÇÃO: altere SOMENTE aqui para ajustar layout desktop.
   Mobile  → styles_mobile.css
   Tablet  → styles_tablet.css
   ============================================================= */

@media (min-width: 1025px) {

  /* ── Hero ─────────────────────────────────────────────────── */
  .hero { height: 26vh; min-height: 200px; }
  .hero-content { gap: 10px; }
  .logo-te { width: 100px; height: 100px; }

  /* ── Controles sticky + Linha Dourada 3 ───────────────────── */
  .controls {
    position: sticky;
    top: var(--header-height);
    z-index: var(--z-controls);
    background: var(--bg-primary);
    border-bottom: 1px solid var(--gold-primary);
  }

  .gallery-section::before { display: none; }

  .controls-container { padding: 4px 20px 0; }
  .stats-bar { padding: 1px 0; }

  .controls-top {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
    margin-top: 3px;
  }

  .menu-item { padding-bottom: 8px; }

  .search-box { flex: 0 0 auto; max-width: 520px; width: 100%; }
  .combined-menu { justify-content: center; gap: 0; }
  .view-mode { display: flex; }

  /* Submenu de anos: 3 colunas compactas no desktop, TODOS span all */
  #submenu-anos { columns: 3; column-gap: 0; width: 210px; }
  #submenu-anos > div { break-inside: avoid; }
  #submenu-anos > div:first-child { column-span: all; }

  #submenu-local { left: 0; right: auto; }

  /* ── Galeria ──────────────────────────────────────────────── */
  .gallery-section { padding: 40px 20px 40px; }

  .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

  .pen-image { height: 250px; }
  .pen-image img { width: 100%; height: 100%; object-fit: cover; }

  .pen-card .pen-details { display: grid; }

  .gallery-grid .pen-card .pen-details {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "ano    tiragem"
      "edicao local";
    column-gap: 18px;
  }

  .gallery-grid .pen-card .pen-details .pd-ano      { grid-area: ano;     justify-self: start; }
  .gallery-grid .pen-card .pen-details .pd-edicao   { grid-area: edicao;  justify-self: start; }
  .gallery-grid .pen-card .pen-details .pd-tiragem  { grid-area: tiragem; justify-self: end;   }
  .gallery-grid .pen-card .pen-details .pd-localizacao { grid-area: local; justify-self: end;  }

  .gallery-grid .pen-card .pen-details .pd-ano .pen-detail-label,
  .gallery-grid .pen-card .pen-details .pd-ano .pen-detail-value,
  .gallery-grid .pen-card .pen-details .pd-edicao .pen-detail-label,
  .gallery-grid .pen-card .pen-details .pd-edicao .pen-detail-value { text-align: left; }

  .gallery-grid .pen-card .pen-details .pd-tiragem .pen-detail-label,
  .gallery-grid .pen-card .pen-details .pd-tiragem .pen-detail-value,
  .gallery-grid .pen-card .pen-details .pd-localizacao .pen-detail-label,
  .gallery-grid .pen-card .pen-details .pd-localizacao .pen-detail-value { text-align: right; }

  .pen-card .pen-description { display: -webkit-box; }
  .gallery-list .pen-card { flex-direction: row; }

  /* ── Modal ────────────────────────────────────────────────── */
  .modal-content { max-width: 900px; border-radius: var(--radius-modal); max-height: 90vh; }

  .lightbox-nav { display: flex; }

  /*
     modal-image: largura limitada a 600px centralizada.

     O .modal-carousel ocupa 100% do corpo do modal (~860px).
     Limitando .modal-image a 600px + margin auto, o carrossel
     também fica em 600px, centralizando a foto no modal.
     Fotos portrait têm espaço escuro nas laterais; fotos landscape
     são escaladas pelo object-fit: contain para caber no container.
     As setas a left/right: 12px ficam próximas à borda da foto.
  */
  .modal-image {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }


} /* fim @media desktop */