:root {
  /* ==================== Cores do texto e das bordas do formulario ==================== */
  --color-form-text: var(--dark);
  /* ==================== Cores do dropdown do select ==================== */
  --color-dropdown-select: var(--light);
  /* ==================== Cores h3 ==================== */
  --color-title-contato: var(--dark);
  /* ==================== Cores do content contato ==================== */
  --color-content-contato: var(--dark);
  /* ==================== Cores hover link ==================== */
  --color-hover-link-contato: var(--secondary-color)
}


.form--contato :is(input,textarea,select){padding:.875rem 1rem;margin:.5rem 0 0;border-color:transparent; border-bottom: 1px solid var(--color-form-text);  border-radius: 0px; background-color: #e6e6e700; color: var(--color-form-text);}
.form--contato :is(input,textarea,select):hover{border: 1px solid var(--color-form-text);}
.form--contato select option:first-child { background-color: transparent; }
.form--contato select option { background-color:  var(--color-dropdown-select)}
.form--contato :is(input, textarea, select)::placeholder {color: var(--color-form-text); font-size: 1rem;}
.form--contato input#anexo{padding:.72rem 1rem}
.form--contato select{line-height:100%;padding:.813rem 1rem}
.form--contato label{text-transform:uppercase}
.form--contato [type=submit]{ background-color: var(--primary-color);}
.form--contato [type=submit]:hover{ background-color: var(--secondary-color);}

/* INFORMAÇÕES DE CONTATO */
.contato .contato__item{display:flex;align-items:flex-start;justify-content:flex-start;gap:1.5rem;width:100%;margin-bottom:2rem}
.contato .contato__info .info__title{display:block;margin-bottom:.5rem;color:var(--color-title-contato);text-transform:uppercase}
.contato .contato__info :is(span,a):not(.social__link,.roll){display:block;color:var(--color-content-contato);line-height:1.5;transition:var(--transition);word-break:break-all}
.contato .contato__info a:hover{color:var(--color-hover-link-contato)}
.contato .contato__info a:active,.contato .contato__info a:focus{color:var(--dark);text-decoration:underline}
.contato .contato__social{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}
.contato .social__link{width:2.5rem;height:2.5rem;border:2px solid rgba(0,0,0,.25);border-radius:.25rem;overflow:hidden;position:relative;color:var(--dark);transition:var(--transition)}
.contato .social__link .roll{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;text-align:center;transition:.5s cubic-bezier(.175, .885, .32, 1.275)}
.contato .social__link:hover,.contato .social__link:hover .roll{color:#fff}
.contato .social__link:hover{border-color:var(--secondary-color);background-color:var(--secondary-color)}
.contato .social__link .roll:first-child{transform:translate(-50%,-50%)}
.contato .social__link .roll:last-child{transform:translate(-50%,100%)}
.contato .social__link:hover .roll:first-child{top:0;transform:translate(-50%,-100%)}
.contato .social__link:hover .roll:last-child{transform:translate(-50%,-50%)}
.contato .contato__left {background-color: white;border-radius: 18px 0px 0px 18px;  }
.contato .contato__right {background-color: var(--light); border-radius: 0px 14px 14px 0px;  }
.shadow-01 {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}