/* Careers page — desktop composition measured against the Zeplin artboard. */
.air-page-carreira .air-form-page--career{position:relative;height:949px;min-height:949px;padding:22px 0 0;overflow:hidden;box-sizing:border-box}
.air-page-carreira .air-form-page--career>.air-container{position:relative;z-index:2;width:min(calc(100% - 48px),1204px)}
/* Heroi em shared-zeplin.css; aqui so as cores, que mudam por ser fundo claro. */
.air-page-carreira .air-breadcrumb{color:#202f38}
.air-page-carreira .air-page-eyebrow{color:#202f38}
.air-page-carreira .air-form-grid{grid-template-columns:569px 566px;gap:69px;align-items:start}
/* Paragrafos: AreaNormal-Regular 18, #202f38, com o e-mail em #0f8080. */
.air-page-carreira .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:#202f38;margin:26px 0}
.air-page-carreira .air-form-grid>div>p a{color:#0f8080}

.air-page-carreira .air-contact-form{align-self:start;margin-top:170px;gap:12px}
.air-page-carreira .air-contact-form label{font-family:'area-normal',Arial,sans-serif;font-size:10px;font-weight:700;color:#202f38}
.air-page-carreira .air-contact-form input,
.air-page-carreira .air-contact-form select{height:50px}
.air-page-carreira .air-form-row{grid-template-columns:275px 275px;gap:15px}
.air-page-carreira .air-career-phone{color:transparent}
.air-page-carreira .air-career-phone input{color:var(--air-navy)}
.air-page-carreira .air-file{margin-bottom:14px}
.air-page-carreira .air-file span{display:inline-flex;align-items:center;height:38px;margin-top:5px;padding:0 20px;box-sizing:border-box}
.air-page-carreira .air-contact-form button{width:100%;height:40px;margin-top:24px;background:#202f38;cursor:pointer;transition:background var(--transition)}
/* Hover provisorio: o painel do estado nao veio nos anexos. */
.air-page-carreira .air-contact-form button:hover,
.air-page-carreira .air-contact-form button:focus-visible{background:#2c3f4a}

.air-page-carreira .air-form-page--career>.air-wave{position:absolute;z-index:1;right:0;bottom:60.5px;left:0;width:100%;height:184.7px;margin:0;background:url('../images/home/waves.png') center/100% 100% no-repeat}
.air-page-carreira .air-form-page--career>.air-wave::before{position:absolute;inset:0;content:"";background:inherit;opacity:.625}
.air-page-carreira .air-form-page--career>.air-wave i{display:none}
.air-page-carreira+.air-footer{height:482px;min-height:482px}
.air-page-carreira+.air-footer>.air-container{height:416px}

@media(max-width:1023px){
  .air-page-carreira .air-form-page--career{height:auto;min-height:1000px;padding-bottom:90px}
  .air-page-carreira .air-form-grid{grid-template-columns:1fr 1fr;gap:45px}
  .air-page-carreira .air-contact-form{margin-top:150px}
  .air-page-carreira .air-form-row{grid-template-columns:1fr 1fr}
  .air-page-carreira+.air-footer{height:auto;min-height:0}
  .air-page-carreira+.air-footer>.air-container{height:auto}
}
@media(max-width:767px){
  .air-page-carreira .air-form-page--career{height:1149px;min-height:1149px;padding:21px 0 0}
  .air-page-carreira .air-form-page--career>.air-container{width:calc(100% - 32px)}
  .air-page-carreira .air-form-page--career .air-breadcrumb{margin-bottom:45px}
  .air-page-carreira .air-page-eyebrow{margin-bottom:18px}
  .air-page-carreira .air-form-page--career h1{margin-bottom:25px}
  .air-page-carreira .air-form-grid{grid-template-columns:1fr;gap:0}
  .air-page-carreira .air-form-grid>div>p{margin:23px 0;font-size:16px;line-height:1.5}
  .air-page-carreira .air-form-grid>div>p:not(:last-child) br{display:none}
  .air-page-carreira .air-contact-form{margin-top:15px;gap:19px}
  .air-page-carreira .air-contact-form label{line-height:1}
  .air-page-carreira .air-contact-form input,
  .air-page-carreira .air-contact-form select{margin-top:4px}
  .air-page-carreira .air-form-row{grid-template-columns:1fr}
  .air-page-carreira .air-career-phone{margin-top:4px;color:var(--air-navy)}
  .air-page-carreira .air-file{display:flex;align-items:center;margin:-7px 0 7px}
  .air-page-carreira .air-file span{flex:0 0 159px;justify-content:center;padding:0 8px}
  .air-page-carreira .air-file em{display:inline;margin:5px 0 0 10px;white-space:nowrap}
  .air-page-carreira .air-form-page--career>.air-wave{bottom:25px;height:120px;background-size:auto 100%}
  .air-page-carreira+.air-footer{height:1184px;min-height:1184px}
  .air-page-carreira+.air-footer>.air-container{width:calc(100% - 32px);height:1139px}
  .air-page-carreira+.air-footer .air-footer__grid{gap:32px}
  .air-page-carreira+.air-footer .air-footer__col:first-child{margin-bottom:24px}
  .air-page-carreira+.air-footer .air-footer__col:nth-child(3){margin-bottom:16px}
  .air-page-carreira+.air-footer .air-footer__col-title,
  .air-page-carreira+.air-footer .air-footer__contact-label{font-size:14px;line-height:1.43}
  .air-page-carreira+.air-footer .air-footer__col-title{text-transform:uppercase}
  .air-page-carreira+.air-footer .air-footer__nav a,
  .air-page-carreira+.air-footer .air-footer__contact-value,
  .air-page-carreira+.air-footer .air-footer__location-country,
  .air-page-carreira+.air-footer .air-footer__location-cities{font-size:14px;font-weight:400;line-height:1.55}
  .air-page-carreira+.air-footer .air-footer__nav,
  .air-page-carreira+.air-footer .air-footer__locations{grid-template-columns:187px 1fr;gap:6px 0}
  .air-page-carreira+.air-footer .air-footer__contact{gap:24px}
  .air-page-carreira+.air-footer .air-footer__social{left:50%;transform:translateX(-50%)}
}

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

   A grade ja era de uma coluna (`1fr`), mas `1fr` equivale a
   `minmax(auto, 1fr)`: o piso `auto` e o tamanho minimo do
   conteudo. Como os paragrafos carregam `width: 553px` do layout
   de desktop, esse 553px virava o piso da coluna e a trilha ficava
   maior que o contêiner — o formulario inteiro vazava pela lateral.

   `minmax(0, 1fr)` remove esse piso, e os paragrafos voltam a
   acompanhar a largura disponivel. Mobile apenas.
   ============================================================ */
@media (max-width: 767px) {
  .air-page-carreira .air-form-grid { grid-template-columns: minmax(0, 1fr); }
  .air-page-carreira .air-form-grid > div > p { width: auto; max-width: 100%; }

  /* Em telas estreitas (~320px) o botao de 159px mais o aviso em
     `nowrap` nao cabem lado a lado e o texto saia pela lateral.
     Deixando quebrar, o aviso desce para a linha de baixo. */
  .air-page-carreira .air-file { flex-wrap: wrap; }
  .air-page-carreira .air-file em { margin-left: 10px; white-space: normal; }

  /* O form, agora dentro da largura certa, fica mais alto e
     ultrapassava a altura fixa da secao. */
  .air-page-carreira .air-form-page--career { height: auto; min-height: 1149px; }
}