.elementor-3417 .elementor-element.elementor-element-475c129{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3417 .elementor-element.elementor-element-475c129:not(.elementor-motion-effects-element-type-background), .elementor-3417 .elementor-element.elementor-element-475c129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-3417 .elementor-element.elementor-element-64be5fc{--display:flex;--min-height:400px;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3417 .elementor-element.elementor-element-64be5fc:not(.elementor-motion-effects-element-type-background), .elementor-3417 .elementor-element.elementor-element-64be5fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://projetofama.mateusalmeiida.com.br/wp-content/uploads/2024/11/SaveClip.App_472571393_18482730073002053_629020636237941893_n.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3417 .elementor-element.elementor-element-64be5fc:hover::before, .elementor-3417 .elementor-element.elementor-element-64be5fc:hover > .elementor-background-video-container::before, .elementor-3417 .elementor-element.elementor-element-64be5fc:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-3417 .elementor-element.elementor-element-64be5fc > .elementor-background-slideshow:hover::before, .elementor-3417 .elementor-element.elementor-element-64be5fc > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-3417 .elementor-element.elementor-element-64be5fc:hover{--overlay-opacity:0.55;}.elementor-3417 .elementor-element.elementor-element-3e4bd43{--display:flex;--min-height:400px;--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;--justify-content:flex-end;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-3417 .elementor-element.elementor-element-3e4bd43:hover::before, .elementor-3417 .elementor-element.elementor-element-3e4bd43:hover > .elementor-background-video-container::before, .elementor-3417 .elementor-element.elementor-element-3e4bd43:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-3417 .elementor-element.elementor-element-3e4bd43 > .elementor-background-slideshow:hover::before, .elementor-3417 .elementor-element.elementor-element-3e4bd43 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#0000008C;--background-overlay:'';}.elementor-3417 .elementor-element.elementor-element-3e4bd43:hover{--overlay-opacity:0.55;}.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-3417 .elementor-element.elementor-element-1923748 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3417 .elementor-element.elementor-element-1923748 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;line-height:1.2em;color:var( --e-global-color-secondary );}.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-3417 .elementor-element.elementor-element-729c44a > .elementor-widget-container{margin:5px 0px 020px 0px;padding:0px 0px 0px 0px;}.elementor-3417 .elementor-element.elementor-element-729c44a{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;font-style:italic;color:var( --e-global-color-secondary );}.elementor-3417 .elementor-element.elementor-element-eb70d30 > .elementor-widget-container{margin:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-3e4bd43 */.cont-interno {
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.cont-interno:hover {
    opacity: 1;
}

.cont-interno {
    position: relative; /* Certifique-se de que o contêiner é posicionado relativamente */
    overflow: hidden; /* Garante que nada saia do contêiner */
}

/* Mantendo apenas as bordas que você especificou */
.cont-interno:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%; /* Preenche o contêiner */
    height: 100%; /* Preenche o contêiner */

    /* COR DA BORDA */
    background: linear-gradient(45deg, #E4C06D 10%, transparent 25%, transparent 75%, #E4C06D 90%) !important;

    /* ARREDONDAMENTO DA BORDA */
    border-radius: 16px;

    /* ESPESSURA DA BORDA */
    padding: 3px;

    /* Máscaras para a borda */
    -webkit-mask: linear-gradient(to right, #fff, #fff) content-box,
                  linear-gradient(to right, #fff, #fff);
    mask: linear-gradient(to right, #fff, #fff) content-box,
          linear-gradient(to right, #fff, #fff);
                  
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    /* BOX-SHADOW ADICIONADO */
    box-shadow: 0px 5px 5px rgba(228, 192, 109, 0.9) !important;

    z-index: 2; /* Para que a borda fique acima da sobreposição, se houver */
}

/* Sobreposição - opcional, caso queira manter */
.cont-interno:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Preenche o contêiner */
    height: 100%; /* Preenche o contêiner */
    background-color: rgba(0, 0, 0, 0.55); /* Exemplo de sobreposição */
    opacity: 0; /* Inicialmente invisível, a não ser que ao hover */
    transition: opacity 0.5s ease-in-out; /* Transição suave da opacidade */
    z-index: 1; /* A sobreposição deve ficar abaixo das bordas */
}

/* Hover no contêiner */
.cont-interno:hover:before {
    opacity: 1; /* A borda se torna visível no hover */
}

.cont-interno:hover:after {
    opacity: 1; /* A sobreposição pode se tornar visível no hover, se necessário */
}

/* Certifique-se que os textos e ícones estejam acima da sobreposição */
.titulo1,
.texto1,
.cxicone1,
.iconerd1,
.icon-text {
    position: relative; /* Para garantir que eles fiquem acima da sobreposição */
    z-index: 3; /* Maior que o z-index da borda e da sobreposição */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64be5fc */.externo:before { /* Certifique-se de substituir '.elementor-3417 .elementor-element.elementor-element-64be5fc' por um seletor CSS válido */
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    /* COR DA BORDA */
    background: linear-gradient(45deg, #E4C06D 10%, transparent 25%, transparent 75%, #E4C06D); /* Gradiente para a borda */
    
    /* ARREDONDAMENTO DA BORDA */
    border-radius: 16px;

    /* Tamanho do pseudo-elemento para criar a borda */
    width: 100%; /* Preenchendo toda a largura do container */
    height: 100%; /* Preenchendo toda a altura do container */

    /* Ajustando a espessura da borda simulada */
    padding: 3.5px;  /* Distância da borda real do conteúdo */

    /* Máscara para efeito visual */
    -webkit-mask: linear-gradient(to right, #fff, #fff) content-box,
                  linear-gradient(to right, #fff, #fff);
    
    mask: linear-gradient(to right, #fff, #fff) content-box,
          linear-gradient(to right, #fff, #fff);
    
    -webkit-mask-composite: exclude; /* Mantendo a exclusão */
    mask-composite: exclude; /* Mantendo a exclusão */
}

.externo {
    position: relative; /* Certifique-se de que o elemento pai tenha posição relativa */
    overflow: hidden; /* Isso é útil para não mostrar partes que estão fora */
}/* End custom CSS */