@import url("https://fonts.googleapis.com/css?family=DM+Serif+Display:400,400i|Gothic+A1:300,400,500,600,700,800&display=swap");





/* Prevent adjustments of font size after orientation changes in iOS.*/

html {

	line-height: 1.15;  /* 1 */

	-webkit-text-size-adjust: 100%;  /* 2 */

}



/* ------------------------------------------------------------------- 

 * ## sections

 * ------------------------------------------------------------------- */



/* Remove the margin in all browsers. */

body {

	margin: 0;

}



/* Render the `main` element consistently in IE. */

main {

	display: block;

}



/* Correct the font size and margin on `h1` elements within `section` and

 * `article` contexts in Chrome, Firefox, and Safari. */

h1 {

	font-size: 1.5em;

	margin: 0.67em 0;

}





/* ------------------------------------------------------------------- 

 * ## grouping

 * ------------------------------------------------------------------- */



/* 1. Add the correct box sizing in Firefox.

 * 2. Show the overflow in Edge and IE. */

hr {

	box-sizing: content-box;  /* 1 */

	height: 0;  /* 1 */

	overflow: visible;  /* 2 */

}



/* 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers. */

pre {

	font-family: monospace, monospace;  /* 1 */

	font-size: 1em;  /* 2 */

}





/* ------------------------------------------------------------------- 

 * ## text-level semantics

 * ------------------------------------------------------------------- */



/* Remove the gray background on active links in IE 10. */

a {

	background-color: transparent;

}



/* 1. Remove the bottom border in Chrome 57-

 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */

abbr[title] {

	border-bottom: none;  /* 1 */

	text-decoration: underline;  /* 2 */

	text-decoration: underline dotted;  /* 2 */

}



/* Add the correct font weight in Chrome, Edge, and Safari. */

b,

strong {

	font-weight: bolder;

}



/* 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers. */

code,

kbd,

samp {

	font-family: monospace, monospace;  /* 1 */

	font-size: 1em;  /* 2 */

}



/* Add the correct font size in all browsers. */

small {

	font-size: 80%;

}



/* Prevent `sub` and `sup` elements from affecting the line height in

 * all browsers. */

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sub {

	bottom: -0.25em;

}



sup {

	top: -0.5em;

}





/* ------------------------------------------------------------------- 

 * ## embedded content

 * ------------------------------------------------------------------- */



/* Remove the border on images inside links in IE 10. */

img {

	border-style: none;

}





/* ------------------------------------------------------------------- 

 * ## forms

 * ------------------------------------------------------------------- */



/* 1. Change the font styles in all browsers.

 * 2. Remove the margin in Firefox and Safari. */

button,

input,

optgroup,

select,

textarea {

	font-family: inherit;  /* 1 */

	font-size: 100%;  /* 1 */

	line-height: 1.15;  /* 1 */

	margin: 0;  /* 2 */

}



/* Show the overflow in IE.

 * 1. Show the overflow in Edge. */

button,

input {



	/* 1 */

	overflow: visible;

}



/* Remove the inheritance of text transform in Edge, Firefox, and IE.

 * 1. Remove the inheritance of text transform in Firefox. */

button,

select {



	/* 1 */

	text-transform: none;

}



/* Correct the inability to style clickable types in iOS and Safari. */

button,

[type="button"],

[type="reset"],

[type="submit"] {

	-webkit-appearance: button;

}



/* Remove the inner border and padding in Firefox. */

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;

}



/* Restore the focus styles unset by the previous rule. */

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;

}



/* Correct the padding in Firefox. */

fieldset {

	padding: 0.35em 0.75em 0.625em;

}



/* 1. Correct the text wrapping in Edge and IE.

 * 2. Correct the color inheritance from `fieldset` elements in IE.

 * 3. Remove the padding so developers are not caught out when they zero out

 *    `fieldset` elements in all browsers. */

legend {

	box-sizing: border-box;  /* 1 */

	color: inherit;  /* 2 */

	display: table;  /* 1 */

	max-width: 100%;  /* 1 */

	padding: 0;  /* 3 */

	white-space: normal;  /* 1 */

}



