/* =========================================================
   NCC Overrides
   ========================================================= */

/* ---- Painel admin: previews SEMPRE retangulares ---- */
[data-admin-screen] .admin-collab-card__preview-wrap {
  border-radius: 10px !important;
  overflow: hidden !important;
}
[data-admin-screen] .admin-collab-card__preview {
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
[data-admin-screen] .admin-collab-card__photo-wrap {
  align-items: center !important;
}
[data-admin-screen] .admin-collab-card__preview-wrap {
  width: 160px !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
}
[data-admin-screen] .admin-collab-card__row--imgs .admin-collab-card__preview-wrap {
  aspect-ratio: 16 / 9 !important;
  width: 220px !important;
  max-width: 100% !important;
}
[data-admin-screen] .admin-collab-card__row .admin-collab-card__preview-wrap {
  width: 120px !important;
  height: 120px !important;
  aspect-ratio: unset !important;
}

/* ---- Painel admin: organização visual dos campos de imagem ---- */

/* Grid: cada campo em uma coluna com tamanho fixo, sem esticar */
[data-admin-screen] .admin-collab-card__row--imgs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.25rem !important;
  align-items: flex-start !important;
}

/* Cada bloco de foto: largura fixa, fundo e borda para separar visualmente */
[data-admin-screen] .admin-collab-card__row--imgs .admin-collab-card__photo-wrap {
  flex: 0 0 220px !important;
  width: 220px !important;
  background: #fafafa !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-radius: 12px !important;
  padding: 0.6rem !important;
  gap: 0.4rem !important;
}

/* Preview: 16/9, largura 100% do bloco (220px) */
[data-admin-screen] .admin-collab-card__row--imgs .admin-collab-card__preview-wrap {
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 16 / 9 !important;
}

[data-admin-screen] .admin-collab-card__row--imgs .admin-form__label {
  margin: 0.35rem 0 0.1rem !important;
  font-size: 0.8rem !important;
}
[data-admin-screen] .admin-collab-card__row--imgs .admin-form__file {
  font-size: 0.78rem !important;
  width: 100% !important;
}

/* Botão excluir: largura total do bloco */
[data-admin-screen] .admin-photo-clear-btn {
  margin-top: 0.35rem !important;
  width: 100% !important;
  font-size: 0.78rem !important;
}

/* Serviços (carrossel) e Equipe: mantém controles próximos da imagem */
[data-admin-screen] [data-admin-carousel-list] .admin-collab-card__photo-wrap,
[data-admin-screen] [data-admin-team-list] .admin-collab-card__photo-wrap {
  gap: 0.4rem !important;
}

/* ================================================================
   SERVICOS -- Apenas a imagem, sem efeitos extras
   ================================================================ */

/* Container igual ao padrão da Tecnologia (980px) */
.page--servicos .container--narrow {
  max-width: 980px !important;
  width: min(100% - 2rem, 980px) !important;
}

/* Grid: mesma proporção da Tecnologia */
@media (min-width: 900px) {
  .page--servicos .media-row {
    grid-template-columns: 0.55fr 1.45fr !important;
    align-items: center !important;
    gap: 2rem !important;
  }
}

/* Esconde paginação do carrossel na página de Serviços */
.page--servicos .media-row__carousel-pagination {
  display: none !important;
}

/* Remove overlay roxo/escuro */
.page--servicos .media-row__carousel-wrap.media-row__img::after {
  display: none !important;
}

/* Wrapper: proporção idêntica à Tecnologia, cantos arredondados em todos os lados */
.page--servicos .media-row__carousel-wrap,
.page--servicos .media-row__carousel-wrap.media-row__img {
  aspect-ratio: 16 / 8 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Carousel interno: sem fundo extra, sem padding, sem overflow extra */
.page--servicos .media-row__carousel {
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Track: ocupa toda a altura do wrapper */
.page--servicos .media-row__carousel-track {
  height: 100% !important;
  overflow: hidden !important;
}

/* Slide: preenche o track completamente */
.page--servicos .media-row__carousel-slide {
  height: 100% !important;
}

/* Imagem: cobre o slide sem cortar cantos (o overflow do wrapper já arredonda) */
.page--servicos .media-row__carousel-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  display: block !important;
  filter: none !important;
  -webkit-filter: none !important;
}


/* ================================================================
   HOME -- Clareza em cada detalhe (mais largura e imagens maiores)
   ================================================================ */
@media (min-width: 900px) {
  .page--home .block--showcase .container {
    width: min(100% - 2rem, 1440px) !important;
    max-width: 1440px !important;
  }

  .page--home .showcase-card {
    flex: 0 0 500px !important;
    width: 500px !important;
    min-height: unset !important;
  }

  .page--home .showcase__rail {
    gap: 1.75rem !important;
  }
}

/* Proporção 16/9 — retrato horizontal */
.page--home .showcase-card__img {
  aspect-ratio: 16 / 9 !important;
  background: #f0f0f2 !important;
}

/* Cover: preenche o card sem espaços brancos */
.page--home .showcase-card__img img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Remove filtros herdados dos cards (mantém qualidade/nitidez original) */
.page--home .showcase-card__img--smoke img,
.page--home .showcase-card__img--brand img,
.page--home .showcase-card__img--brand.showcase-card__img--smoke img {
  filter: none !important;
  -webkit-filter: none !important;
}

/* Tecnologia: remove tintura roxa/filtro no bloco de imagem */
.page--tecnologia .media-row__img img {
  filter: none !important;
  -webkit-filter: none !important;
}
.page--tecnologia .media-row__img::after {
  display: none !important;
}

/* Tech-accelerate: vídeo não deve capturar eventos de ponteiro (drag passa para o container) */
.tech-accelerate__video {
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
.tech-accelerate__slides {
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: pan-y !important;
}
.tech-accelerate__slides:active {
  cursor: grabbing !important;
}

/* Tecnologia: imagem mais larga e menos alta */
@media (min-width: 900px) {
  .page--tecnologia .media-row {
    grid-template-columns: 0.55fr 1.45fr !important;
  }
}
/* Limita a altura da imagem para manter proporção retangular horizontal */
.page--tecnologia .media-row__img {
  aspect-ratio: 16 / 8 !important;
  overflow: hidden !important;
}
.page--tecnologia .media-row__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}