::selection {
	background-color: #a1ccc3 !important;
}
.btn {
	background-color: #a1ccc3 !important;
}
#imagem-fixa {
    position: fixed !important;
    bottom: 20px !important; /* Distância do fundo */
    right: 20px !important;   /* Distância da esquerda */
    width: 100px !important; /* Largura da imagem */
    height: auto !important; /* Mantém a proporção da imagem */
    z-index: 9999 !important; /* Garante que a imagem fique sobre outros elementos */
}
#preload img {
	width: 300px !important;
	border-radius: 20px !important;
} 
 

/* HEADER */
.menu li a {
	color: #feffef!important;
}
.menu li a:hover, .social-link li a:hover {
	color: #a1ccc3  !important;
}
#logo {
    font-size: 26px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #feffef !important; /* Cor do texto */
    font-style: italic !important;
} 
.wrapper-logo-navigation {
    display: flex !important;
    align-items: center !important;
    width: 88% !important;
}
#navigation {
    margin-left: auto !important;
}
.suptitle{
    color: #a1ccc3 !important;
}

@media (max-width: 1155px){
    .menu li a, .social-link li a {
        font-size: 14px !important;   
    }
    .menu li {
        margin-right: 20px !important;
    }
    .social-link li {
        margin-left: 15px !important;
    }
    #logo {
        font-size: 22px !important;
    }
}
#openmenu:hover,
#closemenu:hover {
	color: #a1ccc3 !important;
}
.wrapper-header-content {
    background-repeat: no-repeat !important;
    background-position: center center !important; /* Altera a posição da imagem para sempre estar no centro */
    background-size: cover !important; /* Mantém a imagem cobrindo todo o contêiner */
    background-attachment: scroll !important; /* Altera o comportamento de fixação para que a imagem se mova com o conteúdo */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100vh !important; /* Ajusta a altura do contêiner para ser 100% da altura da visualização */
    padding: 20px !important;
    box-sizing: border-box !important;
}



/* EDGE */
.wrapper-edge {
    display: flex !important;
    justify-content: space-between !important;
    align-items: stretch !important; /* Garante que todos os itens tenham a mesma altura */
    flex-wrap: nowrap !important; /* Mantém os itens na mesma linha */
}
.single-edge {
    display: flex !important;
    align-items: center !important;
    width: 33.33% !important; /* Para telas grandes */
    gap: 15px !important;
}

/* Para tablets e telas médias */
@media (max-width: 992px) {
    .single-edge {
        width: 48% !important; /* Faz com que fiquem duas colunas */
    }
}
/* Para celulares e telas menores */
@media (max-width: 800px) {
    .single-edge {
        width: 100% !important; /* Ocupa a linha toda */
        flex-direction: column !important; /* Empilha os elementos verticalmente */
        text-align: center !important;
    }
    
    .single-edge span {
        text-align: center !important;
        font-size: 40px !important;
        min-width: auto !important;
    }

    .single-edge div {
        text-align: center !important;
    }
}

@media (max-width: 650px) {
    .wrapper-edge {
        flex-direction: column !important; /* Itens na vertical */
        align-items: center !important; /* Centraliza os blocos */
    }
    .single-edge {
        width: 100% !important; /* Ocupa a largura toda */
        flex-direction: column !important; /* Empilha os elementos */
        text-align: center !important; /* Centraliza o texto */
        padding: 20px !important;
    }
    .single-edge span {
        text-align: center !important;
        font-size: 40px !important;
        min-width: auto !important;
    }
    .single-edge div {
        text-align: center !important; /* Centraliza o texto */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Garante que o título e o texto fiquem centralizados */
    }
    .single-edge h3 {
        font-size: 25px !important;
        margin-bottom: 5px !important;
    }
    .single-edge p {
        max-width: 80% !important; /* Limita o texto para não ficar muito largo */
    }
}
.single-edge span {
    font-size: 50px !important;
    font-weight: 700 !important;
    min-width: 60px !important; /* Define uma largura mínima para os números */
    text-align: right !important; /* Mantém os números alinhados à direita */
}
.single-edge div {
    flex: 1 !important; /* Faz com que o texto ocupe o restante do espaço */
    text-align: left !important;
}
.single-edge h3 {
    margin: 0 !important;
    font-size: 25px !important;
    color: var(--color-white) !important;
}
.single-edge p {
    margin: 5px 0 0 !important;
    color: var(--color-white) !important;
    line-height: 1.5 !important;
}
.single-edge span {
	color: #a1ccc3 !important;
}


