.elementor-3383 .elementor-element.elementor-element-8ed6e87{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:row;overflow:visible;}.elementor-widget-ucaddon_uc_banner_hover_effects .uc_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_banner_hover_effects .uc_paragraph{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3383 .elementor-element.elementor-element-34e466d figure .uc_banner_image{opacity:25%;}.elementor-3383 .elementor-element.elementor-element-34e466d figure:hover .uc_banner_image{opacity:100%;}.elementor-3383 .elementor-element.elementor-element-34e466d .height{height:400px;}.elementor-3383 .elementor-element.elementor-element-34e466d .uc_title{color:#000000;font-family:"Degular", Sans-serif;font-size:30px;font-weight:700;}.elementor-3383 .elementor-element.elementor-element-34e466d .uc_paragraph{color:#000000;}.elementor-3383 .elementor-element.elementor-element-098d811 figure .uc_banner_image{opacity:25%;}.elementor-3383 .elementor-element.elementor-element-098d811 figure:hover .uc_banner_image{opacity:100%;}.elementor-3383 .elementor-element.elementor-element-098d811 .height{height:400px;}.elementor-3383 .elementor-element.elementor-element-098d811 .uc_title{color:#000000;font-family:"Degular", Sans-serif;font-size:30px;font-weight:700;}.elementor-3383 .elementor-element.elementor-element-098d811 .uc_paragraph{color:#000000;}.elementor-3383 .elementor-element.elementor-element-3612588 figure .uc_banner_image{opacity:25%;}.elementor-3383 .elementor-element.elementor-element-3612588 figure:hover .uc_banner_image{opacity:100%;}.elementor-3383 .elementor-element.elementor-element-3612588 .height{height:400px;}.elementor-3383 .elementor-element.elementor-element-3612588 .uc_title{color:#000000;font-family:"Degular", Sans-serif;font-size:30px;font-weight:700;}.elementor-3383 .elementor-element.elementor-element-3612588 .uc_paragraph{color:#000000;}.elementor-3383 .elementor-element.elementor-element-3b25a75 figure .uc_banner_image{opacity:25%;}.elementor-3383 .elementor-element.elementor-element-3b25a75 figure:hover .uc_banner_image{opacity:100%;}.elementor-3383 .elementor-element.elementor-element-3b25a75 .height{height:400px;}.elementor-3383 .elementor-element.elementor-element-3b25a75 .uc_title{color:#000000;font-family:"Degular", Sans-serif;font-size:30px;font-weight:700;}.elementor-3383 .elementor-element.elementor-element-3b25a75 .uc_paragraph{color:#000000;}.elementor-3383 .elementor-element.elementor-element-6412859 figure .uc_banner_image{opacity:25%;}.elementor-3383 .elementor-element.elementor-element-6412859 figure:hover .uc_banner_image{opacity:100%;}.elementor-3383 .elementor-element.elementor-element-6412859 .height{height:400px;}.elementor-3383 .elementor-element.elementor-element-6412859 .uc_title{color:#000000;font-family:"Degular", Sans-serif;font-size:30px;font-weight:700;}.elementor-3383 .elementor-element.elementor-element-6412859 .uc_paragraph{color:#000000;}.elementor-3383 .elementor-element.elementor-element-9e8145c figure .uc_banner_image{opacity:25%;}.elementor-3383 .elementor-element.elementor-element-9e8145c figure:hover .uc_banner_image{opacity:100%;}.elementor-3383 .elementor-element.elementor-element-9e8145c .height{height:400px;}.elementor-3383 .elementor-element.elementor-element-9e8145c .uc_title{color:#000000;font-family:"Degular", Sans-serif;font-size:30px;font-weight:700;}.elementor-3383 .elementor-element.elementor-element-9e8145c .uc_paragraph{color:#000000;}@media(max-width:1024px){.elementor-3383 .elementor-element.elementor-element-8ed6e87{--grid-auto-flow:row;}.elementor-widget-ucaddon_uc_banner_hover_effects .uc_title{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_uc_banner_hover_effects .uc_paragraph{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-3383 .elementor-element.elementor-element-8ed6e87{--width:100%;}}@media(max-width:767px){.elementor-3383 .elementor-element.elementor-element-8ed6e87{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-ucaddon_uc_banner_hover_effects .uc_title{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-ucaddon_uc_banner_hover_effects .uc_paragraph{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-8ed6e87 *//*
================================================================
== CÓDIGO FINAL: TRANSIÇÃO SUAVE E POSIÇÃO DO TÍTULO AJUSTADA ==
================================================================
Objetivo:
1. Posicionar o TÍTULO na marca de 85% do topo.
2. Criar uma transição suave para a MUDANÇA DE COR e APARECIMENTO do texto.
3. Manter o TÍTULO FIXO (sem o grande deslizamento para cima) durante o hover.
4. Fazer o PARÁGRAFO DESLIZAR SUAVEMENTE para sua posição final.
================================================================
*/

/* --- NOVA REGRA ADICIONADA --- */
/* 1. Ajusta a posição vertical inicial do título. */
figure.effect-2 .uc_title {
    top: 85% !important; /* Move o título de 50% para 85% do topo */
}

/* 2. Define as transições suaves e específicas para cada elemento. */
figure.effect-2 .uc_title {
    /* Anima APENAS a propriedade 'color' */
    -webkit-transition: color 0.35s ease !important;
    transition: color 0.35s ease !important;
}

figure.effect-2 p {
    /* Anima 'opacity', 'color' e 'transform' para um efeito completo e suave. */
    -webkit-transition: opacity 0.35s ease, color 0.35s ease, -webkit-transform 0.35s ease !important;
    transition: opacity 0.35s ease, color 0.35s ease, transform 0.35s ease !important;
}

/* Garante que o pseudo-elemento não tenha transição */
figure.effect-2 figcaption::before {
    -webkit-transition: none !important;
    transition: none !important;
}


/* 3. Define o estado final do HOVER. */
figure.effect-2:hover .uc_title,
figure.effect-2:hover p {
    color: #FFF !important; /* A mudança de cor será suave */
    opacity: 0.0; /* ISSO AQUI MUDA A COR DO TEXTO NO EFEITO */
}

figure.effect-2:hover p {
    opacity: 1 !important; /* O aparecimento (fade-in) será suave */
    -webkit-transform: translate3d(0, 0, 0) !important; /* O deslize de 10px também será suave */
    transform: translate3d(0, 0, 0) !important;
}

/* Mantém o título fixo na sua posição (agora centralizado em 85%) */
figure.effect-2:hover .uc_title {
    -webkit-transform: translate3d(0, -50%, 0) !important;
    transform: translate3d(0, -50%, 0) !important;
}

/* Garante que a camada de fundo original permaneça invisível. */
figure.effect-2:hover figcaption::before {
    opacity: 0 !important;
}

/*
============================================================
== CÓDIGO PARA OCULTAR O SUBTÍTULO (.uc_SUB) NA PÁGINA "PROJETOS" ==
============================================================
*/

/* Esta regra seleciona a classe .uc_SUB somente quando ela
   estiver dentro de uma página com a classe 'page-id-33'
   (que é a sua página "Projetos").
*/
.page-id-33 .uc_SUB {
    display: none !important;
}

/*
============================================================
== CORREÇÃO DE SOBREPOSIÇÃO DO MENU ==
============================================================
*/

/*
 * 1. Define um contexto de empilhamento para os blocos de efeito.
 * Isso garante que eles fiquem em uma camada inferior ('z-index: 0').
 * A propriedade 'position: relative' é necessária para que o 'z-index' funcione.
 */
figure.effect-2 {
    position: relative;
    z-index: 0;
}

/*
 * 2. Garante que o cabeçalho fixo (menu) tenha uma camada
 * superior ('z-index') à dos blocos. O seletor '.elementor-sticky--active'
 * aplica a regra especificamente quando o menu está fixo no topo da página.
 */
header.elementor-sticky--active {
    z-index: 100 !important; /* Valor alto para garantir que fique sempre no topo */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Degular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bacco.com.br/wp-content/uploads/2025/06/Degular-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Degular';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://bacco.com.br/wp-content/uploads/2025/06/Degular-Semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */