/*//// DIAGRAMAÇÃO /////*/

/* //////////////////// */
/* ÁREAS DE DIAGRAMAÇÃO */
/* //////////////////// */


.capa-dura {		
	width: 100vw;
	height: 100vh;	
}

.capa-brochura {	
	width: 100vw;
	height: 84vh;
	background-size: cover;	
}

.capa-folder {
	width: 100vw;
	height: 60vh;
}

.corpo {	
	margin: 0 auto;	
	max-width: 1100px;
}

.secao {
	margin-top: 100px;
}

.segmento {
	margin-top: 60px;
}


.colunas, .tiras {
	width: 100%;
	display: flex;	
}

.tiras {
	flex-direction: column;	
	height: 100%;		
}

.coluna, .tira {	
	flex: 1;	
}

.camadas {	
	position: relative;
}


.camadas > .camada {	
	position: absolute;
}

.camadas, .camada {

	width: 100%;
	height: 100%;
}	


/* //////////////////// */
/*////ALINHAMENTOS//////*/
/* //////////////////// */

.centro {
	display: block;
	margin: 0 auto;
}

.centro-h {
	/* display: block; */
	margin: 0 auto !important;
}

.centro-v {	
	position: relative;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);	
}

/*////////////////////////*/
/*//// POSICIONAMENTO ////*/
/*////////////////////////*/

.txt-esq {
	text-align: left !important;
}

.txt-dir {
	text-align: right !important;
}

.txt-centro {
	text-align: center !important;
}

/*////// IMAGENS /////////*/

.img-fundo {
	background-size: cover;
	background-position: center;
}

/*////////////////////////*/
/*///// ESPAÇAMENTO //////*/
/*////////////////////////*/

.moldura-15 {
	padding: 15px;
}

/* BORDAS */

.borda-arredondada {
	border-radius: 5px;
}


/*////////////////////////*/
/*/////// EXIBIÇÃO ///////*/
/*////////////////////////*/

.ausente {
	display: none;
}

.presente {
	display: block;
}

.oculto {
	visibility: hidden;
}

.visivel {
	visibility: visible;
}

.sem-flex {
	flex: none;
}