.elementor-61 .elementor-element.elementor-element-5052ce7b{--display:flex;--min-height:450px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-61 .elementor-element.elementor-element-2e3d0548 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:28px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-61 .elementor-element.elementor-element-7409797b{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;}/* Start custom CSS for container, class: .elementor-element-5052ce7b *//* =======================================================
   1. EFEITO DO TÍTULO (H3)
   ======================================================= */

/* Garante que o título segure a linha na base */
.container-animado h3 {
    position: relative;
    display: inline-block;
}

/* Cria a linha invisível começando da esquerda */
.container-animado h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; 
    width: 0;
    height: 2px; 
    background-color: #000000; /* Troque pela sua cor */
    transition: width 0.3s ease-in-out; 
}

/* Quando passa o mouse no container: a linha cresce */
.container-animado:hover h3::after {
    width: 100%;
}


/* =======================================================
   2. EFEITO DA IMAGEM
   ======================================================= */

/* Prepara a imagem para o movimento suave */
.container-animado img {
    transition: transform 0.3s ease-in-out;
}

/* Quando passa o mouse no container: a imagem expande */
.container-animado:hover img {
    transform: scale(1.03); /* Ajuste o tamanho aqui se precisar */
}/* End custom CSS */