/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}



/* ==========================================================
   Header em vidro
   Dois estados: sobre o hero (transparente, bem sutil) e
   sticky depois da rolagem (mais opaco, porque o conteúdo
   que passa por baixo é claro e variado).
   ========================================================== */

/* Estado 1 — sobre o hero */
#header:not(.stuck) .header-main,
#header:not(.stuck) .header-bottom {
	background: rgba(255, 255, 255, .10) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	-webkit-backdrop-filter: blur(12px) saturate(130%);
	backdrop-filter: blur(12px) saturate(130%);
}

/* Estado 2 — sticky, depois de rolar.
   Mais opaco de propósito: por baixo passa conteúdo claro,
   e 10% de branco sobre fundo branco não separa nada. */
#header.stuck .header-main,
#header.stuck .header-bottom {
	background: rgba(255, 255, 255, .72) !important;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	box-shadow: 0 2px 18px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	backdrop-filter: blur(16px) saturate(150%);
}

/* Cor do menu em cada estado */
#header:not(.stuck) .header-nav a,
#header:not(.stuck) .header-nav .nav > li > a {
	color: #fff !important;
}

#header.stuck .header-nav a,
#header.stuck .header-nav .nav > li > a {
	color: #12433E !important;
}

/* O Flatsome usa .header-shadow / .header-bg-color com fundo
   sólido; sem zerar, ele cobre o vidro. */
#header .header-wrapper.stuck,
#header .header-bg-color,
#header .header-bg-image {
	background-color: transparent !important;
}

/* Navegador sem backdrop-filter: fundo sólido, para o menu
   nunca ficar ilegível sobre a foto. */
@supports not (backdrop-filter: blur(1px)) {
	#header:not(.stuck) .header-main { background: rgba(10, 34, 31, .75) !important; }
	#header.stuck .header-main { background: #fff !important; }
}

/* Blur é caro em mobile. Reduz o raio em tela pequena. */
@media (max-width: 849px) {
	#header .header-main,
	#header .header-bottom {
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}
}


/* ==========================================================
   Efeito Glass Escuro para o Hero Box (Soul)
   ========================================================== */
.soul-hero-glass .text-box-content {
	padding: 30px 34px;
	border-radius: 16px;
	/* Fundo escuro semitransparente em vez de branco */
	background: rgba(0, 0, 0, 0.45) !important; 
	/* Borda clara bem sutil para o "brilho" da borda do vidro */
	border: 1px solid rgba(255, 255, 255, 0.15);
	/* Sombra levemente mais pronunciada para descolar do fundo */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
	/* Desfoque do fundo */
	-webkit-backdrop-filter: blur(14px) saturate(120%);
	backdrop-filter: blur(14px) saturate(120%);
}

/* Fallback para navegadores sem suporte ao backdrop-filter */
@supports not (backdrop-filter: blur(1px)) {
	.soul-hero-glass .text-box-content { 
        background: rgba(18, 67, 62, 0.9) !important; /* Cor primária da marca escurecida como fallback seguro */
    }
}