/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */

progress {

	vertical-align: baseline;

}



/* Remove the default vertical scrollbar in IE 10+. */

textarea {

	overflow: auto;

}



/* 1. Add the correct box sizing in IE 10.

 * 2. Remove the padding in IE 10. */

[type="checkbox"],

[type="radio"] {

	box-sizing: border-box;  /* 1 */

	padding: 0;  /* 2 */

}



/* Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



/* 1. Correct the odd appearance in Chrome and Safari.

 * 2. Correct the outline style in Safari. */

[type="search"] {

	-webkit-appearance: textfield;  /* 1 */

	outline-offset: -2px;  /* 2 */

}



/* Remove the inner padding in Chrome and Safari on macOS. */

[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



/* 1. Correct the inability to style clickable types in iOS and Safari.

 * 2. Change font properties to `inherit` in Safari. */

::-webkit-file-upload-button {

	-webkit-appearance: button;  /* 1 */

	font: inherit;  /* 2 */

}





/* ------------------------------------------------------------------- 

 * ## interactive

 * ------------------------------------------------------------------- */



/* Add the correct display in Edge, IE 10+, and Firefox. */

details {

	display: block;

}



/* Add the correct display in all browsers. */

summary {

	display: list-item;

}





/* ------------------------------------------------------------------- 

 * ## misc

 * ------------------------------------------------------------------- */



/* Add the correct display in IE 10+. */

template {

	display: none;

}



/* Add the correct display in IE 10. */

[hidden] {

	display: none;

}







/* ===================================================================

 * # basic/base setup styles

 *

 * ------------------------------------------------------------------- */

html {

	font-size: 62.5%;

	box-sizing: border-box;

}



*,

*::before,

*::after {

	box-sizing: inherit;

}



body {

	font-weight: normal;

	line-height: 1;

	word-wrap: break-word;

	-moz-font-smoothing: grayscale;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;

	-webkit-overflow-scrolling: touch;

	-webkit-text-size-adjust: none;

}



footer {

	font-weight: normal;

	text-align: center;

	margin-top: 5em;

}



footer a {

	margin-left: 15rem;

}



/* ------------------------------------------------------------------- 

 * ## Media

 * ------------------------------------------------------------------- */

svg,

img,

video

embed,

iframe,

object {

	max-width: 100%;

	height: auto;
}


/* ------------------------------------------------------------------- 

 * ## Typography resets 

 * ------------------------------------------------------------------- */

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

p,

blockquote,

th,

td {

	margin: 0;

	padding: 0;

}



p {

	font-size: inherit;

	text-rendering: optimizeLegibility;

}



em,

i {

	font-style: italic;

	line-height: inherit;

}



strong,

b {

	font-weight: bold;

	line-height: inherit;

}



small {

	font-size: 60%;

	line-height: inherit;

}



ol,

ul {

	list-style: none;

}



li {

	display: block;

}





/* ------------------------------------------------------------------- 

 * ## links

 * ------------------------------------------------------------------- */

a {

	text-decoration: none;

	line-height: inherit;

}



a img {

	border: none;

}

/* ===================================================================

 * # grid v2.1.1

 *

 *   -----------------------------------------------------------------

 * - Grid breakpoints are based on MAXIMUM WIDTH media queries, 

 *   meaning they apply to that one breakpoint and ALL THOSE BELOW IT.

 * - Grid columns without a specified width will automatically layout 

 *   as equal width columns.

 * ------------------------------------------------------------------- */



/* rows

 * ------------------------------------- */

.row {
	width: 50%; /*Largura imagens menu*/
	max-width: 1400px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;

}



.row .row {

	width: auto;

	max-width: none;

	margin-left: 4rem;

	margin-right: 4rem;
	
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
	justify-content: space-between; /* Espaço entre as colunas */

}



/* columns

 * -------------------------------------- */

.column {

	-webkit-flex: 1 1 0%;

	-ms-flex: 1 1 0%;

	flex: 1 1 0%;

	padding: 0 20px;
	

}


.collapse > .column,

.column.collapse {

	padding: 0;

}

.resizable {
    position: relative;
    display: flex;
    justify-content: center;
	
}

#myCanvas {
    display: block;
    margin: 0 auto; /* Centraliza a imagem horizontalmente */
    width: 50%; /* Valor padrão */
	height: auto;
	aspect-ratio: 279 / 94; /* Define a proporção */
	style: border:none;
	border-radius: 10px;
}

