.elementor-60 .elementor-element.elementor-element-5fc6524{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-9120ba0{--display:flex;--min-height:50vh;--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;--overlay-opacity:0.5;--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-60 .elementor-element.elementor-element-9120ba0:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-9120ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studio.bellamarmi.com.br/wp-content/uploads/2025/11/AB-Mesa-jantar-04.jpg");background-position:0px 68%;background-size:cover;}.elementor-60 .elementor-element.elementor-element-9120ba0::before, .elementor-60 .elementor-element.elementor-element-9120ba0 > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-9120ba0 > .e-con-inner > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-9120ba0 > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-9120ba0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-9120ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #D1AA8882 0%, #4B3D31 80%);}.elementor-60 .elementor-element.elementor-element-9120ba0.e-con{--align-self:stretch;}.elementor-60 .elementor-element.elementor-element-4925940{--display:flex;--min-height:50vh;--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:flex-end;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:3vw;--padding-right:03vw;}.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-60 .elementor-element.elementor-element-8d29cce{text-align:center;}.elementor-60 .elementor-element.elementor-element-8d29cce .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:500;color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-5a99329{text-align:center;}.elementor-60 .elementor-element.elementor-element-5a99329 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-60 .elementor-element.elementor-element-6a8e3d0 .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-60 .elementor-element.elementor-element-232fa4e{--display:flex;--min-height:50vh;--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;--overlay-opacity:0.5;--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-60 .elementor-element.elementor-element-232fa4e:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-232fa4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studio.bellamarmi.com.br/wp-content/uploads/2025/11/AB-Mesa-de-centro-03.jpg");background-position:0px 72%;background-size:cover;}.elementor-60 .elementor-element.elementor-element-232fa4e::before, .elementor-60 .elementor-element.elementor-element-232fa4e > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-232fa4e > .e-con-inner > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-232fa4e > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-232fa4e > .e-con-inner > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-232fa4e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #D1AA8882 0%, #4B3D31 80%);}.elementor-60 .elementor-element.elementor-element-232fa4e.e-con{--align-self:stretch;}.elementor-60 .elementor-element.elementor-element-b780cca{--display:flex;--min-height:50vh;--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:flex-end;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:3vw;--padding-right:03vw;}.elementor-60 .elementor-element.elementor-element-6682efe{text-align:center;}.elementor-60 .elementor-element.elementor-element-6682efe .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:500;color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-39e3fdd{text-align:center;}.elementor-60 .elementor-element.elementor-element-39e3fdd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-c5875b3 .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-60 .elementor-element.elementor-element-6ae6ee5{--display:flex;--min-height:50vh;--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;--overlay-opacity:0.5;--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-60 .elementor-element.elementor-element-6ae6ee5:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-6ae6ee5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studio.bellamarmi.com.br/wp-content/uploads/2025/11/AB-complemento-02.jpg");background-position:center center;background-size:cover;}.elementor-60 .elementor-element.elementor-element-6ae6ee5::before, .elementor-60 .elementor-element.elementor-element-6ae6ee5 > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-6ae6ee5 > .e-con-inner > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-6ae6ee5 > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-6ae6ee5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-6ae6ee5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #D1AA8882 0%, #4B3D31 80%);}.elementor-60 .elementor-element.elementor-element-6ae6ee5.e-con{--align-self:stretch;}.elementor-60 .elementor-element.elementor-element-2d4b198{--display:flex;--min-height:50vh;--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:flex-end;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:3vw;--padding-right:03vw;}.elementor-60 .elementor-element.elementor-element-c6f2210{text-align:center;}.elementor-60 .elementor-element.elementor-element-c6f2210 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:500;color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-f32a3c3{text-align:center;}.elementor-60 .elementor-element.elementor-element-f32a3c3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-4107fce .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-60 .elementor-element.elementor-element-4f71ee6{--display:flex;--min-height:50vh;--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;--overlay-opacity:0.5;--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-60 .elementor-element.elementor-element-4f71ee6:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-4f71ee6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studio.bellamarmi.com.br/wp-content/uploads/2025/11/AB-Assinadas-01.png");background-position:0% 74%;background-size:cover;}.elementor-60 .elementor-element.elementor-element-4f71ee6::before, .elementor-60 .elementor-element.elementor-element-4f71ee6 > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-4f71ee6 > .e-con-inner > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-4f71ee6 > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-4f71ee6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-4f71ee6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #D1AA8882 0%, #4B3D31 80%);}.elementor-60 .elementor-element.elementor-element-4f71ee6.e-con{--align-self:stretch;}.elementor-60 .elementor-element.elementor-element-719c5de{--display:flex;--min-height:50vh;--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:flex-end;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:3vw;--padding-right:03vw;}.elementor-60 .elementor-element.elementor-element-b73fa11{text-align:center;}.elementor-60 .elementor-element.elementor-element-b73fa11 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:500;color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-4848471{text-align:center;}.elementor-60 .elementor-element.elementor-element-4848471 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-1e3eedc .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:100px 100px 100px 100px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-60 .elementor-element.elementor-element-9120ba0:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-9120ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-60 .elementor-element.elementor-element-232fa4e:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-232fa4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-60 .elementor-element.elementor-element-4f71ee6:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-4f71ee6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}}@media(min-width:768px){.elementor-60 .elementor-element.elementor-element-5fc6524{--content-width:1000vw;}.elementor-60 .elementor-element.elementor-element-9120ba0{--width:50%;}.elementor-60 .elementor-element.elementor-element-232fa4e{--width:50%;}.elementor-60 .elementor-element.elementor-element-6ae6ee5{--width:50%;}.elementor-60 .elementor-element.elementor-element-4f71ee6{--width:50%;}}@media(max-width:767px){.elementor-60 .elementor-element.elementor-element-9120ba0:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-9120ba0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://studio.bellamarmi.com.br/wp-content/uploads/2025/11/AB-Mesa-jantar-04.png");background-position:0px 0%;}.elementor-60 .elementor-element.elementor-element-5a99329 .elementor-heading-title{font-size:14px;}.elementor-60 .elementor-element.elementor-element-232fa4e:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-232fa4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}.elementor-60 .elementor-element.elementor-element-39e3fdd .elementor-heading-title{font-size:14px;}.elementor-60 .elementor-element.elementor-element-f32a3c3 .elementor-heading-title{font-size:14px;}.elementor-60 .elementor-element.elementor-element-4f71ee6:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-4f71ee6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-60 .elementor-element.elementor-element-4848471 .elementor-heading-title{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-9120ba0 *//* ======================================================= */
/* == 1. ESTILOS BASE (MOBILE-FIRST) == */
/* (Este é o visual padrão: tudo visível, sem animação) */
/* ======================================================= */

