* {
	margin: 0;
}

space-element { display: block; }

body {
	--font-family-primary: 'primary-thin';
	--font-family-primary-bold: 'primary-bold';

	--font-size-title: var(--6u);
	--font-size-subtitle: var(--5u);
	--font-size-subtitle2: var(--4u); /* <h4> */
	--font-size-paragraph: var(--4u);
	--font-size-observacao: var(--3u);
	--font-size-button-label: 14px;

	--color-branco: #fff;
	--color-preto: #000;

	--color-bg-section-description: rgba(0,0,0,.08);
	--color-bg-separation-element: rgba(0,0,0,.08);

	--color-verde-paulo-gustavo: #7CB03B;
	--color-azul-paulo-gustavo: #46BFE6;
	--color-amarelo-paulo-gustavo: #FAB71B;
	--color-vermelho-paulo-gustavo: #F04330;
	/* bg */
	--color-verde-bg-paulo-gustavo: #618a30;
	--color-azul-bg-paulo-gustavo: #398fac;
	--color-amarelo-bg-paulo-gustavo: #b8891d;
	--color-vermelho-bg-paulo-gustavo: #bd3e30;
	/* off */
	--color-verde-bg-off-paulo-gustavo: #18220b;
	--color-azul-bg-off-paulo-gustavo: #10262e;
	--color-amarelo-bg-off-paulo-gustavo: #312508;
	--color-vermelho-bg-off-paulo-gustavo: #35120e;
	--color-verde-bg-off-paulo-gustavo: #414141;
	--color-azul-bg-off-paulo-gustavo: #414141;
	--color-amarelo-bg-off-paulo-gustavo: #414141;
	--color-vermelho-bg-off-paulo-gustavo: #414141;

	--color-azul-prefeitura: #154387;

	--color-icon-notification-button: #ffffff;

	/* --color-calendar-proponentes: rgb(255, 242, 0, 0.15); */
	/* --color-calendar-pareceristas: rgb(43, 0, 255, 0.2); */
	--color-calendar-proponentes: #4d6e23;
	--color-calendar-pareceristas: rgb(31, 20, 92);

	--width-content-mobile : calc(var(--width-window) - var(--9u));
	--width-content-tablet: 540px;
	--width-content-desktop: 720px;
}

div {
	color: var(--color-primary);
	/* font-family: var(--font-family); */
}

img {
	--h: calc( var(--w) * var(--prop-yx));
	--half-w: calc( var(--w) / 2 );
	--half-width-window: calc( var(--width-window) / 2 );
	/* outline: 1px solid red; */
}

main {
	display: flex;
}

main div {
	margin-top: 20vh;
}

#capa-temporaria {
	max-width: 280px;
}

/* Desenvolvimento */
#content-container {
	/* display: flex;
	flex-direction: column; */

	position: fixed;
	top: var(--top-content-container);
	height: var(--height-content-container);
	width: 100%;
	overflow-y: scroll;
}
#content-container section {
	display: flex;
	flex-direction: column;
	min-height: var(--min-height-content-container);
}

.separation {
	width: calc( 100% - var(--4u) );
	height: 2px;
	background-color: var(--color-bg-separation-element);
	margin: var(--3u) var(--2u);
}

/*
.button-anexo {
	position: relative;
	z-index: -1;
}*/

.button-anexo-com-data .publicacao-data {
	/* background-color: var(--color-bg-section-description); */
	background-color: rgba(255,255,255,.2);
	font-family: var(--font-family-primary);
	font-size: 10px;
	text-align: center;

	--border-style: 1px solid #fff;
	--border-radius: var(--1u);
	/* border-bottom: var(--border-style); */
	/* border-left: var(--border-style); */
	/* border-right: var(--border-style); */
	padding: 2px;
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	margin-bottom: var(--4u);
}

.button-anexo-com-data,
.button-anexo {
	width: fit-content;
	margin-bottom: var(--2u);
}
.button-anexo-com-data:hover,
.button-anexo:hover {
	cursor: pointer;
}
.button-anexo.disabled {
	opacity: .3;
}
.button-anexo.disabled:hover button {
	cursor: not-allowed
}
.button-anexo-com-data button,
.button-anexo button {
	cursor: pointer;

	background-color: white;
	padding: var(--3u);
	box-shadow: 0px 0px 4px 4px var(--color-bg-section-description);
	border: 0px;
	border-radius: var(--1u);
}
.button-anexo-com-data button:hover,
.button-anexo button:hover {
	background-color: #ddd;
}


.mobile .button-anexo button,
.mobile .button-anexo-com-data button,
.tablet .button-anexo button,
.tablet .button-anexo-com-data button,
.desktop .button-anexo button,
.desktop .button-anexo-com-data button {
	width: calc(var(--w) - var(--24u))
}
.mobile .subsection-container .button-anexo button,
.tablet .subsection-container .button-anexo button,
.desktop .subsection-container .button-anexo button {
	width: calc( var(--w) - var(--32u))
}

table.calendar {
	/* background-color: var(--color-bg-section-description); */
	width: 100%;
}
table.calendar {
	font-family: var(--font-family-primary);
	font-size: var(--font-size-paragraph);

	position: relative;
	z-index: -1;
}
table.calendar .label-calendar-proponentes,
table.calendar .label-calendar-pareceristas {
	display: flex;
	flex-direction: column;

}
table.calendar .nome-evento {
	font-weight: bold;
	text-align: left;
	padding: var(--2u);
}
table.calendar .data {
	font-size: 16px;
	text-align: right;
	padding: var(--2u);
}

table.calendar tr.past {
	opacity: .5;
}

table.calendar div {
	background-color: var(--color-calendar-proponentes);
	min-height: 80px;
	border-radius: 4px;
}
table.calendar td.data {
	width: 130px;
}

.mobile table.calendar tr td:first-child {
	width: 50%;
}
table.calendar tr td:first-child {
	width: 70%;
}