@font-face { font-family: "Baloo2"; src: url("../assets/fonts/Baloo2-Regular.ttf"); }
@font-face { font-family: "Baloo2Bd"; src: url("../assets/fonts/Baloo2-Bold.ttf"); }

section {
  background: rgb(225,241,241);
  background: linear-gradient(45deg,rgba(225,241,241,1) 0%,rgba(255,255,255,1) 50%,rgba(225,241,241,0.4) 100%);
}
.paragraph p { line-height:40px; text-align:justify; }
.paragraph { display:flex; flex-direction:column; padding:0 6%; }
a,a:visited { color:#53784b; text-decoration:none; font-family:"Baloo2"; }
.map { display:flex; width:100%; justify-content:center; }
.map img { width:88%; }
.button-div { justify-content:center; display:flex; padding-bottom:66px; }
.text-section { display:flex; flex-direction:row; padding-bottom:50px; }

/* Botão genérico do portal — mantém original */
.button {
  font-family:"Baloo2"; color:#53784b; border-radius:3em; font-size:20px;
  padding:16px 40px; border:1px #53784b solid; letter-spacing:0.2em;
  text-align:center; background:transparent; cursor:pointer;
}

/* ─── Botão "ACESSE AQUI O PORTAL" — fundo verde, texto branco ─── */
.portal-access-btn {
  font-family: "Baloo2Bd" !important;
  background-color: #4a683b !important;
  color: #ffffff !important;
  border: 2px solid #4a683b !important;
  border-radius: 3em !important;
  font-size: 20px !important;
  padding: 16px 50px !important;
  letter-spacing: 0.2em !important;
  text-align: center !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: background-color 0.2s ease !important;
}
.portal-access-btn:hover { background-color:#3a5230 !important; border-color:#3a5230 !important; }
.portal-access-btn a,
.portal-access-btn a:visited,
.portal-access-btn a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

.portal-title { display:none; width:100%; }

@media only screen and (max-width:1000px) {
  .portal-title { display:unset; }
  .paragraph { margin-top:200px; }
  .text-section { flex-wrap:wrap; }
  .portal { display:none; }
}
@media only screen and (max-width:700px) {
  .paragraph { margin-top:50px; }
}