/* Contact page — desktop composition measured against the Zeplin artboard. */
.air-page-contato .air-form-page{height:auto;min-height:803px;padding:22px 0 43px;background:var(--form-bg) center/100% 100% no-repeat;box-sizing:border-box}
.air-page-contato .air-form-page>.air-container,
.air-page-contato .air-contact-details>.air-container{width:min(calc(100% - 48px),1204px)}
.air-page-contato .air-form-grid{grid-template-columns:569px 483px;gap:152px;align-items:start}
.air-page-contato .air-contact-form{align-self:start;margin-top:165px;gap:12px}
/* Paragrafos: os dois primeiros AreaNormal-Regular 18; do terceiro em diante
   (rotulos + contatos) AreaNormal 16, com os rotulos em Black. */
.air-page-contato .air-form-grid>div>p{width:553px;max-width:100%;font-family:'area-normal',Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.5;color:#fff}
.air-page-contato .air-form-grid>div>p:nth-of-type(n+3){width:483px;font-size:16px;font-weight:500}
.air-page-contato .air-form-grid>div>p strong{font-weight:900}

/* Campos: 483x50 no Zeplin; placeholder AreaNormal-Medium 14 #0a0408 a 32%. */
.air-page-contato .air-contact-form input,
.air-page-contato .air-contact-form select{height:50px}
.air-page-contato .air-contact-form input::placeholder,
.air-page-contato .air-contact-form textarea::placeholder{font-family:'area-normal',Arial,sans-serif;font-size:14px;font-weight:500;color:#0a0408;opacity:.32}
.air-page-contato .air-contact-form textarea{height:112px}
.air-page-contato .air-contact-form button{align-self:flex-end;width:120px;height:40px;margin-top:8px;border-radius:4px;background:#0f8080;cursor:pointer;transition:background var(--transition)}
/* Hover provisorio: nenhum dos anexos trouxe o painel do estado. */
.air-page-contato .air-contact-form button:hover,
.air-page-contato .air-contact-form button:focus-visible{background:#0d6d6d}
.air-page-contato .air-contact-mobile-only{display:none}
.air-page-contato .air-form-page>.air-wave{display:none}

.air-page-contato .air-contact-details{height:396px;min-height:396px;padding:80px 0 0;box-sizing:border-box}
.air-page-contato .air-contact-details .air-split-grid{grid-template-columns:569px 483px;gap:152px}
.air-page-contato .air-contact-details h2{margin:0 0 16px;font-size:20px}
.air-page-contato .air-contact-details p{margin:0 0 26px;font-size:16px;line-height:1.45}
.air-page-contato+.air-footer{height:484px;min-height:484px}
.air-page-contato+.air-footer>.air-container{height:418px}

@media(max-width:1023px){
  .air-page-contato .air-form-page{height:auto;min-height:850px;padding-bottom:70px;background-size:cover}
  .air-page-contato .air-form-grid,
  .air-page-contato .air-contact-details .air-split-grid{grid-template-columns:1fr 1fr;gap:45px}
  .air-page-contato .air-contact-form{margin-top:130px}
  .air-page-contato .air-contact-details{height:auto;min-height:360px;padding:65px 0}
  .air-page-contato+.air-footer{height:auto;min-height:0}
  .air-page-contato+.air-footer>.air-container{height:auto}
}
@media(max-width:767px){
  .air-page-contato .air-form-page{height:auto;min-height:1395px;padding:21px 0 43px;background-position:center bottom}
  .air-page-contato .air-form-page>.air-container,
  .air-page-contato .air-contact-details>.air-container{width:calc(100% - 32px)}
  .air-page-contato .air-form-page .air-breadcrumb{margin-bottom:45px}
  .air-page-contato .air-page-eyebrow{margin-bottom:18px}
  .air-page-contato .air-form-page h1{margin-bottom:25px}
  .air-page-contato .air-form-grid,
  .air-page-contato .air-contact-details .air-split-grid{grid-template-columns:1fr;gap:0}
  .air-page-contato .air-form-grid{gap:0}
  .air-page-contato .air-form-grid>div>p{max-width:340px;margin:23px 0;font-size:16px;line-height:1.5}
  .air-page-contato .air-contact-mobile-only{display:block}
  .air-page-contato .air-contact-form{margin-top:3px;gap:15px}
  .air-page-contato .air-contact-form button{width:116px;height:40px;margin-top:8px}
  .air-page-contato .air-contact-details{height:532px;min-height:532px;padding:63px 0 0}
  .air-page-contato .air-contact-details h2{margin-bottom:14px}
  .air-page-contato .air-contact-details p{margin-bottom:15px;font-size:16px;line-height:1.45}
  .air-page-contato .air-contact-details .air-split-grid>div:first-child{margin-bottom:52px}
  .air-page-contato+.air-footer{height:1186px;min-height:1186px}
  .air-page-contato+.air-footer>.air-container{width:calc(100% - 32px);height:1141px}
  .air-page-contato+.air-footer .air-footer__grid{gap:32px}
  .air-page-contato+.air-footer .air-footer__col:first-child{margin-bottom:24px}
  .air-page-contato+.air-footer .air-footer__col:nth-child(3){margin-bottom:16px}
  .air-page-contato+.air-footer .air-footer__col-title,
  .air-page-contato+.air-footer .air-footer__contact-label{font-size:14px;line-height:1.43}
  .air-page-contato+.air-footer .air-footer__col-title{text-transform:uppercase}
  .air-page-contato+.air-footer .air-footer__nav a,
  .air-page-contato+.air-footer .air-footer__contact-value,
  .air-page-contato+.air-footer .air-footer__location-country,
  .air-page-contato+.air-footer .air-footer__location-cities{font-size:14px;font-weight:400;line-height:1.55}
  .air-page-contato+.air-footer .air-footer__nav,
  .air-page-contato+.air-footer .air-footer__locations{grid-template-columns:187px 1fr;gap:6px 0}
  .air-page-contato+.air-footer .air-footer__contact{gap:24px}
  .air-page-contato+.air-footer .air-footer__social{left:50%;transform:translateX(-50%)}
}

/* ============================================================
   Contato — formulario no mobile (<= 767px)

   Mesmo caso da Carreira: a coluna `1fr` tem piso `auto`, e o
   `max-width: 340px` dos paragrafos virava esse piso. Em telas de
   ate ~372px a trilha ficava maior que o contêiner e o formulario
   vazava pela lateral (em 320px, 340px de form para 288px uteis).

   `minmax(0, 1fr)` remove o piso; o texto passa a acompanhar a
   largura da tela. Mobile apenas.
   ============================================================ */
@media (max-width: 767px) {
  .air-page-contato .air-form-grid,
  .air-page-contato .air-contact-details .air-split-grid { grid-template-columns: minmax(0, 1fr); }
  .air-page-contato .air-form-grid > div > p { width: auto; max-width: 100%; }
}
