/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* Estilos base para os ícones */
.floating-icons {
    display: flex;
    justify-content: center; /* Centraliza os ícones horizontalmente */
    align-items: center;
    position: fixed;
    bottom: 20px; /* Distância do fundo da tela */
    left: 50%; /* Centraliza horizontalmente */
    transform: translateX(-50%); /* Ajusta para o centro exato */
    z-index: 1000;
    gap: 15px; /* Espaço entre os ícones */
}

.floating-icon {
    width: 50px; /* Tamanho padrão para desktop */
    height: auto;
    transition: all 0.3s ease; /* Efeito de transição suave */
}

.floating-icon:hover {
    transform: scale(1.1); /* Efeito de zoom ao passar o mouse */
}

/* Estilos para mobile */
@media (max-width: 768px) {
    .floating-icons {
        bottom: 10px; /* Ajusta a distância do fundo para mobile */
        gap: 10px; /* Reduz o espaçamento entre os ícones */
    }

    .floating-icon {
        width: 60px; /* Tamanho maior para mobile (melhor para toques) */
    }
}

/* Estilos para desktop */
@media (min-width: 769px) {
    .floating-icons {
        justify-content: flex-end; /* Alinha os ícones à direita */
        right: 20px; /* Distância da borda direita */
        left: auto; /* Remove o left */
        transform: none; /* Remove o transform */
    }

    .floating-icon {
        width: 50px; /* Tamanho menor para desktop */
    }
}
/* Estilo geral para o carousel */
#slider {
    max-width: 100vw;
    max-height: 100vh;
    padding-top: 0; /* Remover padding superior */
    padding-bottom: 0; /* Remover padding inferior */
    margin-bottom: 0; /* Remover margem inferior */
}

.slider-inner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.flexslider .slide {
    background-size: contain; /* ou 'cover' dependendo do efeito desejado */
}

/* Estilo específico para dispositivos móveis */
@media (max-width: 767px) {
    #slider .fslider {
        height: 80vh; /* Ajuste conforme necessário */
        margin-bottom: 0; /* Remover margem inferior */
        margin-top: 0; /* Remover margem superior */
    }
    .flexslider .slide {
        background-size: contain; /* Ajuste conforme necessário */
    }
    .slider-inner, .carousel-inner {
        max-height: 80vh; /* Ajuste conforme necessário */
    }

    .section-after-slider { 
        margin-top: 0; 
        padding-top: 0; 
    }
    
}

@media (max-width: 1200px) and (min-width: 768px) {
    #slider .fslider {
        height: 70vh; /* Ajuste conforme necessário */
    }
    .flexslider .slide {
        background-size: contain; /* Ajuste conforme necessário */
    }
    .slider-inner, .carousel-inner {
        max-height: 70vh; /* Ajuste conforme necessário */
    }
}

@media (min-width: 1201px) {
    #slider .fslider {
        height: 90vh; /* Ajuste conforme necessário */
    }
    .flexslider .slide {
        background-size: cover;
    }
    .slider-inner, .carousel-inner {
        max-height: 90vh;
    }



.fslider {
    margin-top: 0; /* Ajustar margem superior */
    margin-bottom: 0; /* Ajustar margem inferior */
}

/* Remover espaço entre o slider e a próxima seção */
.section-after-slider {
    margin-top: 0;
    padding-top: 0;
}
    
}