.tab-nav__list {

    display: flex;

    justify-content: space-around; /* ou 'space-between', dependendo do alinhamento desejado */

    list-style: none; /* remove marcadores */

    padding: 0; /* remove espaçamento interno */

	margin-top: 1.5em;

	margin-bottom: 2em;

}



.tab-nav__list li {

    display: inline-block; /* Garante que os itens fiquem lado a lado */
    /*margin: 0 10px; /* Opcional: Espaçamento entre itens */

}



.tab-nav__list li a {

    text-decoration: none; /* Remove sublinhado dos links */

    color: #4D7AFF; /* Ajuste a cor conforme necessário */

    /*transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);*/

}



.tab-nav__list li a:hover,

.tab-nav__list li a:focus,

.tab-nav__list li a:active {

	color: #0000BB;

}



#map-frame {

    height: 40rem; /* ou use uma unidade como vh para altura relativa */

}





/* flex row containers utility classes

 * ----------------------------------------- */

.row.row-wrap {

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}



.row.row-nowrap {

	-webkit-flex-wrap: nowrap;

	-ms-flex-wrap: none;

	flex-wrap: nowrap;

}



.row.row-y-top {

	-webkit-align-items: flex-start;

	-ms-flex-align: start;

	align-items: flex-start;

}



.row.row-y-bottom {

	-webkit-align-items: flex-end;

	-ms-flex-align: end;

	align-items: flex-end;

}



