body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth; /* Rolagem suave para links de âncora */
}
.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.carousel-item.active {
    opacity: 1;
}
.section-padding {
    padding: 80px 0; /* Preenchimento aumentado para melhor espaçamento */
}
.navbar-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(236, 236, 236, 0.95); /* cinza bem claro levemente transparente */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
/* Barra de rolagem personalizada para melhor estética */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Sombreado entre as seções */
.section-separator-shadow {
    position: relative;
    z-index: 1; /* Garante que a sombra apareça sobre a seção anterior */
    box-shadow: 0 -10px 20px -10px rgba(0, 0, 0, 0.2) inset; /* Sombra sutil na parte superior */
}
/* Ajuste para a primeira seção após o banner, se necessário */
#apresentacao {
    box-shadow: none; /* Remove a sombra da primeira seção se ela não tiver uma seção acima */
}

/* Estilo para a imagem panorâmica para permitir panning */
.panoramic-image {
    object-fit: cover; /* Garante que a imagem cubra o container */
    object-position: 0% center; /* Posição inicial */
    width: 100%; /* Ajuste a largura conforme necessário para o efeito de panning */
    height: 100%;
}

/* Estilos para o Modal do Iframe (oculto por padrão e com transição suave) */
#iframe-modal {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Classe para ativar o modal (visível e opaco) */
#iframe-modal.is-active {
    opacity: 1;
    visibility: visible;
}