/*
====================================================================
  SEÇÃO NAVBAR CONTAINER - DESKTOP CSS
  Local: sites/public/componentes/landingpage_portifolio/00_navbar_container/desktop/00_navbar_container_desktop.css
  
  DESCRIÇÃO:
    Estilos específicos para desktop da seção navbar container.
  
  PADRÃO:
    - Altura fixa igual à altura do navbar desktop
    - Sem conteúdo visível
    - Apenas espaçamento para alinhamento
  
  Autor: #@HD
  Data de criação: 14/08/2025
  Última atualização: 14/08/2025
====================================================================
*/

/* ====================================================================
   SEÇÃO NAVBAR CONTAINER - ESPAÇAMENTO DESKTOP
   ==================================================================== */

/* Container principal da seção navbar container para desktop */
.navbar_container_espacamento {
    width: 100%;
    height: var(--navbar-desktop-base-altura, 60px); /* Altura do navbar */
    display: var(--navbar-desktop-display, block);
    position: var(--navbar-desktop-position, relative);
    z-index: var(--navbar-desktop-z-index, 1);
    background: var(--navbar-desktop-background, transparent);
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
}

/* Garantir que a seção seja invisível mas ocupe espaço */
.navbar_container_espacamento::before,
.navbar_container_espacamento::after {
    display: none;
}

/* Permitir que as bordas sejam visíveis - seguindo o padrão das outras seções */
.navbar_container_espacamento {
    background: transparent;
}

/* Manter fundo transparente mas permitir bordas */
.navbar_container_espacamento .borda_container {
    background: transparent;
}

.navbar_container_espacamento .borda_container_column_desktop,
.navbar_container_espacamento .borda_container_row_mobile {
    background: transparent;
}

.navbar_container_espacamento .SECTION_DESKTOP_ROW,
.navbar_container_espacamento .MOBILE_CONTAINER_ROW {
    background: transparent;
}

.navbar_container_espacamento .SECTION_DESKTOP_ROW_FIRST,
.navbar_container_espacamento .MOBILE_CONTAINER_ROW_01 {
    background: transparent;
    /* Conteúdo invisível mas container visível para bordas */
}

/* Manter apenas a altura para o espaçamento */
.navbar_container_espacamento {
    min-height: var(--navbar-desktop-base-min-altura, 60px) !important;
    max-height: var(--navbar-desktop-base-max-altura, 60px) !important;
    height: var(--navbar-desktop-base-altura, 60px) !important;
    overflow: var(--navbar-desktop-overflow, hidden);
}

/* SOBRESCREVER CONFIGURAÇÕES DO SISTEMA DE BORDAS */
/* Forçar altura específica para o navbar container spacer */
.navbar_container_espacamento.borda_sessao {
    min-height: var(--navbar-desktop-base-min-altura, 60px) !important;
    max-height: var(--navbar-desktop-base-max-altura, 60px) !important;
    height: var(--navbar-desktop-base-altura, 60px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Sobrescrever para desktop */
.navbar_container_espacamento.borda_sessao.desktop_only {
    min-height: var(--navbar-desktop-base-min-altura, 60px) !important;
    max-height: var(--navbar-desktop-base-max-altura, 60px) !important;
    height: var(--navbar-desktop-base-altura, 60px) !important;
}

/* REGRA MAIS ESPECÍFICA PARA SOBRESCREVER SISTEMA DE BORDAS */
/* Forçar altura específica independente do sistema de bordas */
.navbar_container_espacamento.borda_sessao.desktop_only {
    min-height: var(--navbar-desktop-base-min-altura, 60px) !important;
    max-height: var(--navbar-desktop-base-max-altura, 60px) !important;
    height: var(--navbar-desktop-base-altura, 60px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}