.row.row-y-center {

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.row.row-stretch {

	-webkit-align-items: stretch;

	-ms-flex-align: stretch;

	align-items: stretch;

}



.row.row-baseline {

	-webkit-align-items: baseline;

	-ms-flex-align: baseline;

	align-items: baseline;

}



.row.row-x-left {

	-ms-flex-pack: start;

	-webkit-justify-content: flex-start;

	justify-content: flex-start;

}



.row.row-x-right {

	-ms-flex-pack: end;

	-webkit-justify-content: flex-end;

	justify-content: flex-end;

}



.row.row-x-center {

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

}



/* flex item utility alignment classes

 * ----------------------------------------- */

.align-center {

	margin: auto;

	-webkit-align-self: center;

	-ms-flex-item-align: center;

	align-self: center;

}



.align-left {

	margin-right: auto;

	-webkit-align-self: center;

	-ms-flex-item-align: center;

	align-self: center;

}



.align-right {

	margin-left: auto;

	-webkit-align-self: center;

	-ms-flex-item-align: center;

	align-self: center;

}



.align-x-center {

	margin-right: auto;

	margin-left: auto;

}



.align-x-left {

	margin-right: auto;

}



.align-x-right {

	margin-left: auto;

}



.align-y-center {

	-webkit-align-self: center;

	-ms-flex-item-align: center;

	align-self: center;

}



.align-y-top {

	-webkit-align-self: flex-start;

	-ms-flex-item-align: start;

	align-self: flex-start;

}



.align-y-bottom {

	-webkit-align-self: flex-end;

	-ms-flex-item-align: end;

	align-self: flex-end;

}



/* large screen column widths 

 * -------------------------------------- */

.large-1 {

	-webkit-flex: 0 0 8.33333%;

	-ms-flex: 0 0 8.33333%;

	flex: 0 0 8.33333%;

	max-width: 8.33333%;

}



.large-2 {

	-webkit-flex: 0 0 16.66667%;

	-ms-flex: 0 0 16.66667%;

	flex: 0 0 16.66667%;

	max-width: 16.66667%;

}



.large-3 {

	-webkit-flex: 0 0 25%;

	-ms-flex: 0 0 25%;

	flex: 0 0 25%;

	max-width: 25%;

}



.large-4 {

	-webkit-flex: 0 0 33.33333%;

	-ms-flex: 0 0 33.33333%;

	flex: 0 0 33.33333%;

	max-width: 33.33333%;

}



.large-5 {

	-webkit-flex: 0 0 41.66667%;

	-ms-flex: 0 0 41.66667%;

	flex: 0 0 41.66667%;

	max-width: 41.66667%;

}


.large-6,

.large-half {

	-webkit-flex: 0 0 45%;

	-ms-flex: 0 0 45%;

	flex: 0 0 45%;

	max-width: 45%;
	
	
	text-align: justify;

}


.large-7 {

	-webkit-flex: 0 0 58.33333%;

	-ms-flex: 0 0 58.33333%;

	flex: 0 0 58.33333%;

	max-width: 58.33333%;

}



.large-8 {

	-webkit-flex: 0 0 66.66667%;

	-ms-flex: 0 0 66.66667%;

	flex: 0 0 66.66667%;

	max-width: 66.66667%;

}



.large-9 {

	-webkit-flex: 0 0 75%;

	-ms-flex: 0 0 75%;

	flex: 0 0 75%;

	max-width: 75%;

}



.large-10 {

	-webkit-flex: 0 0 83.33333%;

	-ms-flex: 0 0 83.33333%;

	flex: 0 0 83.33333%;

	max-width: 83.33333%;

}



.large-11 {

	-webkit-flex: 0 0 91.66667%;

	-ms-flex: 0 0 91.66667%;

	flex: 0 0 91.66667%;

	max-width: 91.66667%;

}



.large-12,

.large-full {

	-webkit-flex: 0 0 100%;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

}





/* ------------------------------------------------------------------- 

 * ## medium screen devices

 * ------------------------------------------------------------------- */

@media screen and (max-width:1200px) {

	.row .row {

		margin-left: -16px;

		margin-right: -16px;

	}



	.column {

		padding: 0 16px;

	}



	.medium-1 {

		-webkit-flex: 0 0 8.33333%;

		-ms-flex: 0 0 8.33333%;

		flex: 0 0 8.33333%;

		max-width: 8.33333%;

	}



	.medium-2 {

		-webkit-flex: 0 0 16.66667%;

		-ms-flex: 0 0 16.66667%;

		flex: 0 0 16.66667%;

		max-width: 16.66667%;

	}



	.medium-3 {

		-webkit-flex: 0 0 25%;

		-ms-flex: 0 0 25%;

		flex: 0 0 25%;

		max-width: 25%;

	}



	.medium-4 {

		-webkit-flex: 0 0 33.33333%;

		-ms-flex: 0 0 33.33333%;

		flex: 0 0 33.33333%;

		max-width: 33.33333%;

	}



	.medium-5 {

		-webkit-flex: 0 0 41.66667%;

		-ms-flex: 0 0 41.66667%;

		flex: 0 0 41.66667%;

		max-width: 41.66667%;

	}



	.medium-6,

	.medium-half {

		-webkit-flex: 0 0 50%;

		-ms-flex: 0 0 50%;

		flex: 0 0 50%;

		max-width: 50%;

	}



	.medium-7 {

		-webkit-flex: 0 0 58.33333%;

		-ms-flex: 0 0 58.33333%;

		flex: 0 0 58.33333%;

		max-width: 58.33333%;

	}



	.medium-8 {

		-webkit-flex: 0 0 66.66667%;

		-ms-flex: 0 0 66.66667%;

		flex: 0 0 66.66667%;

		max-width: 66.66667%;

	}



	.medium-9 {

		-webkit-flex: 0 0 75%;

		-ms-flex: 0 0 75%;

		flex: 0 0 75%;

		max-width: 75%;

	}



	.medium-10 {

		-webkit-flex: 0 0 83.33333%;

		-ms-flex: 0 0 83.33333%;

		flex: 0 0 83.33333%;

		max-width: 83.33333%;

	}



	.medium-11 {

		-webkit-flex: 0 0 91.66667%;

		-ms-flex: 0 0 91.66667%;

		flex: 0 0 91.66667%;

		max-width: 91.66667%;

	}



	.medium-12,

	.medium-full {

		-webkit-flex: 0 0 100%;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}



}





/* ------------------------------------------------------------------- 

 * ## tablets

 * ------------------------------------------------------------------- */

@media screen and (max-width:800px) {

	.tab-1 {

		-webkit-flex: 0 0 8.33333%;

		-ms-flex: 0 0 8.33333%;

		flex: 0 0 8.33333%;

		max-width: 8.33333%;

	}



	.tab-2 {

		-webkit-flex: 0 0 16.66667%;

		-ms-flex: 0 0 16.66667%;

		flex: 0 0 16.66667%;

		max-width: 16.66667%;

	}



	.tab-3 {

		-webkit-flex: 0 0 25%;

		-ms-flex: 0 0 25%;

		flex: 0 0 25%;

		max-width: 25%;

	}



	.tab-4 {

		-webkit-flex: 0 0 33.33333%;

		-ms-flex: 0 0 33.33333%;

		flex: 0 0 33.33333%;

		max-width: 33.33333%;

	}



	.tab-5 {

		-webkit-flex: 0 0 41.66667%;

		-ms-flex: 0 0 41.66667%;

		flex: 0 0 41.66667%;

		max-width: 41.66667%;

	}



	.tab-6,

	.tab-half {

		-webkit-flex: 0 0 50%;

		-ms-flex: 0 0 50%;

		flex: 0 0 50%;

		max-width: 50%;

	}



	.tab-7 {

		-webkit-flex: 0 0 58.33333%;

		-ms-flex: 0 0 58.33333%;

		flex: 0 0 58.33333%;

		max-width: 58.33333%;

	}



	.tab-8 {

		-webkit-flex: 0 0 66.66667%;

		-ms-flex: 0 0 66.66667%;

		flex: 0 0 66.66667%;

		max-width: 66.66667%;

	}



	.tab-9 {

		-webkit-flex: 0 0 75%;

		-ms-flex: 0 0 75%;

		flex: 0 0 75%;

		max-width: 75%;

	}



	.tab-10 {

		-webkit-flex: 0 0 83.33333%;

		-ms-flex: 0 0 83.33333%;

		flex: 0 0 83.33333%;

		max-width: 83.33333%;

	}



	.tab-11 {

		-webkit-flex: 0 0 91.66667%;

		-ms-flex: 0 0 91.66667%;

		flex: 0 0 91.66667%;

		max-width: 91.66667%;

	}



	.tab-12,

	.tab-full {

		-webkit-flex: 0 0 100%;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}



	.hide-on-tablet {

		display: none;

	}



}





/* ------------------------------------------------------------------- 

 * ## mobile devices 

 * ------------------------------------------------------------------- */

@media screen and (max-width:600px) {

	.row {

		width: 100%;

		padding-left: 25px;

		padding-right: 25px;

	}



	.row .row {

		margin-left: -10px;

		margin-right: -10px;

		padding-left: 0;

		padding-right: 0;

	}



	.column {

		padding: 0 10px;
	}

.large-6.tab-full {
	line-height: 1.2;	
}

	.mob-1 {

		-webkit-flex: 0 0 8.33333%;

		-ms-flex: 0 0 8.33333%;

		flex: 0 0 8.33333%;

		max-width: 8.33333%;

	}



	.mob-2 {

		-webkit-flex: 0 0 16.66667%;

		-ms-flex: 0 0 16.66667%;

		flex: 0 0 16.66667%;

		max-width: 16.66667%;

	}



	.mob-3 {

		-webkit-flex: 0 0 25%;

		-ms-flex: 0 0 25%;

		flex: 0 0 25%;

		max-width: 25%;

	}



	.mob-4 {

		-webkit-flex: 0 0 33.33333%;

		-ms-flex: 0 0 33.33333%;

		flex: 0 0 33.33333%;

		max-width: 33.33333%;

	}



	.mob-5 {

		-webkit-flex: 0 0 41.66667%;

		-ms-flex: 0 0 41.66667%;

		flex: 0 0 41.66667%;

		max-width: 41.66667%;

	}



	.mob-6,

	.mob-half {

		-webkit-flex: 0 0 50%;

		-ms-flex: 0 0 50%;

		flex: 0 0 50%;

		max-width: 50%;

	}



	.mob-7 {

		-webkit-flex: 0 0 58.33333%;

		-ms-flex: 0 0 58.33333%;

		flex: 0 0 58.33333%;

		max-width: 58.33333%;

	}



	.mob-8 {

		-webkit-flex: 0 0 66.66667%;

		-ms-flex: 0 0 66.66667%;

		flex: 0 0 66.66667%;

		max-width: 66.66667%;

	}



	.mob-9 {

		-webkit-flex: 0 0 75%;

		-ms-flex: 0 0 75%;

		flex: 0 0 75%;

		max-width: 75%;

	}



	.mob-10 {

		-webkit-flex: 0 0 83.33333%;

		-ms-flex: 0 0 83.33333%;

		flex: 0 0 83.33333%;

		max-width: 83.33333%;

	}



	.mob-11 {

		-webkit-flex: 0 0 91.66667%;

		-ms-flex: 0 0 91.66667%;

		flex: 0 0 91.66667%;

		max-width: 91.66667%;

	}



	.mob-12,

	.mob-full {

		-webkit-flex: 0 0 100%;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}



	.hide-on-mobile {

		display: none;

	}

}


/* ------------------------------------------------------------------- 

 * ## small mobile devices <= 400px

 * ------------------------------------------------------------------- */

@media screen and (max-width:400px) {

	.row {

		padding-left: 22px;

		padding-right: 22px;

	}



	.row .row {

		margin-left: 2;

		margin-right: 2;

	}



	.column {

		-webkit-flex: 0 0 100%;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

		width: 100%;

		margin-left: 0;

		margin-right: 0;

		padding: 0;

	}

.large-6.tab-full {
	line-height: 1.2;	
}

}

/* ===================================================================

 * # block grids

 *

 * -------------------------------------------------------------------

 * Equally-sized columns define at parent/row level.

 * ------------------------------------------------------------------- */


.block-large-1-3 > .column {

	-webkit-flex: 0 0 33.33333%;

	-ms-flex: 0 0 33.33333%;

	flex: 0 0 33.33333%;

	max-width: 33.33333%;

}

/* ------------------------------------------------------------------- 

 * ## block grids - medium screen devices

 * ------------------------------------------------------------------- */

@media screen and (max-width:1200px) {


	.block-medium-1-2 > .column {

		-webkit-flex: 0 0 50%;

		-ms-flex: 0 0 50%;

		flex: 0 0 50%;

		max-width: 50%;

	}

}


/* ------------------------------------------------------------------- 

 * ## block grids - tablets

 * ------------------------------------------------------------------- */

@media screen and (max-width:800px) {


	.block-tab-full > .column {

		-webkit-flex: 0 0 100%;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}


}




/* ------------------------------------------------------------------- 

 * ## block grids - small mobile devices <= 400px

 * ------------------------------------------------------------------- */

@media screen and (max-width:400px) {

	.stack > .column {

		-webkit-flex: 0 0 100%;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

		width: 100%;

		margin-left: 0;

		margin-right: 0;

		padding: 0;

	}



}







/* ===================================================================

 * # MISC

 *

 * ------------------------------------------------------------------- */

.h-group:after {

	content: "";

	display: table;

	clear: both;

}



/* misc helper classes

 * -------------------------------------- */

.is-hidden {

	display: none;

}



.is-invisible {

	visibility: hidden;

}



.h-antialiased {

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.h-overflow-hidden {

	overflow: hidden;

}



.h-remove-bottom {

	margin-bottom: 0;

}



.h-add-half-bottom {

	margin-bottom: 1.6rem !important;

}



.h-add-bottom {

	margin-bottom: 3.2rem !important;

}



.h-no-border {

	border: none;

}



.h-full-width {

	width: 100%;

}



.h-text-center {

	text-align: center;

}



.h-text-left {

	text-align: left;

}



.h-text-right {

	text-align: right;

}



.h-pull-left {

	float: left;

}



.h-pull-right {

	float: right;

}



/*# sourceMappingURL=base.css.map */



/* preloader */

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #1d1d1d;

  z-index: 500;

  height: 100vh;

  width: 100%;

  overflow: hidden;

}



.no-js #preloader,

.oldie #preloader {

  display: none;

}



