.elementor-22 .elementor-element.elementor-element-13c6646{--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;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-13c6646:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-13c6646 > .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-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-22 .elementor-element.elementor-element-92e29aa{text-align:center;}.elementor-22 .elementor-element.elementor-element-92e29aa .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:#494747;}.elementor-22 .elementor-element.elementor-element-494ae13{--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;--flex-wrap:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-6a7ff6c{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.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-22 .elementor-element.elementor-element-6247830{--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-22 .elementor-element.elementor-element-bcc6d74{--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-22 .elementor-element.elementor-element-52a7d07{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-6a7ff6c{--width:50%;}.elementor-22 .elementor-element.elementor-element-6247830{--width:50%;}.elementor-22 .elementor-element.elementor-element-bcc6d74{--width:50%;}.elementor-22 .elementor-element.elementor-element-52a7d07{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-8edea55 */.elementor-22 .elementor-element.elementor-element-8edea55 {
    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-22 .elementor-element.elementor-element-8edea55 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-22 .elementor-element.elementor-element-8edea55::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-22 .elementor-element.elementor-element-8edea55:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-22 .elementor-element.elementor-element-8edea55: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-7f0c612 */.elementor-22 .elementor-element.elementor-element-7f0c612 {
    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-22 .elementor-element.elementor-element-7f0c612 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-22 .elementor-element.elementor-element-7f0c612::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-22 .elementor-element.elementor-element-7f0c612:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-22 .elementor-element.elementor-element-7f0c612: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-d6e06c2 */.elementor-22 .elementor-element.elementor-element-d6e06c2 {
    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-22 .elementor-element.elementor-element-d6e06c2 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-22 .elementor-element.elementor-element-d6e06c2::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-22 .elementor-element.elementor-element-d6e06c2:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

.elementor-22 .elementor-element.elementor-element-d6e06c2: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-e830bad */.elementor-22 .elementor-element.elementor-element-e830bad {
    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-22 .elementor-element.elementor-element-e830bad 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-22 .elementor-element.elementor-element-e830bad::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-22 .elementor-element.elementor-element-e830bad:hover img {
    opacity: 0; /* A imagem original some ao passar o mouse */
}

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