/* Paleta e layout baseado no manual de maa */
:root{
  --teal-dark: #236163;   /* footer */
  --teal-mid:  #2C6D71;   /* degradê */
  --card-bg:   #F5FBFA;   /* card option 2 */
  --accent:    #F1CF00;   /* amarelo logomarca */
}

/* página - degradê vertical suave */
.page-bg{
  min-height:100vh;
  background: linear-gradient(to bottom, rgba(35,97,99,0.06) 0%, rgba(44,109,113,0.06) 100%), linear-gradient(to bottom, var(--teal-dark), var(--teal-mid));
  background-blend-mode: overlay;
}

/* header */
.site-header{
  background: transparent;
  border-bottom: 6px solid rgba(0,0,0,0.03);
}
.logo{
  height: 84px;
  width: auto;
  display:block;
}

/* central form wrapper */
.form-wrapper{
  display:flex;
  justify-content:center;
  padding-top:18px;
  padding-bottom:8px;
}

/* card visual */
.form-card{
  width:100%;
  max-width: 1500px; /* card for 3 columns */
  background: var(--card-bg);
  border-radius: 12px;
  padding: 26px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

/* inputs that act as dropdown triggers */
.dropdown-input{
  cursor: pointer;
  background: #fff;
}

/* make dropdown-menu align full width */
.position-relative .dropdown-menu{
  top: 100%;
  left: 0;
  margin-top: 6px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* submit button style */
.btn-submit{
  background: linear-gradient(90deg, var(--accent), #d6a000);
  border: none;
  color: #fff;
  font-weight:600;
  padding:12px 18px;
}

/* footer */
.site-footer{
  padding-top: 50px;
 
}
.site-footer h5{ color:#fff;}
.site-footer p{ color:#e6f2f1; }

/* responsiveness: single column on mobile */
@media (max-width: 767.98px){
  .form-card{ padding:20px; margin: 0 8px;}
  .logo{ height: 70px;}
}
.footer-text {
  color: #e6f2f1;
}