#loader {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 6px;

  height: 6px;

  padding: 0;

  display: inline-block;

  -webkit-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

}



#loader > div {

  content: "";

  background: #ffffff;

  width: 6px;

  height: 6px;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

}



#loader > div:nth-of-type(1) {

  left: 15px;

}



#loader > div:nth-of-type(3) {

  left: -15px;

}



/* base style overrides */


html {

  font-size: 10px;

}


@media screen and (max-width:400px) {

  html {

    font-size: 9.444444444444444px;

  }
  
   p.lead {

    font-size: 1.6rem;
	margin-bottom: 0.6rem;
	line-height: 1.4;

  }

    #myCanvas {
        width: 90%;
    }

}



html,

body {

  height: 100%;

}



body {

	background: #202020;

	font-family: "Gothic A1", sans-serif;

	font-size: 1.8rem;

	font-style: normal;

	font-weight: normal;

	line-height: 1.778;

	color: #ececec;

	margin: 0;

	padding: 0;

	position: relative;

}

	.column {
		padding: 0 6px;
	}

a {

  color: #00BB00;

  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

}



a:hover,

a:focus,

a:active {

  color: #006600;

}



a:hover,

a:active {

  outline: 0;

}



h1,

h3 {

  font-style: normal;

  color: #ececec;

  font-variant-ligatures: common-ligatures;

  text-rendering: optimizeLegibility;

}



