@charset "utf-8";
/* CSS Document */
/* css/colunas.css */
body {
	
	background-color: #e0f3fa;
}
.wrapper-conteudo {
    display: flex; /* Usa flexbox para as colunas */
    width: 100%; /* Ocupa 100% da largura do pai */
	/*max-width: 1340px;*/
	margin: 0 auto;
}

.coluna-esquerda {
    width: 30vw; /* 70% da largura da viewport */
    /* background-color: #f0f0f0; /* Apenas para visualização - remova em produção */
    padding: 20px; /* Adiciona algum espaçamento interno */
    box-sizing: border-box; /* Inclui padding na largura total */
}

.coluna-direita {
    width: 70vw; /* 30% da largura da viewport */
   /*  background-color: #e0e0e0; /* Apenas para visualização - remova em produção */
    padding: 20px; /* Adiciona algum espaçamento interno */
    box-sizing: border-box; /* Inclui padding na largura total */
}
.coluna-centro {
    max-width: 800px; /* 30% da largura da viewport */
   /*  background-color: #e0e0e0; /* Apenas para visualização - remova em produção */
    padding: 20px; /* Adiciona algum espaçamento interno */
    box-sizing: border-box; /* Inclui padding na largura total */
	margin: auto;
}
/* Opcional: Adaptação para telas menores (ex: mobile) */
@media (max-width: 768px) {
    .wrapper-conteudo {
        flex-direction: column; /* Empilha as colunas verticalmente em telas pequenas */
    }

    .coluna-esquerda,
    .coluna-direita {
        width: 100vw; /* Cada coluna ocupa 100% da largura da viewport */
    }
}
.bloco {

}