/* Definições de Estilo Comuns e Desktop (Seção 1457) */

.st_26092025_1457_vermelho{
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	
	z-index: 100;
	
	position: fixed;
	top: 0;
	left: 0;
	
	background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
	
	border: var(--brdr-bx) solid #ff0000;
}
.st_26092025_1457_vermelho > .p1{
	box-sizing: border-box;
	width: 100%;

	padding: 0 30px;

	font-size: 36px;
	font-weight: 800;
	line-height: 145%;
	
	text-align: center;
	
	margin-bottom: 30px;
	
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1457_vermelho > .p2{
	box-sizing: border-box;
	width: 100%;

	padding: 0 30px;

	font-size: auto;
	font-weight: auto;
	line-height: 145%;
	
	text-align: center;
	
	margin-bottom: 30px;
	
	border: var(--brdr-bx) solid #ccc;
}

.st_26092025_1457_verde{
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
	padding: 0px;
	
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items:stretch; 

	border: var(--brdr-bx) solid #00FF00;
}

.st_26092025_1457_azul{
	box-sizing: border-box;
	width: 100%;
	
	padding: 0px;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	
	flex-direction:row; 
	display: flex;
	justify-content:center;
	align-items:stretch; 
	
	border: var(--brdr-bx) solid #0000cd;
}
.st_26092025_1457_azul.width1{
	width: 100%;
	max-width: calc(100% / 1);
}
.st_26092025_1457_azul.width2{
	width: 100%;
	max-width: calc(100% / 2); 
}
.st_26092025_1457_azul.visble{
	box-sizing: border-box;
	
	visibility: hidden;
}
.st_26092025_1457_azul_vertical_space1{
	box-sizing: border-box;
	
	margin: 0 30px;	
}
.st_26092025_1457_azul_horizontal_space1{
	box-sizing: border-box;
	
	margin: 30px 0;
}


.st_26092025_1457_roxo{
	box-sizing: border-box;
	width: 100%;
	
	padding: 15px 0px;
	
	position: relative;
	
	flex-direction:row;
	display: flex;
    justify-content:flex-start;
	align-items:center; 
	
	border: var(--brdr-bx) solid #9932CC;
}


.st_26092025_1457_amarelo{
	box-sizing: border-box;
	
	flex-direction:row;
	display: flex;
    justify-content:flex-start;
	align-items:center; 
	
	border: var(--brdr-bx) solid #fff000;
}
.st_26092025_1457_amarelo.logo{
	box-sizing: border-box;
	width: auto;
	
	border: var(--brdr-bx) solid #fff000;
}
.st_26092025_1457_amarelo.menu{
	box-sizing: border-box;
	width: auto; 
	
	border: var(--brdr-bx) solid #fff000;
}
.st_26092025_1457_amarelo.menu_right{
	box-sizing: border-box;
	width: auto;
	
	position:absolute;
	right: 0;
	
	/* Estilo Desktop - Lado a Lado (Linha) */
	display: flex;
	flex-direction: row;
	
	border: var(--brdr-bx) solid #fff000;
}

/* em caso de texto longo use span1, span2, span3 e alinhe o responsivo do elemento acima como left */
.st_26092025_1457_amarelo p .span1{
	box-sizing: border-box;
	font-size: 14px;
	display: table;	
}
.st_26092025_1457_amarelo p .span2{
	box-sizing: border-box;
	font-weight: 500;
	font-size: 24px;	
}
.st_26092025_1457_amarelo p .span3{
	box-sizing: border-box;
	display: table;
	height: 1px;
	width: 100%;
	
	background-color: #999;
}

.margin_bottom_remove{
	margin-bottom: 0px !important;
}
.st_26092025_1457_amarelo > .p1{
	box-sizing: border-box;
	width: 100%;
	
	padding: 0 30px 0 0px;
	
	white-space: nowrap;

	margin-bottom: 0px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1457_amarelo > .p1 img{
	max-width: 150px;
}
.st_26092025_1457_amarelo > .p2{
	box-sizing: border-box;
	width: auto;
	
	padding: 0 10px;
	
	white-space: nowrap;
    cursor: pointer; 

	margin-bottom: 0px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1457_amarelo > .p2 i{
	font-size: 12px;
	margin-left: 10px;
}
.st_26092025_1457_amarelo > .p2{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1457_amarelo > .p2:hover{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1457_amarelo > .p2 a:link, .st_26092025_1457_amarelo > .p2 a:visited{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1457_amarelo > .p2 a:hover, .st_26092025_1457_amarelo > .p2 a:active{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1457_amarelo > .p2_responsive{
	box-sizing: border-box;
	width: auto;
	
	display: none;

	padding: 0 30px;
	
	white-space: nowrap;

	margin-bottom: 0px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1457_amarelo > .p2_responsive{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1457_amarelo > .p2_responsive:hover{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1457_amarelo > .p3{
	box-sizing: border-box;
	width: auto; 
	
	padding: 0 30px; 
	
	white-space: nowrap;

	margin-bottom: 0px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1457_amarelo > .p3 a:link, .st_26092025_1457_amarelo > .p3 a:visited{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1457_amarelo > .p3 a:hover, .st_26092025_1457_amarelo > .p3 a:active{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}


/* ------------------------------------------------ */
/* Estilos e Animação para o Conteúdo (Dropdowns Desktop - Seção 1609) */
/* ------------------------------------------------ */

/* NOVO: Estilo para o botão de fechar (X) */
.menu_close {
    display: none;
	transition: all 0.3s ease-out;
}
.menu_close:hover {
    color:#6bbe50;
	transition: all 0.3s ease-out;
}

.st_26092025_1609_vermelho{
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 180px 0 90px 0;
	
	overflow: auto;
	max-height: 850px;
	scrollbar-width: 6px; /* Ajuste este valor para afinar (ex: 4px) */
	
    /* ESSENCIAL: POSICIONAMENTO E ESTADO INICIAL */
	position: fixed;
	top: 0px; 
	left: 0;
    
    opacity: 0;
    visibility: hidden; 
    
    /* ANIMAÇÃO PADRÃO DO DESKTOP: Vertical (Slide Down) */
    transform: translateY(-300px); 
    
    /* PROPRIEDADES DA TRANSIÇÃO SUAVE (ANIMAÇÃO VERTICAL) */
    transition:
        opacity 0.5s ease-out,
        visibility 0.5s linear,
        transform 0.5s ease-out;
	
	
	background-color: rgba(238, 240, 242, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);	
	
	
	z-index: 99; 
	
	border-radius: 0px 0px 45px 45px;
	
	border: var(--brdr-bx) solid #ff0000;
}
::-webkit-scrollbar {
        width: 6px; /* A largura real da barra */
        height: 6px; /* A altura da barra horizontal */
}
::-webkit-scrollbar-thumb {
        background-color: #A3A3A3; /* Cor da barra (o "dedo") */
        border-radius: 10px;        /* Arredondamento da barra */
        border: 2px solid transparent; /* Opcional: Para criar uma margem interna */
        background-clip: padding-box; /* Opcional: Garante que o border seja transparente */
    }

    /* 4. Customização do "track" (o fundo por onde a barra se move) */
    ::-webkit-scrollbar-track {
        background: #f0f0f0; /* Cor de fundo do trilho */
}
/* ESTADO FINAL (VISÍVEL) */
.st_26092025_1609_vermelho.visivel {
    opacity: 1;	
    visibility: visible;
    
    /* ANIMAÇÃO PADRÃO DO DESKTOP: Volta para o topo */
    transform: translateY(0); 
}

/* Estilos internos para as divs de conteúdo (seção 1609) */

.st_26092025_1609_vermelho > .p1{
	box-sizing: border-box;
	width: 100%;

	padding: 0 30px;

	font-size: 36px;
	font-weight: 800;
	line-height: 145%;
	
	text-align: center;
	
	margin-bottom: 30px;
	
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1609_vermelho > .p2{
	box-sizing: border-box;
	width: 100%;

	padding: 0 30px;

	font-size: auto;
	font-weight: auto;
	line-height: 145%;
	
	text-align: center;
	
	margin-bottom: 30px;
	
	border: var(--brdr-bx) solid #ccc;
}

.st_26092025_1609_verde{
	box-sizing: border-box;
	width: 1200px;
	margin: 0 auto;
	padding: 0px;
	
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items:stretch; 

	/*flex-wrap: wrap;*/

	border: var(--brdr-bx) solid #00FF00;
}

.st_26092025_1609_azul{
	box-sizing: border-box;
	width: 100%;
	
	padding: 30px;
	
	background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
	
	flex-direction:row; 
	display: flex;
    justify-content:center;
	align-items:stretch; 
	
	border: var(--brdr-bx) solid #0000cd;
}
.st_26092025_1609_azul.width1{
	width: 100%;
	max-width: calc(100% / 1);
}
.st_26092025_1609_azul.width2{
	width: 100%;
	max-width: calc(100% / 2); 
}
.st_26092025_1609_azul.visble{
	box-sizing: border-box;
	
	visibility: hidden;
}
.st_26092025_1609_azul_vertical_space1{
	box-sizing: border-box;
	
	margin: 0 30px;	
}
.st_26092025_1609_azul_horizontal_space1{
	box-sizing: border-box;
	
	margin: 30px 0;
}


.st_26092025_1609_roxo{
	box-sizing: border-box;
	width: 100%;
	
	padding: 30px;
	
	flex-direction:column;
	display: flex;
    justify-content:space-between;
	align-items:flex-start; 
	
	border: var(--brdr-bx) solid #9932CC;
}


.st_26092025_1609_amarelo{
	box-sizing: border-box;
	width: 100%;
	
	border: var(--brdr-bx) solid #fff000;
}

/* em caso de texto longo use span1, span2, span3 e alinhe o responsivo do elemento acima como left */
.st_26092025_1609_amarelo p .span1{
	box-sizing: border-box;
	font-size: 14px;
	display: table;	
}
.st_26092025_1609_amarelo p .span2{
	box-sizing: border-box;
	font-weight: 500;
	font-size: 24px;	
}
.st_26092025_1609_amarelo p .span3{
	box-sizing: border-box;
	display: table;
	height: 1px;
	width: 100%;
	
	background-color: #999;
}

.margin_bottom_remove{
	margin-bottom: 0px !important;
}
.st_26092025_1609_amarelo > .p0{
	box-sizing: border-box;
	width: 100%;
	
	min-height: 150px;
	border-radius: 15px;
	
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	/*background-attachment: fixed;*/

	margin-bottom: 30px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1609_amarelo > .p0.bk1{
	background-image:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url('../../slide-card-21092025-1100/img/bk1.webp');
}
.st_26092025_1609_amarelo > .p0.bk2{
	background-image:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url('../../img/bk3.webp');
}
.st_26092025_1609_amarelo > .p0.bk3{
	background-image:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url('../../slide-card-19092025-0822/img/6.webp');
}
.st_26092025_1609_amarelo > .p0.bk4{
	background-image:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url('../../carousel1/img/2.webp');
}
.st_26092025_1609_amarelo > .p1{
	box-sizing: border-box;
	width: 100%;
	
	font-size: 36px;
	font-weight: 600;
	line-height: 145%;
	font-family: "Montserrat", sans-serif;

	margin-bottom: 30px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1609_amarelo > .p2{
	box-sizing: border-box;
	width: 100%;

	margin-bottom: 30px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1609_amarelo > .p2 a:link, .st_26092025_1609_amarelo > .p2 a:visited{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p2 a:hover, .st_26092025_1609_amarelo > .p2 a:active{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p3{
	box-sizing: border-box;
	width: 100%;

	margin-bottom: 30px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1609_amarelo > .p3 a:link, .st_26092025_1609_amarelo > .p3 a:visited{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p3 a:hover, .st_26092025_1609_amarelo > .p3 a:active{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p4{
	box-sizing: border-box;
	width: 100%;

	margin-bottom: 30px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1609_amarelo > .p4 a:link, .st_26092025_1609_amarelo > .p4 a:visited{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p4 a:hover, .st_26092025_1609_amarelo > .p4 a:active{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p5{
	box-sizing: border-box;
	width: 100%;

	margin-bottom: 30px;
	border: var(--brdr-bx) solid #ccc;
}
.st_26092025_1609_amarelo > .p5{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p5:hover{
	color:#6bbe50;
	
	cursor: pointer;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p5 a:link, .st_26092025_1609_amarelo > .p5 a:visited{
	font-weight: 500;
	
	color:#4c5966;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}
.st_26092025_1609_amarelo > .p5 a:hover, .st_26092025_1609_amarelo > .p5 a:active{
	color:#6bbe50;
	
	text-decoration:none;
	transition: all 0.3s ease-out;
}


/* ------------------------------------------------ */
/* MEDIA QUERIES (RESPONSIVO - max-width: 1201px) */
/* ------------------------------------------------ */

@media only screen and (max-width: 1201px) {
	
/* Regras de container */
.st_26092025_1457_vermelho{
	padding: 15px 15px;
}
	
.st_26092025_1457_verde{
	width: 100%;
	flex-direction:column;
}

.st_26092025_1457_azul{
	padding: 0px;
	flex-direction:column;
	margin-bottom: 0px;
}
.st_26092025_1457_azul.width2{
	width: 100%;
	max-width: calc(100% / 1);
}
.st_26092025_1457_azul.visble{
	visibility: hidden;
	display: none;
}
.st_26092025_1457_azul_vertical_space1{
	
	margin: 15px 0;	
}
.st_26092025_1457_azul_horizontal_space1{
	
	margin: 30px 0;
}


/* REGRAS PARA MANTER REDES SOCIAIS/SUPORTE NO FORMATO DESKTOP/LINHA */
.st_26092025_1457_roxo{
	padding: 0px;
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	align-items: center;
	flex-wrap: nowrap; 
}

.st_26092025_1457_amarelo.menu_right{
    display: flex; 
    flex-direction: row; /* Mantém o formato de linha (lado a lado) */
    align-items: center; 
    
    width: auto;
	
	position:relative;
	right: 0;
    
    font-size: initial; /* Mantém o tamanho da fonte original */
    padding-left: 5px; 
}

.st_26092025_1457_amarelo.menu_right > .p3 {
    padding: 0 10px; /* Adiciona espaçamento entre os itens */
    margin-bottom: 0;
    line-height: normal;
    text-align: center;
    white-space: nowrap; 
}


.st_26092025_1457_amarelo.logo{
	width: auto;
	border: var(--brdr-bx) solid #fff000;
}
.st_26092025_1457_amarelo.menu{
	box-sizing: border-box;
	width: auto; 
	order: 1;
	border: var(--brdr-bx) solid #fff000;
}
.st_26092025_1457_amarelo.menu > .p2{
	display: none; /* Esconde links de desktop */
}
.st_26092025_1457_amarelo.menu_right{
	display: none;
}

.st_26092025_1457_amarelo > .p1{
	box-sizing: border-box;
	width: auto;	
	padding: 0;
	border: var(--brdr-bx) solid #d49137;
}	
.st_26092025_1457_amarelo > .p2_responsive{
	box-sizing: border-box;
	width: auto;	
	display: block; /* Torna o botão "Menu" visível */
	padding: 0; 
	border: var(--brdr-bx) solid #d49137;
	
	cursor: pointer;
}	
	
	
/* ------------------------------------------------ */
/* ANIMAÇÃO E REGRAS ESPECÍFICAS PARA O MENU RESPONSIVO (Link4 e Submenus) */
/* ------------------------------------------------ */

/* Regras para o menu responsivo principal (#menu_26092025145_content_responsive_list - Link4) */
#menu_26092025145_content_responsive_list {
    
    position: fixed; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh; 
    z-index: 999; 
    
    padding-top: 90px; 
    
    /* Estado inicial: fora da tela à esquerda */
    transform: translateX(-100%); 
    
    /* Ação: Aplica a transição com desaceleração no final (slow-out) */
    transition:
        opacity 0.4s ease-out,
        visibility 0.4s linear,
        /* CUBIC-BEZIER para o efeito de desaceleração (slow-out) */
        transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 
}

/* ESTADO FINAL (VISÍVEL) para o menu responsivo */
#menu_26092025145_content_responsive_list.visivel {
    opacity: 1;	
    visibility: visible;
    /* Estado final: na tela (posição 0) */
    transform: translateX(0); 
}		
	
/* NOVO: Estilo para o botão de fechar (X) */
.menu_close {
	display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #4c5966; /* Cor do X */
    cursor: pointer;
    z-index: 1000;
}

	
.st_26092025_1609_vermelho{
	border-radius: 0px 0px 0px 0px;
	
	max-height: 100vh;
}
/* * REGRA CRÍTICA PARA SUBMENUS NO MOBILE (Link1, Link2, Link3) 
 * Sobrescreve a animação vertical do desktop para forçar deslizamento horizontal
 */
.st_26092025_1609_vermelho:not(#menu_26092025145_content_responsive_list) {
    /* Não usar 'display: none !important;' para permitir a transição. */
    
    /* Reposiciona o menu para o mobile: ocupa a tela toda */
    padding: 90px 0 0 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    
    z-index: 9999 !important; /* Deve estar acima do menu Link4 */
    
    /* Estado inicial: fora da tela à esquerda */
    transform: translateX(-100%); 
    
    /* Aplica a transição de slide-in/slide-out horizontal */
    transition: 
        opacity 0.4s ease-out,
        visibility 0.4s linear,
        transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Força a visibilidade para os sub-menus mobile */
.st_26092025_1609_vermelho:not(#menu_26092025145_content_responsive_list).visivel {
    /* Estado final: na tela */
    transform: translateX(0) !important;
}
	
	
.st_26092025_1609_verde{
	width: 100%;
	padding: 0;
	flex-direction: column;
}
.st_26092025_1609_azul{
	padding: 0;
}


.st_26092025_1609_amarelo > .p1{
	box-sizing: border-box;
	width: 100%;	
	
	font-size: 26px;

	border: var(--brdr-bx) solid #d49137;
}	
.st_26092025_1609_amarelo > .p1 a{
	margin: 0 auto; 
}
/* NOVO: Estilo para ícones de sub-menu (seta para a direita) */
.st_26092025_1609_amarelo > .p1 i {
    font-size: 14px;
    margin-left: 10px;
    float: right; 
    line-height: inherit; 
}
	
}