h1 {

  font-family: "Arial", serif;
  
  font-weight: 400;
  line-height: 1.5;

}



h3 {

  font-family: "Gothic A1", sans-serif;

  font-weight: 700;

  font-size: 2.4rem;

  line-height: 1.167;

}



p.lead {
	font-family: "Gothic A1", sans-serif;
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.8;
	margin-bottom: 1.4rem;
	color: #dddddd;
	text-align: justify;

}

.tab-nav__list li {

    display: inline-block; /* Garante que os itens fiquem lado a lado */
    margin: 0 1em 0 0; /*Opcional: Espaçamento entre linhas */

}



@media screen and (max-width:1200px) {

  p.lead {

    font-size: 1.9rem;
	margin-bottom: 0.8rem;
	line-height: 1.6;

  }

    #myCanvas {
        width: 60%;
    }

}



@media screen and (max-width:600px) {

  p.lead {

    font-size: 1.7rem;
	margin-bottom: 0.6rem;
	line-height: 1.4;

  }

    #myCanvas {
        width: 80%;
    }

}





/* ===================================================================

 * layout style

 *

 * ------------------------------------------------------------------- */



/* -------------------------------------------------------------------

 * header

 * ------------------------------------------------------------------- */

header {

  text-align: center;

  padding: 3.8rem 0 1.6rem;

  margin-bottom: 0.4rem;

  position: relative;

}