.elementor-section {
    position: relative;
    overflow: hidden; 
}

.texto {
    position: absolute;
    bottom: 0px; 
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    padding-bottom: 50px; 
    opacity: 1; 
    /* Removemos a transição do estado base */
}

/* O gradiente final (escuro) é o padrão */
.texto::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    opacity: 1; 
}

/* O texto inicial já começa na posição final (em cima) */
.texto-teste {
    position: absolute; 
    bottom: 50px; 
    opacity: 1; 
    transform: translateY(-180px); /* Posição final */
}

/* A descrição já começa visível e na posição final */
.descricao-teste {
    opacity: 1; /* Visível */
    transform: translateY(-20px); /* Posição final */
}

/* O botão já começa visível e na posição final */
.button-teste {
    opacity: 1; /* Visível */
    transform: translateY(0px); /* Posição final */
    margin-top: 20px; 
}

/* ======================================================= */
/* == 2. EFEITO HOVER (APENAS PARA DESKTOP) == */
/* (Telas maiores que 768px E que suportam hover) */
/* ======================================================= */

@media (min-width: 769px) {

    /* 2.1. Adicionamos as transições de volta */
    .texto {
        transition: opacity 0.5s ease-in-out; 
    }
    .texto::before {
        transition: background 0.5s ease-in-out; 
    }
    .texto-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .descricao-teste, .button-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }

    /* 2.2. Redefinimos o ESTADO INICIAL (Sem hover) */

    /* Gradiente inicial (claro) */
    .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 0.5) 0%, rgba(14, 22, 41, 0) 100%);
    }

    /* Texto inicial na posição de baixo */
    .texto-teste {
        transform: translateY(0); 
    }

    /* Descrição invisível e para baixo */
    .descricao-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* Botão invisível e para baixo */
    .button-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* 2.3. Definimos o ESTADO FINAL (Com hover) */

    .elementor-section:hover .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    }

    .elementor-section:hover .texto-teste {
        transform: translateY(-180px); 
    }

    .elementor-section:hover .descricao-teste {
        opacity: 1; 
        transform: translateY(-20px); 
    }

    .elementor-section:hover .button-teste {
        opacity: 1; 
        transform: translateY(0px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-232fa4e *//* ======================================================= */
/* == 1. ESTILOS BASE (MOBILE-FIRST) == */
/* (Este é o visual padrão: tudo visível, sem animação) */
/* ======================================================= */

.elementor-section {
    position: relative;
    overflow: hidden; 
}

.texto {
    position: absolute;
    bottom: 0px; 
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    padding-bottom: 50px; 
    opacity: 1; 
    /* Removemos a transição do estado base */
}

/* O gradiente final (escuro) é o padrão */
.texto::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    opacity: 1; 
}

/* O texto inicial já começa na posição final (em cima) */
.texto-teste {
    position: absolute; 
    bottom: 50px; 
    opacity: 1; 
    transform: translateY(-180px); /* Posição final */
}

/* A descrição já começa visível e na posição final */
.descricao-teste {
    opacity: 1; /* Visível */
    transform: translateY(-20px); /* Posição final */
}

/* O botão já começa visível e na posição final */
.button-teste {
    opacity: 1; /* Visível */
    transform: translateY(0px); /* Posição final */
    margin-top: 20px; 
}

/* ======================================================= */
/* == 2. EFEITO HOVER (APENAS PARA DESKTOP) == */
/* (Telas maiores que 768px E que suportam hover) */
/* ======================================================= */

@media (min-width: 769px) {

    /* 2.1. Adicionamos as transições de volta */
    .texto {
        transition: opacity 0.5s ease-in-out; 
    }
    .texto::before {
        transition: background 0.5s ease-in-out; 
    }
    .texto-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .descricao-teste, .button-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }

    /* 2.2. Redefinimos o ESTADO INICIAL (Sem hover) */

    /* Gradiente inicial (claro) */
    .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 0.5) 0%, rgba(14, 22, 41, 0) 100%);
    }

    /* Texto inicial na posição de baixo */
    .texto-teste {
        transform: translateY(0); 
    }

    /* Descrição invisível e para baixo */
    .descricao-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* Botão invisível e para baixo */
    .button-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* 2.3. Definimos o ESTADO FINAL (Com hover) */

    .elementor-section:hover .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    }

    .elementor-section:hover .texto-teste {
        transform: translateY(-180px); 
    }

    .elementor-section:hover .descricao-teste {
        opacity: 1; 
        transform: translateY(-20px); 
    }

    .elementor-section:hover .button-teste {
        opacity: 1; 
        transform: translateY(0px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ae6ee5 *//* ======================================================= */
/* == 1. ESTILOS BASE (MOBILE-FIRST) == */
/* (Este é o visual padrão: tudo visível, sem animação) */
/* ======================================================= */

.elementor-section {
    position: relative;
    overflow: hidden; 
}

.texto {
    position: absolute;
    bottom: 0px; 
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    padding-bottom: 50px; 
    opacity: 1; 
    /* Removemos a transição do estado base */
}

/* O gradiente final (escuro) é o padrão */
.texto::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    opacity: 1; 
}

/* O texto inicial já começa na posição final (em cima) */
.texto-teste {
    position: absolute; 
    bottom: 50px; 
    opacity: 1; 
    transform: translateY(-180px); /* Posição final */
}

/* A descrição já começa visível e na posição final */
.descricao-teste {
    opacity: 1; /* Visível */
    transform: translateY(-20px); /* Posição final */
}

/* O botão já começa visível e na posição final */
.button-teste {
    opacity: 1; /* Visível */
    transform: translateY(0px); /* Posição final */
    margin-top: 20px; 
}

/* ======================================================= */
/* == 2. EFEITO HOVER (APENAS PARA DESKTOP) == */
/* (Telas maiores que 768px E que suportam hover) */
/* ======================================================= */

@media (min-width: 769px) {

    /* 2.1. Adicionamos as transições de volta */
    .texto {
        transition: opacity 0.5s ease-in-out; 
    }
    .texto::before {
        transition: background 0.5s ease-in-out; 
    }
    .texto-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .descricao-teste, .button-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }

    /* 2.2. Redefinimos o ESTADO INICIAL (Sem hover) */

    /* Gradiente inicial (claro) */
    .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 0.5) 0%, rgba(14, 22, 41, 0) 100%);
    }

    /* Texto inicial na posição de baixo */
    .texto-teste {
        transform: translateY(0); 
    }

    /* Descrição invisível e para baixo */
    .descricao-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* Botão invisível e para baixo */
    .button-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* 2.3. Definimos o ESTADO FINAL (Com hover) */

    .elementor-section:hover .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    }

    .elementor-section:hover .texto-teste {
        transform: translateY(-180px); 
    }

    .elementor-section:hover .descricao-teste {
        opacity: 1; 
        transform: translateY(-20px); 
    }

    .elementor-section:hover .button-teste {
        opacity: 1; 
        transform: translateY(0px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f71ee6 *//* ======================================================= */
/* == 1. ESTILOS BASE (MOBILE-FIRST) == */
/* (Este é o visual padrão: tudo visível, sem animação) */
/* ======================================================= */

.elementor-section {
    position: relative;
    overflow: hidden; 
}

.texto {
    position: absolute;
    bottom: 0px; 
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    align-items: center;
    padding-bottom: 50px; 
    opacity: 1; 
    /* Removemos a transição do estado base */
}

/* O gradiente final (escuro) é o padrão */
.texto::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    opacity: 1; 
}

/* O texto inicial já começa na posição final (em cima) */
.texto-teste {
    position: absolute; 
    bottom: 50px; 
    opacity: 1; 
    transform: translateY(-180px); /* Posição final */
}

/* A descrição já começa visível e na posição final */
.descricao-teste {
    opacity: 1; /* Visível */
    transform: translateY(-20px); /* Posição final */
}

/* O botão já começa visível e na posição final */
.button-teste {
    opacity: 1; /* Visível */
    transform: translateY(0px); /* Posição final */
    margin-top: 20px; 
}

/* ======================================================= */
/* == 2. EFEITO HOVER (APENAS PARA DESKTOP) == */
/* (Telas maiores que 768px E que suportam hover) */
/* ======================================================= */

@media (min-width: 769px) {

    /* 2.1. Adicionamos as transições de volta */
    .texto {
        transition: opacity 0.5s ease-in-out; 
    }
    .texto::before {
        transition: background 0.5s ease-in-out; 
    }
    .texto-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .descricao-teste, .button-teste {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }

    /* 2.2. Redefinimos o ESTADO INICIAL (Sem hover) */

    /* Gradiente inicial (claro) */
    .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 0.5) 0%, rgba(14, 22, 41, 0) 100%);
    }

    /* Texto inicial na posição de baixo */
    .texto-teste {
        transform: translateY(0); 
    }

    /* Descrição invisível e para baixo */
    .descricao-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* Botão invisível e para baixo */
    .button-teste {
        opacity: 0; 
        transform: translateY(20px); 
    }

    /* 2.3. Definimos o ESTADO FINAL (Com hover) */

    .elementor-section:hover .texto::before {
        background: linear-gradient(to top, rgba(75, 61, 49, 1) 0%, rgba(75, 61, 49,0) 100%); 
    }

    .elementor-section:hover .texto-teste {
        transform: translateY(-180px); 
    }

    .elementor-section:hover .descricao-teste {
        opacity: 1; 
        transform: translateY(-20px); 
    }

    .elementor-section:hover .button-teste {
        opacity: 1; 
        transform: translateY(0px); 
    }
}/* End custom CSS */