.elementor-604 .elementor-element.elementor-element-7404559{--display:flex;--min-height:37vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-604 .elementor-element.elementor-element-b918661{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-604 .elementor-element.elementor-element-93b5b8b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-604 .elementor-element.elementor-element-93b5b8b:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-93b5b8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://codigoestoico.com.br/wp-content/uploads/2026/01/ChatGPT-Image-10_01_2026-22_26_18-768x512.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-604 .elementor-element.elementor-element-15ccc19 .elementor-image-box-wrapper{text-align:start;}.elementor-604 .elementor-element.elementor-element-15ccc19 .elementor-image-box-title{color:#FFD700;}.elementor-604 .elementor-element.elementor-element-15ccc19:has(:hover) .elementor-image-box-title,
					 .elementor-604 .elementor-element.elementor-element-15ccc19:has(:focus) .elementor-image-box-title{color:#FFD700;}.elementor-604 .elementor-element.elementor-element-15ccc19 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-weight:400;color:#7A7A7A;}.elementor-604 .elementor-element.elementor-element-134c844{--display:flex;}.elementor-604 .elementor-element.elementor-element-134c844:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-134c844 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://codigoestoico.com.br/wp-content/uploads/2026/01/ChatGPT-Image-10_01_2026-22_45_41.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-604 .elementor-element.elementor-element-10f3b4a .elementor-image-box-wrapper{text-align:start;}.elementor-604 .elementor-element.elementor-element-10f3b4a .elementor-image-box-title{color:#FFD700;}.elementor-604 .elementor-element.elementor-element-10f3b4a:has(:hover) .elementor-image-box-title,
					 .elementor-604 .elementor-element.elementor-element-10f3b4a:has(:focus) .elementor-image-box-title{color:#FFD700;}.elementor-604 .elementor-element.elementor-element-10f3b4a .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-604 .elementor-element.elementor-element-83a5b98{--display:flex;}.elementor-604 .elementor-element.elementor-element-83a5b98:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-83a5b98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://codigoestoico.com.br/wp-content/uploads/2026/01/ChatGPT-Image-10_01_2026-22_58_45.png");background-repeat:no-repeat;background-size:100% auto;}.elementor-604 .elementor-element.elementor-element-c676dcc .elementor-image-box-wrapper{text-align:start;}.elementor-604 .elementor-element.elementor-element-c676dcc .elementor-image-box-title{color:#FFD700;}.elementor-604 .elementor-element.elementor-element-c676dcc:has(:hover) .elementor-image-box-title,
					 .elementor-604 .elementor-element.elementor-element-c676dcc:has(:focus) .elementor-image-box-title{color:#FFD700;}.elementor-604 .elementor-element.elementor-element-c676dcc .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-604 .elementor-element.elementor-element-c043f04{--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;--padding-top:-10px;--padding-bottom:-10px;--padding-left:-10px;--padding-right:-10px;}.elementor-604 .elementor-element.elementor-element-679c748{--display:flex;--min-height:0px;--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;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-604 .elementor-element.elementor-element-5ac6ae0 .elementor-repeater-item-1579faa .swiper-slide-bg{background-color:var( --e-global-color-secondary );background-image:url(https://codigoestoico.com.br/wp-content/uploads/2026/01/Codigo-Estoico-Banner-grande-2.png);background-size:cover;}.elementor-604 .elementor-element.elementor-element-5ac6ae0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px -10px;}.elementor-604 .elementor-element.elementor-element-5ac6ae0 .swiper-slide{height:420px;}.elementor-604 .elementor-element.elementor-element-5ac6ae0 .swiper-slide-contents{max-width:66%;}.elementor-604 .elementor-element.elementor-element-5ac6ae0 .swiper-slide-inner{text-align:center;}.elementor-604 .elementor-element.elementor-element-ba4c92e .elementor-repeater-item-8ec08dc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://codigoestoico.com.br/wp-content/uploads/2026/01/ChatGPT-Image-12_01_2026-21_45_26.png);background-size:cover;}.elementor-604 .elementor-element.elementor-element-ba4c92e .swiper-slide{transition-duration:calc(5000ms*1.2);height:460px;}.elementor-604 .elementor-element.elementor-element-ba4c92e .elementor-slide-button{background-color:#FF0F0F;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-width:3px;border-radius:0px;}.elementor-604 .elementor-element.elementor-element-ba4c92e .swiper-slide-contents{max-width:66%;}.elementor-604 .elementor-element.elementor-element-ba4c92e .swiper-slide-inner{text-align:center;}.elementor-604 .elementor-element.elementor-element-ba4c92e .elementor-slide-heading{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:800;}.elementor-604 .elementor-element.elementor-element-ba4c92e .elementor-slide-description{font-family:"Roboto Slab", Sans-serif;font-size:18px;font-weight:600;}@media(min-width:768px){.elementor-604 .elementor-element.elementor-element-93b5b8b{--width:33.33%;}.elementor-604 .elementor-element.elementor-element-134c844{--width:33.33%;}.elementor-604 .elementor-element.elementor-element-83a5b98{--width:33.33%;}}/* Start custom CSS for container, class: .elementor-element-b918661 */.coluna{
    overflow: hidden;
    height: 300px; /*controle a altura do card aqui*/
    transition: width 0.5s ease;
}

.coluna:hover{
    width: 100%;
}

.saiba-mais{
    display: block;
    font-size: 12px; /*ajuste o tamanho do saiba mais aqui*/
    letter-spacing: 0;
    transition: 0.2s;
    color: #ffb000; /*ajuste a cor do saiba mais aqui*/
    position: relative;
    top: -20px; /*ajuste a posição do saiba mais aqui*/
}

.texto .elementor-image-box-description{
    opacity: 0;
    transition: 0.5s;
}

.texto{
    transform: translatey(165px); /*ajuste a posição dos textos aqui*/
    transition: 0.5s;
}

.coluna{
    padding:32px; /*ajuste o padding das colunas aqui*/
}

.coluna:hover .elementor-image-box-description{
    opacity: 1;
    transition: all 0.5s 0.5s;
    transform: translatey(-60px); /*ajuste a posição da descrição aqui*/
}

.coluna:hover .texto{
    transform: translatey(0)
}

.coluna:hover .saiba-mais{
    opacity: 0;
}

.coluna::before,
.coluna::after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent, #000000); /*ajuste as cores do degradê aqui*/ 
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.coluna::after{
    background: linear-gradient(to bottom, #000000af, #000000); /*ajuste as cores do degradê no hover aqui*/ 
    opacity: 0;
}

.coluna:hover::after{
    opacity: 1;
}

.coluna *{
    z-index: 1;
}

.container-pai .texto .elementor-image-box-title{
    transition: 0.5s;
}

.container-pai:hover .texto .elementor-image-box-title{
    font-size: 20px !important; /*ajuste o tamanho do título dos elementos que não estão ativos no hover aqui*/
    transform: translatey(20px) /*ajuste a posição aqui*/
}

.container-pai:hover .texto .saiba-mais{
    transform: translatey(20px) /*ajuste a posição do saiba mais no hover aqui*/
}

.container-pai:hover .coluna:hover .texto .elementor-image-box-title{
    font-size: 40px !important; /*ajuste o tamanho do título dos elementos ativo no hover aqui*/
    transform: translatey(0px);
}

/*DISPOSITIVOS MÓVEIS*/
@media(max-width: 1024px){
    .container-pai{
        flex-wrap: wrap !important;
    }

    .coluna{
        width: 100% !important;
        height: 100px; /*controle a altura do card aqui*/
        transition: 0.5s;
        padding: 20px;
        display: flex;
        align-items: center;
    }
    
     .coluna:hover{
        width: 100% !important;
        height: 240px; /*controle a altura do card no hover aqui*/
    }
    
    .texto{
        transform: translatey(0px);
        transition: 0.5s;
    }
    
    .texto .elementor-image-box-title{
        display: flex;
        justify-content: space-between;
    }
    
    .coluna:hover .elementor-image-box-description{
        transform: translatey(-10px); /*ajuste a posição da descrição aqui*/
    }
    
    .saiba-mais{
        top: 0px;
    }
    
    .container-pai:hover .texto .saiba-mais{
        transform: translatey(0px)
    }
}/* End custom CSS */