@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Finlandica:ital,wght@0,400..700;1,400..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Lexend:wght@100..900&family=Outfit:wght@100..900&display=swap');
@import url("bootstrap.css");
@import url("header.css");
@import url("destaque.css");
@import url("index.css");
@import url("conteudo.css");
@import url("lightbox.css");
@import url("footer.css");
@import url("carousel.css");
@import url("forms.css");
@import url("awesome.css");
@import url("teste.css");


:root {
  --cor-principal: #333F50;
}


html {
  scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 92px;
}

body {
	
	font-size:16px;
	line-height:20px;
	text-decoration: none;
	color:#000;
	height:100%;
	background:#FFF;
	font-family: "DM Sans", serif;
	/**
	font-family: "Finlandica", serif;
	font-family: "DM Sans", serif;
	font-family: "Lexend", serif;
	font-family: "Jost", serif;
	font-family: "Outfit", serif;
	**/
}

/** cor site: #0B6755 **/

* { margin:0; padding:0; list-style:none;border:none;outline:none;}

a,
a:hover,
a:focus,
a:active,
button:focus {
    text-decoration: none;
    border: none;
    outline: 0;
	color:#000;
}
img {
    max-width: 100%;
    height: auto;
}
a:hover {
	color: #111111;
}
p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 22px;
}


.divider {
    background:url(img/divider.png);
	height: 5px;
}





/* ======= */
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
/* ======= */
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
/* ======= */
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
/* ======= */
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
/* ======= */






/* ========================================= */
/* BARRA DE ACESSIBILIDADE                   */
/* ========================================= */
.acessibilidade-bar {
    font-size: 14px;
}
.btn-acessibilidade {
    background: none;
    border: none;
    color: #333;
    cursor: pointer;
    font-weight: 500;
    padding: 0 8px;
    transition: 0.3s;
}
.btn-acessibilidade:hover {
    color: var(--cor-principal);
    text-decoration: underline;
}

/* --- MODO ALTO CONTRASTE --- */
body.alto-contraste {
    background-color: #000 !important;
    color: #fff !important;
}
body.alto-contraste * {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}
body.alto-contraste a, 
body.alto-contraste button {
    color: #FFD700 !important; /* Amarelo para destacar links */
}
body.alto-contraste img {
    filter: grayscale(100%) contrast(120%);
}

/* --- MODO DISLEXIA --- */
/* Usa uma fonte OpenDyslexic (se instalada) ou Comic Sans (excelente alternativa nativa para dislexia) */
body.fonte-dislexia, 
body.fonte-dislexia * {
    font-family: "Comic Sans MS", "OpenDyslexic", sans-serif !important;
    letter-spacing: 0.1em !important;
    word-spacing: 0.2em !important;
    line-height: 1.6 !important;
}