header .row {

  max-width: 900px;

}

}


@media screen and (max-width:1200px) {

  header .row {
	max-width: 800px;

  }



}



header h1 {

  font-size: 5.2rem;

  line-height: 1.385;

  margin-bottom: 2.4rem;

}



header h1 span {

  color: #4D7AFF;

}



@media screen and (max-width:600px) {

  header h1 {

    font-size: 4rem;

    letter-spacing: -.07rem;

  }



}



/* ------------------------------------------------------------------- 

 * main

 * ------------------------------------------------------------------- */

main {

  text-align: center;

  padding-bottom: 8rem;

}



main footer {

	font-weight: normal;

	text-align: center;

	margin-top: 1em;

}



main footer a {

	margin-left: 15rem;

}



main .row {

  max-width: 1160px;

  margin-bottom: 0;

}



main .column {

  margin-bottom: 2.2rem;

}



main .entry__thumb {

  position: relative;

  overflow: hidden;

}



main .entry__thumb a {

  display: block;

}



main .entry__thumb a img {

  vertical-align: bottom;

}



main .entry__thumb a::before {

  content: "";

  display: block;

  background: rgba(0, 0, 0, 0.8);

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: all .3s;

  z-index: 1;

}



main .entry__thumb a::after {

  content: "...";

  font-family: georgia, serif;

  font-size: 2.7rem;

  z-index: 1;

  display: block;

  height: 30px;

  width: 30px;

  letter-spacing: -1px;

  line-height: 30px;

  margin-left: -15px;

  margin-top: -30px;

  position: absolute;

  left: 50%;

  top: 50%;

  text-align: center;

  color: #ffffff;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(0.5);

  transform: scale(0.5);

  transition: all .3s;

}



