@charset "utf-8";
/* CSS Document */


    /* Configuração para Computadores (Telas maiores que 992px) */
    @media (min-width: 992px) {
        html, body {
            height: 100%;
            overflow: hidden !important;
        }
        
        #smooth-wrapper, #smooth-content {
            height: 100vh !important;
            overflow: hidden !important;
            transform: none !important;
        }
    }

    /* Configuração para Celulares e Tablets (Telas menores que 991px) */
    @media (max-width: 991px) {
        html, body {
            height: auto;
            overflow-y: auto !important; /* Libera o scroll vertical */
            overflow-x: hidden; /* Mantém o scroll lateral travado para não sobrar tela */
        }
        
        #smooth-wrapper, #smooth-content {
            height: auto !important;
            overflow: visible !important;
        }
    }
#imageModal {
    display: none; /* Inicia escondido */
    position: fixed;
    z-index: 9999; /* Garante que fica acima do menu */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8); /* Fundo escuro */
    justify-content: center;
    align-items: center;
}

.modal-wrapper {
    background: #fff;
    padding: 20px;
    width: 90%;
    max-width: 1000px;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
    border-radius: 8px;
}
	
	/* Estilos Fixos para a Galeria Dinâmica */
    .gallery-container {
        padding: 10px;
        width: 100%;
    }
    
    .gallery-item {
        position: relative !important; /* Garante que o container é o ponto de referência */
        width: 100%;
        height: 250px;
        overflow: hidden;
        border-radius: 12px;
        background: #f0f0f0;
    }

    .fade-img {
        position: absolute !important; /* FORÇA uma imagem sobre a outra */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        animation: imageFade 9s infinite ease-in-out;
    }

    /* Tempos de exibição */
    .fade-img:nth-child(1) { animation-delay: 0s; }
    .fade-img:nth-child(2) { animation-delay: 3s; }
    .fade-img:nth-child(3) { animation-delay: 6s; }

    @keyframes imageFade {
        0% { opacity: 0; }
        10% { opacity: 1; }
        33% { opacity: 1; }
        45% { opacity: 0; }
        100% { opacity: 0; }
    }

    .service-tag {
        display: inline-block;
        background: #f1f1f1;
        padding: 6px 15px;
        margin: 5px;
        border-radius: 20px;
        font-size: 13px;
        color: #333;
        font-weight: 600;
        border: 1px solid #e0e0e0;
    }
.body {
    user-select: none;
}