.elementor-2784 .elementor-element.elementor-element-31b3d2a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2784 .elementor-element.elementor-element-a74f154{--display:flex;--min-height:520px;--justify-content:flex-start;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-2784 .elementor-element.elementor-element-a74f154:not(.elementor-motion-effects-element-type-background), .elementor-2784 .elementor-element.elementor-element-a74f154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.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-2784 .elementor-element.elementor-element-28f3c3b{background-color:#BEDBE7;padding:12px 24px 12px 24px;text-align:center;}.elementor-2784 .elementor-element.elementor-element-28f3c3b.elementor-element{--align-self:flex-start;}.elementor-2784 .elementor-element.elementor-element-28f3c3b .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:600;color:#4F4F4F;}@media(min-width:768px){.elementor-2784 .elementor-element.elementor-element-a74f154{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-a74f154 */.card-hover-marble {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* imagem (container) */
.card-hover-marble {
    transition: all 0.6s ease;
}

/* texto central - escondido inicialmente */
.card-hover-marble .ttt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%); /* começa levemente abaixo */

    opacity: 0;
    visibility: hidden;

    color: #fff;
    letter-spacing: 4px;
    font-size: 18px;

    transition: all 0.5s ease;
    z-index: 2;
}

/* camada escura */
.card-hover-marble::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: 0.5s ease;
}

/* HOVER */
.card-hover-marble:hover::after {
    background: rgba(0,0,0,0.45);
}

/* texto aparece e vem para frente */
.card-hover-marble:hover .ttt {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}/* End custom CSS */