main .entry__thumb:hover a::before {

  opacity: 1;

  visibility: visible;

}



main .entry__thumb:hover a::after {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  transform: scale(1);

}



main .entry__title {

  padding-top: 2.8rem;

}



main .entry__title h3 {

  font-size: 1.8rem;

  line-height: 1.556;

  margin-bottom: 1.6rem;

  color: white;

}





/* ------------------------------------------------------------------- 

 * responsive:

 * main

 * ------------------------------------------------------------------- */

@media screen and (max-width:1200px) {

  main .row {

    max-width: 900px;

  }



}



@media screen and (max-width:800px) {

  main .row {

    max-width: 600px;

  }



}

@media screen and (max-width:600px) {

  main .row {

    max-width: 450px;

  }


}



/* ===================================================================

 * # prettyprint GitHub Theme

 *

 * ------------------------------------------------------------------- */

.prettyprint {

  background: #efefef;

  font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;

  font-size: 13px;

  line-height: 1.538;

  border-radius: 4px;

  border: none;

}



.pln {

  color: #333333;

}



@media screen {

  .str {

    color: #dd1144;

  }



  .kwd {

    color: #333333;

  }



  .com {

    color: #999988;

  }



  .typ {

    color: #445588;

  }



  .lit {

    color: #445588;

  }



  .pun {

    color: #333333;

  }



  .opn {

    color: #333333;

  }



  .clo {

    color: #333333;

  }



  .tag {

    color: navy;

  }



  .atn {

    color: teal;

  }



  .atv {

    color: #dd1144;

  }



  .dec {

    color: #333333;

  }



  .var {

    color: teal;

  }



  .fun {

    color: #990000;

  }



}



@media print, projection {

  .str {

    color: #006600;

  }



  .kwd {

    color: #006;

    font-weight: bold;

  }



  .com {

    color: #600;

    font-style: italic;

  }



  .typ {

    color: #404;

    font-weight: bold;

  }



  .lit {

    color: #004444;

  }



  .pun,

  .opn,

  .clo {

    color: #444400;

  }



  .tag {

    color: #006;

    font-weight: bold;

  }



  .atn {

    color: #440044;

  }



  .atv {

    color: #006600;

  }



}



/* Specify class=linenums on a pre to get line numbering */

ol.linenums {

  margin-top: 0;

  margin-bottom: 0;

}



/* IE indents via margin-left */

li.L0,

li.L1,

li.L2,

li.L3,

li.L4,

li.L5,

li.L6,

li.L7,

li.L8,

li.L9 {



}



/* Alternate shading for lines */

li.L1,

li.L3,

li.L5,

li.L7,

li.L9 {



}