/* J. Specht — contact section conversion refinement */

#contato{
  padding-top:5.4rem!important;
  padding-bottom:5.2rem!important;
}

#contato>div:nth-of-type(2){
  display:grid!important;
  grid-template-columns:minmax(250px,.72fr) minmax(430px,1.28fr) minmax(250px,.66fr)!important;
  align-items:start!important;
  gap:2.25rem!important;
}

#contato>div:nth-of-type(2)>div:first-child{
  max-width:390px;
  padding-top:.25rem;
}

#contato h2{
  max-width:390px!important;
  font-size:clamp(2.75rem,3.35vw,3.65rem)!important;
  line-height:.98!important;
  letter-spacing:-.042em!important;
  text-wrap:balance;
}

#contato h2+p{
  max-width:360px!important;
  margin-top:1.25rem!important;
  color:rgba(255,255,255,.62)!important;
  font-size:14px!important;
  line-height:1.72!important;
}

#contato form{
  align-self:start!important;
  gap:.9rem!important;
  padding:1.35rem!important;
  border:1px solid rgba(242,212,145,.13);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 8%,rgba(230,191,114,.055),transparent 32%),
    rgba(255,255,255,.018);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

#contato form label{
  gap:.45rem!important;
}

#contato form label>span{
  color:rgba(255,255,255,.58)!important;
  font-size:9.5px!important;
  letter-spacing:.105em!important;
}

#contato input,
#contato select,
#contato textarea{
  border-color:rgba(242,212,145,.16)!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.90)!important;
}

#contato input,
#contato select{
  min-height:50px!important;
}

#contato input::placeholder,
#contato textarea::placeholder{
  color:rgba(255,255,255,.38)!important;
}

#contato input:focus,
#contato select:focus,
#contato textarea:focus{
  border-color:rgba(242,212,145,.50)!important;
  box-shadow:0 0 0 3px rgba(198,146,63,.07);
}

#contato textarea{
  min-height:118px!important;
  max-height:180px;
  line-height:1.6!important;
}

#contato form button[type="submit"]{
  min-height:54px!important;
  margin-top:.15rem;
  border-color:rgba(255,240,189,.52)!important;
  background:linear-gradient(120deg,#95601b 0%,#d4a34a 28%,#f0cf86 48%,#c4852b 72%,#815216 100%)!important;
  color:#171108!important;
  box-shadow:
    0 14px 36px rgba(139,93,29,.20),
    inset 0 1px 0 rgba(255,255,255,.38)!important;
  opacity:1!important;
}

#contato form button[type="submit"]:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}

#contato form p[role="status"]{
  min-height:0!important;
  margin:0!important;
  color:rgba(255,255,255,.52)!important;
}

#contato address{
  gap:0!important;
  overflow:hidden;
  padding:1rem 1.1rem!important;
  border:1px solid rgba(242,212,145,.13);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgba(230,191,114,.055),transparent 34%),
    rgba(255,255,255,.018);
}

#contato address>a,
#contato address>div{
  padding:.95rem .35rem;
  border-bottom:1px solid rgba(242,212,145,.09);
  transition:background-color .2s ease;
}

#contato address>a:last-of-type,
#contato address>div:last-child{
  border-bottom:0;
}

#contato address>a:hover{
  background:rgba(255,255,255,.025);
}

#contato address svg{
  width:17px!important;
  height:17px!important;
  flex:none;
}

#contato address strong{
  color:rgba(255,255,255,.92)!important;
  font-size:13.5px!important;
  line-height:1.45!important;
}

#contato address small{
  margin-top:.1rem;
  color:rgba(242,212,145,.48)!important;
  font-size:8.5px!important;
  line-height:1.45!important;
}

@media(max-width:1279px){
  #contato>div:nth-of-type(2){
    grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr)!important;
  }

  #contato address{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0!important;
  }

  #contato address>a,
  #contato address>div{
    border-bottom:0;
    border-right:1px solid rgba(242,212,145,.09);
  }

  #contato address>div:last-child{
    border-right:0;
  }
}

