body { font-family: Montserrat, Arial, sans-serif; margin: 0; background: #fefefe; color: #002147; }
header { background: #002147; color: white; padding: 20px 10px 20px; text-align: center; }
#language-switcher { margin-top: 10px; }
#language-switcher button {background-color: #f37021;color: white; border: none; cursor: pointer;margin: 0 5px; }
nav { background: #f37021; display: flex; justify-content: center; }
nav a { color: white; text-decoration: none; padding: 15px 20px; }
nav a:hover { background: #002147; }
.banner { height: 300px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.slide { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; color: white; text-shadow: 2px 2px 4px #000; opacity: 0; transition: opacity 1s ease-in-out; }
.slide.active { opacity: 1; }
.section-title { text-align: center; margin: 40px 0 20px; color: #002147; }
.section-title-missao {margin: 40px 0 20px 40px; color: #002147; }
li {margin: 15px 0;}
.categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 20px; max-width: 1200px; margin: auto; }
.category { background: white; border: 1px solid #ccc; border-radius: 8px; padding: 20px; text-align: center; }
.category img { width: 100%; height: 150px; object-fit: cover; border-radius: 8px 8px 0 0; }

/*used in index */
.paragrafo-central {text-align:center;}
/* used in Fale Conosco page */
.form-title { text-align: center; margin: 40px 0 20px; color: #002147; }
form { max-width: 500px; margin: auto; display: flex; flex-direction: column;}
form label, form input, form textarea, form button { margin-bottom: 10px;}
form input, form textarea { padding: 8px; font-size: 1em; }
form button { padding: 10px; background-color: #f37021;  color: white;  border: none; cursor: pointer;}
form button:hover { background-color: #002147;}

/* used in obrigado and erro */
.mensagem { text-align: center; margin: 40px 0 20px; color: #002147; }

/*used in ingles page */
.ingles-body {margin: 25px} 


/*used in exce page */
.banner_excel { height: 300px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }

/*used for all page footers */
footer { background: #002147; color: white; text-align: center; padding: 20px; margin-top: 40px; }
.social-links a { color: white; margin: 0 10px; text-decoration: none; }
.social-links a:hover { text-decoration: underline; }