.elementor-692 .elementor-element.elementor-element-6657c00{--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-692 .elementor-element.elementor-element-6e73693{--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-692 .elementor-element.elementor-element-9be5513{--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-692 .elementor-element.elementor-element-7a76f49{--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-692 .elementor-element.elementor-element-b92f033{--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-692 .elementor-element.elementor-element-9a2ca12{--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-692 .elementor-element.elementor-element-e6bb682{--display:flex;}.elementor-692 .elementor-element.elementor-element-8c7284d{--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-692 .elementor-element.elementor-element-6dd68fc{--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-692 .elementor-element.elementor-element-cbfc85e{--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-692 .elementor-element.elementor-element-ee02d25{--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;}body.elementor-page-692:not(.elementor-motion-effects-element-type-background), body.elementor-page-692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#030303;}/* Start custom CSS for html, class: .elementor-element-993fcc4 *//* ------------------------------------------- */
/* CTA FLUTUANTE TÁTICO: EFEITO DE DESLIZAMENTO (SLIDING) */
/* ------------------------------------------- */
.floating-whatsapp-cta {
    /* Posição Fixa na Tela */
    position: fixed;
    bottom: 25px; 
    right: 25px;  
    z-index: 9999; 

    /* Estética e Dimensões Iniciais (Retraído) */
    background-color: #25D366; 
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 700;
    
    /* CRUCIAL: Retrai o botão e esconde o texto */
    padding: 12px;
    border-radius: 30px; 
    width: 50px; /* Largura inicial (apenas o ícone) */
    overflow: hidden; 
    white-space: nowrap; 
    
    /* Transições e Sombra */
    transition: width 0.5s ease-in-out, background-color 0.3s; 
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.7);
}

/* 1. ESTILO DO TEXTO OCULTO */
.floating-whatsapp-cta .cta-text-slide {
    /* Esconde o texto da frente do ícone no estado inicial */
    opacity: 0;
    margin-left: 0px; 
    transition: opacity 0.5s, margin-left 0.5s;
    display: inline-block; /* Alinhamento */
}

/* 2. ESTADO AO PASSAR O MOUSE: Expande e Revela o Texto */
.floating-whatsapp-cta:hover {
    width: 250px; /* Largura expandida para caber o texto */
    background-color: #00CC66; /* Muda para o Verde Esmeralda no hover */
    box-shadow: 0 4px 20px rgba(0, 204, 102, 1);
}

/* 3. ESTADO AO PASSAR O MOUSE: Faz o Texto aparecer */
.floating-whatsapp-cta:hover .cta-text-slide {
    opacity: 1;
    margin-left: 8px; /* Espaço entre o ícone e o texto */
}

/* Estilização do Ícone */
.floating-whatsapp-cta i {
    font-size: 24px;
    vertical-align: middle;
}

/* Ocultar o texto no Mobile (Mantemos o ícone apenas em telas pequenas) */
@media (max-width: 480px) {
    .floating-whatsapp-cta {
        width: 50px !important;
        padding: 12px;
    }
    .floating-whatsapp-cta:hover {
        width: 50px !important;
    }
    .floating-whatsapp-cta .cta-text-slide {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a7f3f0 *//* ------------------------------------------- */
/* CÓDIGO NOVO: SEÇÃO DEPOIMENTOS EM VÍDEO (STORY) */
/* ------------------------------------------- */
.video-testimonials-area {
    background-color: #111;
    padding: 60px 0;
}
.video-intro-text {
    text-align: center;
    color: #ccc;
    font-size: 18px;
    margin-bottom: 40px;
}
.video-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    justify-content: center;
}
.video-item {
    position: relative; 
    cursor: pointer;
    flex: 1; 
    min-width: 0;
    text-align: center;
    max-width: 250px; 
}

/* 1. ESTILO DO VÍDEO (STORY 9:16) */
.story-video {
    width: 100%;
    aspect-ratio: 9 / 16; /* CRUCIAL: Formato Vertical */
    
    border: 3px solid #00CC66; 
    border-radius: 6px;
    object-fit: cover;
    
    /* CORREÇÃO CRÍTICA: Esconde o vídeo sob a capa e o mantém invisível até o clique */
    position: absolute; 
    top: 0;
    left: 0;
    opacity: 0; 
    transition: opacity 0.3s;
}

/* 2. ESTILO DA CAPA (PLACEHOLDER) */
.video-placeholder {
    position: relative; /* CRUCIAL: Mantém o espaço na tela */
    width: 100%;
    aspect-ratio: 9 / 16;
    border-radius: 6px;
    overflow: hidden;
    z-index: 10;
}
.video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

/* ESTILO DO BOTÃO DE PLAY */
.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px; 
    color: #00CC66; 
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    transition: transform 0.2s;
}

/* EFEITO AO CLICAR (JS adiciona a classe .playing) */
.video-item.playing .video-placeholder { display: none; }
.video-item.playing .story-video { opacity: 1; position: relative; } /* Traz o vídeo para a frente no clique */

/* ESTILO DO CTA REFORÇADO */
.cta-after-videos { text-align: center; }
.btn-video-cta {
    display: inline-block; 
    padding: 18px 30px; 
    background: #00CC66; 
    color: #1a1a1a; 
    text-decoration: none; 
    border-radius: 8px; 
    font-weight: 900; 
    font-size: 20px; 
    box-shadow: 0 4px 15px rgba(0, 204, 102, 0.4);
    transition: background-color 0.3s;
}

/* RESPONSIVIDADE MOBILE */
@media (max-width: 768px) {
    .video-grid { flex-direction: column; align-items: center; }
    .video-item { margin-bottom: 30px; max-width: 80%; }
    .btn-video-cta { width: 100%; display: block; }
}/* End custom CSS */