@media(max-width:1023px){
  #contato{
    padding-top:4.8rem!important;
    padding-bottom:4.6rem!important;
  }

  #contato>div:nth-of-type(2){
    grid-template-columns:1fr!important;
    gap:2rem!important;
  }

  #contato>div:nth-of-type(2)>div:first-child{
    max-width:720px;
  }

  #contato h2{
    max-width:680px!important;
    font-size:clamp(2.8rem,7vw,3.8rem)!important;
  }

  #contato h2+p{
    max-width:650px!important;
  }

  #contato address{
    grid-column:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #contato address>a:nth-child(2){
    border-right:0;
  }

  #contato address>a,
  #contato address>div{
    border-bottom:1px solid rgba(242,212,145,.09);
  }
}

@media(max-width:639px){
  #contato{
    padding-top:4rem!important;
    padding-bottom:4rem!important;
  }

  #contato h2{
    font-size:clamp(2.55rem,12vw,3.2rem)!important;
  }

  #contato form{
    padding:1rem!important;
    border-radius:22px;
  }

  #contato address{
    grid-template-columns:1fr;
    border-radius:22px;
  }

  #contato address>a,
  #contato address>div{
    border-right:0!important;
  }
}


/* Custom subject dropdown + contact panel width correction */
@media(min-width:1280px){
  #contato>div:nth-of-type(2){
    grid-template-columns:minmax(235px,.66fr) minmax(430px,1.2fr) minmax(300px,.82fr)!important;
    gap:2rem!important;
  }
}

#contato select.mobi-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

#contato .mobi-select{
  position:relative;
  min-width:0;
}

#contato .mobi-select__trigger{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:0 1rem;
  border:1px solid rgba(242,212,145,.18);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.92);
  font:inherit;
  font-size:14px;
  text-align:left;
  cursor:pointer;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

#contato .mobi-select__trigger:hover,
#contato .mobi-select__trigger[aria-expanded="true"]{
  border-color:rgba(242,212,145,.52);
  background:rgba(255,255,255,.05);
  box-shadow:0 0 0 3px rgba(198,146,63,.07);
}

#contato .mobi-select__value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#contato .mobi-select__chevron{
  width:8px;
  height:8px;
  flex:none;
  border-right:1.5px solid var(--gold-champagne);
  border-bottom:1.5px solid var(--gold-champagne);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}

#contato .mobi-select__trigger[aria-expanded="true"] .mobi-select__chevron{
  transform:rotate(225deg) translate(-2px,-1px);
}

#contato .mobi-select__menu{
  position:absolute;
  z-index:80;
  top:calc(100% + 7px);
  left:0;
  right:0;
  display:none;
  max-height:260px;
  overflow:auto;
  padding:.45rem;
  border:1px solid rgba(242,212,145,.24);
  border-radius:16px;
  background:
    radial-gradient(circle at 90% 0%,rgba(230,191,114,.10),transparent 32%),
    #11100e;
  box-shadow:0 22px 50px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);
  scrollbar-width:thin;
  scrollbar-color:rgba(198,146,63,.45) transparent;
}

#contato .mobi-select__menu[data-open="true"]{
  display:block;
}

#contato .mobi-select__option{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:.65rem .8rem;
  border:0;
  border-radius:11px;
  background:transparent;
  color:rgba(255,255,255,.72);
  font:inherit;
  font-size:13.5px;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
  outline:none;
}

#contato .mobi-select__option:hover,
#contato .mobi-select__option:focus-visible{
  background:rgba(242,212,145,.09);
  color:#fff;
}

#contato .mobi-select__option[aria-selected="true"]{
  background:linear-gradient(90deg,rgba(149,96,27,.34),rgba(240,207,134,.12));
  color:var(--gold-champagne);
}

#contato address a[href^="mailto:"] strong{
  font-size:12.5px!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

#contato address>div strong{
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

@media(max-width:639px){
  #contato .mobi-select__menu{
    max-height:230px;
  }
}