/* MOMENTOS */
.galeria-kadett {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
 }
 
 .galeria-kadett img {
    width: 22%;
    border-radius: 8px;
    object-fit: cover;
 }
 
 /* Para ecrãs ≤ 640px: 2 imagens por linha */
 @media (max-width: 640px) {
    .galeria-kadett img {
       width: 45%;
    }
 }
 

@media (max-width: 900px) {
    .galeria-titulo {
       font-size: 40px !important;
    }
}
@media (max-width: 740px) {
    .galeria-titulo {
       font-size: 36px !important;
    }
}
@media (max-width: 640px) {
    .galeria-titulo {
       font-size: 32px !important;
    }
}
 


/* SERVIÇOS */
#service {
    background-repeat: no-repeat !important;
    background-position: center center !important; /* Altera a posição da imagem para sempre estar no centro */
    background-size: cover !important; /* Mantém a imagem cobrindo todo o contêiner */
    background-attachment: scroll !important; /* Altera o comportamento de fixação para que a imagem se mova com o conteúdo */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100vh !important; /* Ajusta a altura do contêiner para ser 100% da altura da visualização */
    padding: 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
#service h2 {
    color: var(--color-white) !important;
}
.wrapper-services article {
    width: calc(33.333333% - 20px) !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    margin: 10px !important;
}
.wrapper-services article h3 {
    color: var(--color-white) !important;
    margin-bottom: 10px !important;
    font-size: 25px !important;
}
.wrapper-services article img {
    max-width: 50px !important;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
}
.cta-button {
    display: inline-block;
    background-color: #a1ccc3 ;
    color: #fff;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    margin-top: 25px; 
}
.cta-button:hover {
    background-color: #feffef;
    color:#a1ccc3;
}


/* PORFOLIO */

.portfolio-gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Permite que os grupos quebrem linha se necessário */
    gap: 40px; /* Espaço entre os grupos */
    width: 100%;
    margin-top: 100px !important;
    margin: 0 auto;
}

.group {
    display: flex;
    gap: 10px; /* Espaço entre as imagens dentro do grupo */
}

/* Imagens ajustáveis */
.portfolio-gallery a {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    width: 22vw; /* Largura relativa para reduzir gradualmente */
    max-width: 275px; /* Máximo em telas grandes */
    height: 45vw; /* Mantém a proporção vertical */
    max-height: 550px;
}
.portfolio-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.portfolio-gallery img:hover {
    transform: scale(1.05);
}

/* Telas menores que 768px */
@media (max-width: 768px) {
    .portfolio-gallery {
        gap: 20px;
    }
    .portfolio-gallery a {
        width: 35vw; /* As imagens diminuem, mas ainda ficam lado a lado */
        height: 55vw;
    }
}
/* Contêiner do carrossel */
.carousel-container {
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    margin: 40px auto;
}
.carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.carousel-item {
    flex: 0 0 auto;
    width: 20%; /* 5 imagens visíveis em ecrãs grandes */
    padding: 0 5px;
    box-sizing: border-box;
}
.carousel-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}
.carousel-item img:hover {
    transform: scale(1.05);
}
button.prev, button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.4);
    color: white;
    border: none;
    font-size: 24px;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
}
button.prev { left: 10px; }
button.next { right: 10px; }

@media (max-width: 950px) {
    .carousel-item { width: 33.33%; } /* 3 imagens visíveis */
}

@media (max-width: 600px) {
    .carousel-item { width: 50%; } /* 2 imagens visíveis */
}





/* CONTACTOS */
.wrapper-contact>div h3 i {
	color: #a1ccc3 !important;
}
.wrapper-contact>div p a:hover {
	color: #a1ccc3 !important;
}
.wrapper-map img {
    width: 100% !important; /* Faz a imagem ocupar toda a largura do contêiner */
    height: 100% !important; /* Faz a imagem ocupar toda a altura do contêiner */
    object-fit: cover !important; /* Garante que a imagem se ajuste corretamente sem distorcer */
    border: 0 !important;
}
.wrapper-booking-phone a:hover {
	color: #a1ccc3 !important;
}
.copyright a{
    text-decoration: none !important;
    color: white !important;
}
.copyright a:hover{
    color:#a1ccc3 !important; 
}