.elementor-664 .elementor-element.elementor-element-868e9b2{--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;--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-664 .elementor-element.elementor-element-4b5b178{--display:flex;--min-height:150px;--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.3;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-4b5b178:not(.elementor-motion-effects-element-type-background), .elementor-664 .elementor-element.elementor-element-4b5b178 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;background-image:url("https://cofron.rs.gov.br/wp-content/uploads/2025/06/fundo_cinza01.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-664 .elementor-element.elementor-element-4b5b178::before, .elementor-664 .elementor-element.elementor-element-4b5b178 > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-4b5b178 > .e-con-inner > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-4b5b178 > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-4b5b178 > .e-con-inner > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-4b5b178 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.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-664 .elementor-element.elementor-element-2b6b3a0{text-align:center;}.elementor-664 .elementor-element.elementor-element-2b6b3a0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FCFCFC;stroke:#FCFCFC;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#3B3B3B;}.elementor-664 .elementor-element.elementor-element-de2d160{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-de2d160:not(.elementor-motion-effects-element-type-background), .elementor-664 .elementor-element.elementor-element-de2d160 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF0DD;}.elementor-664 .elementor-element.elementor-element-ca7a29c{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-664 .elementor-element.elementor-element-fccd62a{--display:flex;--min-height:150px;--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.3;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-fccd62a:not(.elementor-motion-effects-element-type-background), .elementor-664 .elementor-element.elementor-element-fccd62a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;background-image:url("https://cofron.rs.gov.br/wp-content/uploads/2025/06/fundo_cinza01.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-664 .elementor-element.elementor-element-fccd62a::before, .elementor-664 .elementor-element.elementor-element-fccd62a > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-fccd62a > .e-con-inner > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-fccd62a > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-fccd62a > .e-con-inner > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-fccd62a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-664 .elementor-element.elementor-element-b18b964{text-align:center;}.elementor-664 .elementor-element.elementor-element-b18b964 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FCFCFC;stroke:#FCFCFC;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#3B3B3B;}.elementor-664 .elementor-element.elementor-element-37c7786{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-37c7786:not(.elementor-motion-effects-element-type-background), .elementor-664 .elementor-element.elementor-element-37c7786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-664 .elementor-element.elementor-element-c32d54f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-664 .elementor-element.elementor-element-5b2e5e2{--display:flex;--min-height:150px;--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.3;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-664 .elementor-element.elementor-element-5b2e5e2:not(.elementor-motion-effects-element-type-background), .elementor-664 .elementor-element.elementor-element-5b2e5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;background-image:url("https://cofron.rs.gov.br/wp-content/uploads/2025/06/fundo_cinza01.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-664 .elementor-element.elementor-element-5b2e5e2::before, .elementor-664 .elementor-element.elementor-element-5b2e5e2 > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-5b2e5e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-664 .elementor-element.elementor-element-5b2e5e2 > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-5b2e5e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-664 .elementor-element.elementor-element-5b2e5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-664 .elementor-element.elementor-element-3ae2046{text-align:center;}.elementor-664 .elementor-element.elementor-element-3ae2046 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#FCFCFC;stroke:#FCFCFC;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#3B3B3B;}.elementor-664 .elementor-element.elementor-element-79793fc{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-664 .elementor-element.elementor-element-0ecd0da{--grid-columns:3;}.elementor-664 .elementor-element.elementor-element-0ecd0da .elementor-loop-container{grid-auto-rows:1fr;}.elementor-664 .elementor-element.elementor-element-0ecd0da .e-loop-item > .elementor-section, .elementor-664 .elementor-element.elementor-element-0ecd0da .e-loop-item > .elementor-section > .elementor-container, .elementor-664 .elementor-element.elementor-element-0ecd0da .e-loop-item > .e-con, .elementor-664 .elementor-element.elementor-element-0ecd0da .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-664 .elementor-element.elementor-element-7d1a362{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-664 .elementor-element.elementor-element-ca7a29c{--grid-auto-flow:row;}.elementor-664 .elementor-element.elementor-element-c32d54f{--grid-auto-flow:row;}.elementor-664 .elementor-element.elementor-element-0ecd0da{--grid-columns:2;}}@media(max-width:767px){.elementor-664 .elementor-element.elementor-element-ca7a29c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-664 .elementor-element.elementor-element-c32d54f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-664 .elementor-element.elementor-element-0ecd0da{--grid-columns:1;}}/* Start custom CSS for image, class: .elementor-element-f097d9d */.elementor-664 .elementor-element.elementor-element-f097d9d {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-f097d9d img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-f097d9d::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/10-1.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-f097d9d:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-f097d9d:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ef8d8bd */.elementor-664 .elementor-element.elementor-element-ef8d8bd {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-ef8d8bd img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-ef8d8bd::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/12.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-ef8d8bd:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-ef8d8bd:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa09082 */.elementor-664 .elementor-element.elementor-element-aa09082 {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-aa09082 img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-aa09082::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/14.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-aa09082:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-aa09082:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ede1d51 */.elementor-664 .elementor-element.elementor-element-ede1d51 {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-ede1d51 img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-ede1d51::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/16.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-ede1d51:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-ede1d51:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c8c7c55 */.elementor-664 .elementor-element.elementor-element-c8c7c55 {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-c8c7c55 img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-c8c7c55::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/publicacoes-2.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-c8c7c55:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-c8c7c55:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5e78351 */.elementor-664 .elementor-element.elementor-element-5e78351 {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-5e78351 img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-5e78351::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/publicacoes-4.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-5e78351:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-5e78351:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8528dfe */.elementor-664 .elementor-element.elementor-element-8528dfe {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-8528dfe img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-8528dfe::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/publicacoes-6.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-8528dfe:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-8528dfe:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-75144e6 */.elementor-664 .elementor-element.elementor-element-75144e6 {
    position: relative;
    display: inline-block; /* Garante que o contêiner se ajuste à imagem e o link funcione */
    overflow: hidden; /* Evita que a segunda imagem vaze do contêiner */
}

.elementor-664 .elementor-element.elementor-element-75144e6 img {
    display: block; /* Remove espaçamento indesejado abaixo da imagem */
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "desaparição" da primeira imagem */
    position: relative;
    z-index: 2; /* Garante que a imagem original esteja acima por padrão */
}

.elementor-664 .elementor-element.elementor-element-75144e6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://cofron.rs.gov.br/wp-content/uploads/2025/06/publicacoes-8.jpg'); /* SUBSTITUA AQUI PELA URL DA SUA SEGUNDA IMAGEM */
    background-size: cover; /* Garante que a imagem de fundo cubra o elemento */
    background-position: center; /* Centraliza a imagem de fundo */
    background-repeat: no-repeat; /* Evita repetição da imagem de fundo */
    opacity: 0; /* Começa invisível */
    transition: opacity 0.3s ease-in-out; /* Controla a velocidade da "aparição" da segunda imagem */
    pointer-events: none; /* ESSENCIAL: Permite que o clique "passe" para a imagem subjacente */
    z-index: 1; /* Garante que esta imagem fique abaixo da original por padrão */
}

.elementor-664 .elementor-element.elementor-element-75144e6:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-664 .elementor-element.elementor-element-75144e6:hover::after {
    opacity: 1; /* A segunda imagem (com outro tom) aparece ao passar o mouse */
}/* End custom CSS */