.repositorio {
  background: #EFF3F5;
  height: 400px;
}

h1,h2 {
  font-family: 'Oswald', sans-serif;
}

#sobre_nos h1{
  font-size: 3rem;
  padding-top: 2em;
  padding-bottom: 1em;
  padding-left: 15%;
  color: #fff;
}

#sobre_nos h2{
  font-size: 2rem;
  margin-bottom: 0.3em;
  margin-top: 0.5em;
  color: #fff;
  margin-left: 0px;
}

#sobre_nos{
  background-color: #1F4D6D;
  min-height: max-content;
  padding-bottom: 2em;
  display: block;
}

.contactos{
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: 15%;
  margin-left: 15%;
  padding: 1em;
  border: #fff;
  border-style: solid;
  border-radius: 35px;
  width: auto;
  height: 430px;
  overflow-y: auto;
  display: flex;
  flex-wrap: nowrap; /* Prevent text from wrapping below the image */
  overflow-x: auto; /* Enable horizontal overflow scroll when needed */
  overflow-y: hidden;
  white-space: nowrap;
}

.image-container{
  display: inline-block;
  width: auto;
  height: 392px;
  border-radius: 35px;
  flex-shrink: 0; /* Prevent the image from shrinking to fit */
  box-sizing: border-box; /* Include padding in the width calculation */
  margin-left: 10px; /* Add a margin to separate the text and image */
  float: right;
}

.image-container img{
  width: auto;
  height: 392px;
  border-radius: 35px;
  flex-shrink: 0; /* Prevent the image from shrinking to fit */
  padding: 10px; /* Add spacing between text and image */
  box-sizing: border-box; /* Include padding in the width calculation */
  margin-left: 10px; /* Add a margin to separate the text and image */
  float: right;
}

.hovered {
  display: none;
}

.image-container:hover .hovered{
  display: block;
}
.image-container:hover .original{
  display: none;
}

.contactos .texto-todo{
  position: inherit;
  flex: 1; /* Allow the text to expand as much as possible */
  box-sizing: border-box; /* Include padding in the width calculation */
  margin-left: 10px;
}

.contactos .texto{
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: medium;
  font-weight: 200;
  padding: 1px;
}

#socios{
  text-align: center;
  padding-bottom: 2em;
}

#socios ul{
  list-style: none;
  padding: 0px;
}

#socios h1{
  font-size: 2.5rem;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #1F4D6D;
  padding-left: 0px;
  text-align: center;
}

#socios h2{
  font-size: 2rem;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  color: #1F4D6D;
  margin-left: 0px;
}

#socios ul{
  color: #1F4D6D;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: medium;
  font-weight: 200;
  padding: 1px;
}

.box{
  display: inline-block;
  width: 20%; /* Adjust the width as needed */
  height: 340px;
  margin: 0 3%; /* Add spacing between the divs */
  padding: 5px; /* Optional: Add padding */
  box-sizing: border-box; /* Include padding and border in the width */
  border-radius: 25px;
  border: 3px solid #1F4D6D;
}

.scroll-container{
  /*display: flex;*/
  margin-top: 0px;
  flex-direction: column;
  align-items: center;
  height: 280px; /* Adjust as needed */
  overflow: hidden;
  position: relative;
}

.lista1 {
  max-height: 150px;
  overflow: hidden;
}

.lista2 {
  max-height: 150px;
  overflow: hidden;
}

.lista3 {
  max-height: 150px;
  overflow: hidden;
}

.scroll-button {
  background-color: #fff;
  border: none;
  margin: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 10%;
  cursor: pointer;
}

.scroll-button i{
  size: 25px;
  color: #1f4c6d2a;
}

.scroll-button:hover{
  background-color: #1f4c6d2a;
}

.scroll-button:hover i{
  color: #1F4D6D;
}

.up-button1{
  align-self: flex-start;
}

.up-button2{
  align-self: flex-start;
}

.up-button3{
  align-self: flex-start;
}

.down-button1{
  margin-top: 25px;
  align-self: flex-end;
}
.down-button2{
  margin-top: 25px;
  align-self: flex-end;
}

.down-button3{
  margin-top: 25px;
  align-self: flex-end;
}

.documentos{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.docs{
  color: #4183c4;
  text-decoration: none;
  margin-left: 30px;
}


h2#title_doc{
  margin-top: 1.5em;
  margin-left: 50px;
}

h3#subtitle_doc {
  margin-left: 55px;
  margin-bottom: 10px;
}

