.elementor-316 .elementor-element.elementor-element-512d115{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-316 .elementor-element.elementor-element-9b0df9b .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-316 .elementor-element.elementor-element-9b0df9b .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-316 .elementor-element.elementor-element-9b0df9b .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-316 .elementor-element.elementor-element-9b0df9b .jet-listing-dynamic-image__caption{text-align:left;}/* Start custom CSS for container, class: .elementor-element-512d115 *//* Container Principal */
.portfolio-scroll {
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}

/* A Imagem do Site */
.portfolio-scroll img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
    transform: translateY(0);
    transition: transform 6s ease-in-out; /* Velocidade do scroll */
}

/* O Efeito de Scroll ao passar o mouse */
.portfolio-scroll:hover img {
    transform: translateY(calc(-100% + 400px)); 
}

/* --- NOVO: Overlay com Ícone --- */
.portfolio-scroll::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Fundo escuro transparente (Overlay) */
    background-color: rgba(0, 0, 0, 0); 
    
    /* Ícone do Mouse (Branco) centralizado */
    /* Este código gigante é o ícone SVG convertido para texto, para ser ultra leve */
    background-image: url("https://safiradesign.com.br/wp-content/uploads/2026/02/mouse_24dp_FFFFFF_FILL0_wght200_GRAD0_opsz24.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px; /* Tamanho do ícone */

    /* Transição suave para sumir */
    transition: opacity 0.3s ease;
    opacity: 1; /* Começa visível */
    pointer-events: none; /* Garante que o mouse 'atravesse' o ícone para ativar o scroll */
    border-radius: 8px; /* Acompanha a borda */
}

/* Quando passar o mouse no container, o overlay desaparece */
.portfolio-scroll:hover::after {
    opacity: 0;
}/* End custom CSS */