/* --------- HEADER --------- */

#header-section{
  max-height: 1080px;
}

.header{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
}

.background-header{
  background-image: url("../images/background-header-min.png");
  background-position: center;
  background-repeat: no-repeat;
}

.header-menu{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4%;
}

.header-menu > img{
  width: 50vw;
}

.header-title{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* --------- HISTORY --------- */

.history{
  display: flex;
  flex-direction: row;
}

#history-section > div > div:nth-child(1) > div.section-title {
  text-align: center;
  margin-bottom: 3vh;
}

#history-section > div > div:nth-child(1) > div.section-body {
  color: var(--gray);
  margin-bottom: 5vh;
}

#history-section > div > div.vista-aerea{
  display: flex;  
  justify-content: center;
}

#history-section > div > div.vista-aerea > img{
  min-width: 100%;
  object-fit: contain; 
}

/* --------- PRODUCTS --------- */

#products-section {
  background-color: var(--brand);
}

.products{  
  display: flex;
  flex-direction: column;
}

.products-card:first-of-type{
  margin-top: 0;
}

.products-card{
  margin-top: 3vh;
  margin-bottom: 3vh;    
}

.products-card:last-of-type{
  margin-bottom: 0;
}

.card-image{  
  display: flex;
  flex-direction: column;
}

.card-image > img{
  width: 100%;
  height: 40vw;
  object-fit: cover;
}

.card-image > span{
  align-self: flex-end;
  margin-top: 5px;
}

.card-title{
  margin-top: 15px;
  margin-bottom: 10px;
}

.card-separator{
  width: 100%;
  display: flex;
  justify-content: center;
}

.card-separator > hr{
  width: 95%;
}

/* --------- PROJECTS --------- */

.slideshow{
  position: relative;
  max-width: 100vw;
  height: 75vh;  
}

.slideshow-images{
  position: absolute;
  width: 100%;
  height: 100%;
}

.slideshow-images > img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slideshow-control{
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  height: inherit;
}

.slideshow-message{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.slideshow-message > span:nth-child(1){
  margin-bottom: 10px;
}

.slideshow-arrows{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--white);
  font-size: 5vh;
}

.slideshow-arrows-left{
  margin-left: 5vw;
}

.slideshow-arrows-right{
  margin-right: 5vw;
}

.slideshow-track{
  display: flex;
  justify-content: space-between;
  width: 40vw;
  margin-bottom: 5vw;
}

/* --------- PARTNERS --------- */

#partners-section {
  background-color: var(--brand);
  padding-bottom: 0;
}

#partners-section .section-title {
  text-align: center;
  margin-bottom: 5vh;
  color: var(--white);
}

.partners{
  display: flex;
  flex-direction: column;
}

.partners-logos{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.partners-logos > a{
  width: 45%;
  margin-bottom: 6vh;
}

.partners-logos > a > img{
  width: 100%;
  height: 10vh;
  object-fit: contain;
}

/* --------- CONTACT AND LOCALIZATION --------- */

/* contact */

.contact{
  display: flex;
  align-items: flex-start;
  flex-flow: column;
}

div.contact > div.section-title{
  width: 100%;
  text-align: center;
  margin-bottom: 3vh;
}

.contact-label, .contact-input{
  margin-bottom: 5px;
}

.contact-input{
  width: 100%;
  border: 2px solid var(--dark-gray);
}

.contact-textarea{
  padding: 5px;
  width: 100%;
  border: 2px solid var(--dark-gray);
}

.contact-buttons{
  margin-top: 3vh;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.contact-button{
  border: none;
  outline:none;  
  padding: 1.5vh 2vh 1.5vh 2vh;
}

#button-whatsapp{
  background-color: var(--green-whatsapp);
}

#button-whatsapp:hover{
  background-color: var(--dark-green-whatsapp);
}

#button-send-message{
  background-color: var(--brand);
}

#button-send-message:hover{
  background-color: var(--dark-brand);
}

/* localization */

.localization{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
  margin-top: 5vh;
}

div.localization > div.section-title{
  width: 100%;
  text-align: center;  
  margin-bottom: 3vh;
}

.localization-map{
  width: 100%;
  height: 50vh;
}

.localization-address{
  margin-top: 10px;
  text-align: center;
}

/* --------- FOOTER --------- */

#footer-section{
  background-color: var(--brand);
  display: flex;
  flex-flow: column;
}

.footer{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;  
}

#footer-section > .footer > img{
  width: 50vw;
}

.footer-localization{
  text-align: center;
}

.footer-contact{
  display: flex;
  flex-flow: column;
  align-items: center;
}

.footer-social-media{
  font-size: 4vh;
  color: var(--white);
}

.footer-social-media > a{
  margin-left: 1vw;
  margin-right: 1vw;
}

.footer-item__margin-bottom{
  margin-bottom: 5vh;
}

.footer-developed-by{
  align-self: center;
}