p#contactos_tex {
  color: #1F4D6D;
}

#documentos{
  background-color: #B0CEE4;
  padding-top: 3em;
  padding-bottom: 4em;
}

#documentos h1{
  font-size: 2.5rem;
  padding-bottom: 2em;
  padding-left: 0px;
  color: #1F4D6D;
  margin-left: 100px;
}

#documentos .row1 {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Vertically align elements in the center */
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 5px;
}

#documentos .row2{
  display: flex;
  justify-content: space-between;
  margin-left: 100px;
  margin-right: 100px;
}

#documentos .row1 .linea{
  width: 15%;
  background-color: #FFFF;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#documentos .row1 .linea:hover{
  background-color: #d8e9f5;
  cursor: pointer;
}

#documentos .row1 .lined:hover{
  background-color: #d8e9f5;
  cursor: pointer;
}

#documentos .row1 .lineg:hover{
  background-color: #d8e9f5;
  cursor: pointer;
}

#documentos .row2 .lineb:hover{
  background-color: #d8e9f5;
  cursor: pointer;
}

#documentos .row2 .linee:hover{
  background-color: #d8e9f5;
  cursor: pointer;
}

#documentos .row1 .lineb{
  width: 10%;
  background-color: transparent;
  border: 3px solid #1F4D6D;
  height: 39px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row1 .linec{
  width: 3.6%;
  background-color: #6E98B6;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row1 .lined{
  width: 20%;
  background-color: #FFFF;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#documentos .row1 .linee{
  width: 12%;
  background-color: #1F4D6D;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row1 .linef{
  width: 3.6%;
  background-color: #6E98B6;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row1 .lineg{
  width: 20%;
  background-color: #FFFF;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#documentos .row1 .lineh{
  width: 3.6%;
  background-color: #6E98B6;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row2 .linea{
  width: 21%;
  background-color: #1F4D6D;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row2 .lineb{
  width: 31%;
  background-color: #fff;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#documentos .row2 .linec{
  width: 3.4%;
  background-color: transparent;
  border: 3px solid #1F4D6D;
  height: 39px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row2 .lined{
  width: 9%;
  background-color: #6E98B6;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
}

#documentos .row2 .linee{
  width: 31%;
  background-color: #fff;
  height: 40px;
  border-radius: 20px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#documentos h3{
  font-size: 130%;
  font-weight: 300;
  color: #1F4D6D;
  margin: 0;
}

#documentos a{
  margin: 0px;
  text-decoration: none; /* Remove underline */
  color: inherit;
}

#sugestoes{
  background-color: #1F4D6D;
  padding-top: 4em;
  padding-bottom: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sugestoes h3{
  color: white;
  font-size: 35px;
  margin-right: 100px;
  overflow: hidden;
}

#sugestoes .paragrafos{
  display: inline-block;
}

#sugestoes .ui.teal.message{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #608197;
  width: fit-content;
  display: inline-block;
  border: 1px white solid;
  border-radius: 50px;
  margin: 0px;
  padding-left: 10%;
  padding-right: 10%;
}

#sugestoes .ui.teal.message p{
  font-size: large;
  color: white;
}

#sugestoes .form-group{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sugestoes .form-control{
  padding: 10px;
  background-color: #608197;
  width: 550px;
  border-radius: 25px;
  height: 140px;
  border: 1px white solid;
  margin-left: 0px;
  margin-right: 0px;
}

#sugestoes label{
  color: #fff;
  margin-left: 0px;
  font-size: medium;
  font-weight: 500;
  margin-bottom: 10px;
}

#sugestoes .ui.primary.button{
  background-color: #1F4D6D;
  border: 1px white solid;
  border-radius: 5px;
  padding: 5px;
  color: white;
}

#sugestoes .ui.primary.button:hover{
  background-color: #d8e9f5;
  cursor: pointer;
  color: #1F4D6D;
}

.container.socios button{
  margin-top: 1em;
  background-color: #1F4D6D;
  border: 1px white solid;
  border-radius: 5px;
  padding: 5px;
  color: white;
}

.container.socios button:hover{
  background-color: #d8e9f5;
  cursor: pointer;
  color: #1F4D6D;
}

#sugestoes .ui.success.message{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #608197;
  width: fit-content;
  display: inline-block;
  border: 1px white solid;
  border-radius: 50px;
  margin: 0px;
  padding-left: 10%;
  padding-right: 10%;
}

#thankyou_message .ui.success.message p{
  font-size: large;
  text-align: center;
  color: white;
  width: 300px;
}