@media screen and (min-width: 320px) {

  .carreira { background: #d9b4d5; display: block; width: 100%; position: relative; z-index: 2; }
  .carreira-container { max-width: 1100px; margin: 0 auto; padding: 20px; }
  .carreira-titulo { color: white; font-size: 32px; margin-bottom: 20px; line-height: 1; position: relative; padding: 0 0 0 20px }
  /* .carreira-titulo::before { content:""; width: 80px; height: 20px; position: absolute; top:-30px; left: 0; background-image: url(../img/setas.webp); background-position: top left; background-size: contain; background-repeat: no-repeat; }*/
  .carreira-conteudo { width: 100%; max-width: 1200px; }
  .carreira-box { display: none; }


  .carreira-mobile-input { position: absolute;  opacity: 0;  z-index: -1; }
  .carreira-mobile-tabs { overflow: hidden; margin: 20px 0 50px 0; position: relative; z-index: 1; background: #95569A; border-radius: 20px; }
  .carreira-mobile-tabs-foto { width: 100%; aspect-ratio: 16/9; }
  .carreira-mobile-tabs-box { padding: 20px; }
  .carreira-mobile-tabs-box h3 { font-weight: 700; font-size: 24px; line-height: 1.2; letter-spacing: -1px; padding-right: 40px; color: white; margin: 0 0 20px 0; }
  .carreira-mobile-tab { width: 100%; color: white; overflow: hidden; }
  .carreira-mobile-tab-label { display: flex; align-items: center; cursor: pointer; color: white; transition: all 0.2s; padding: 0 40px 0 15px; position: relative; border-top: 1px solid #FFFFFF; }
  .carreira-mobile-tab-label h4 { font-family: 'Soleto'; font-weight: 700; line-height: 1; font-size: 18px; }
 
  .carreira-mobile-tab-label span { width: 20px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; position: absolute; right: 10px; top: 20px; position: absolute; transform: rotate(90deg); }
  .carreira-mobile-input:checked + .carreira-mobile-tab-label { background: #5c007a; color: #FFF; }
  .carreira-mobile-input:checked + .carreira-mobile-tab-label span { transform: rotate(270deg); }
    
  .carreira-mobile-tab-content { max-height: 0; background: #d9b4d5; overflow: hidden; }
  .carreira-mobile-tab-content p { color: #191919; transition: all 0.2s; font-size: 14px; height: 100%; padding: 0 20px; }
  .carreira-mobile-input:checked ~ .carreira-mobile-tab-content { max-height: 100vh !important;}

  .carreira-mobile-alerta { padding: 20px; color: white; background-color: #000F40; font-size: 0.93rem; line-height: 1.2; border-radius: 5px; position: relative; z-index:1; border: 1px solid white; }
  .carreira-mobile-obs { font-size: 0.93rem; line-height: 1.25; color: white; position: relative; z-index:1; }




@media screen and (min-width: 620px) {


}


@media screen and (min-width: 1000px) {

  .carreira-conteudo { display: flex; column-gap: 50px; }

  .carreira-titulo { font-size: 48px; letter-spacing: -1px; line-height: .9; }

  .carreira-mobile-tabs { width: calc(100% - 20px); }


}


@media screen and (min-width: 1320px) {

  .carreira { padding: 50px 0; }
  .carreira-titulo { font-size: 58px; letter-spacing: -1.5px; padding: 0 }
  /* .carreira-titulo::before { width: 120px; height: 30px; top:-40px; left: -50px; }*/
  .carreira-conteudo { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 0 50px 0; column-gap: initial; }
   
  .carreira-box {display: flex; height: 420px; background: #6d207780; margin: 50px auto; gap: 0px; perspective: 1000px; border-radius: 20px;}
  .carreira-box-esq {width: 550px; color: white;}
  .carreira-box-esq h3 {margin: 30px 30px 0 20px; font-size: 24px; line-height: 1; letter-spacing: -.5px; }
  .carreira-box-esq ul {list-style: none; padding: 0; border-bottom: 1px solid #FFFFFF; width: calc(100% - 50px); transform: translate(15px,30px);}
  .carreira-box-esq li {padding: 20px 30px 20px 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #7d3395; position: relative; cursor: pointer; transition: 0.3s; font-size: 15px; }
  .carreira-box-esq li.active { background: #5c007a; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
  .carreira-box-esq li::after {color: rgba(255, 255, 255, .4) ;content: "▸";position: absolute;right: 5px;top: 50%;transform: translateY(-50%); font-size: 24px;}
  .carreira-box-esq li.active::after { color: white;}
  .carreira-box-informacoes {width: 550px; height: 420px; position: relative; transform-style: preserve-3d; transition: transform 0.8s;}
  .carreira-box-informacoes.flip {transform: rotateY(180deg);}
  .carreira-box-informacoes-foto, .carreira-box-informacoes-texto {position: absolute; width: 550px; height: 100%;backface-visibility: hidden;border-radius: 20px;top: 0; left: 0;}
  .carreira-box-informacoes-foto { background: url('../img/pessoas/carreira-v2-02.webp') center/cover no-repeat; }
  .carreira-box-informacoes-foto2 { background: url('../img/pessoas/carreira-v2-01.webp') center/cover no-repeat; }
  .carreira-box-informacoes-texto {background: #d9b4d5;color: #6D2077; transform: rotateY(180deg);z-index: 2;}
  .carreira-box-informacoes-texto h4 {margin-top: 0; margin-bottom: 10px; font-size: 24px; line-height: 1; letter-spacing: -1px; color: #6D2077; }
  .carreira-box-informacoes-conteudo.fade-enter {opacity: 0;transform: translateX(30px); padding: 30px 40px 20px 20px; font-size: 16px; font-weight: 300; }
  .carreira-box-informacoes-conteudo.fade-enter-active {transition: opacity 0.6s ease, transform 0.6s ease;opacity: 1;transform: translateX(0);}

  .carreira-mobile-tabs { display: none; }
  /*
  .carreira-mobile-tabs { width: 100%; }
  .carreira-mobile-tab-label { font-size: 22px; height: 60px; }
  .carreira-mobile-tab-label span { width: 80px; height: 30px; }
  .carreira-mobile-tab-content p { font-size: 18px; padding: 0 50px 0 20px; font-weight: 300; }
  */


}


@media screen and (min-width: 1580px) {


}


@media screen and (min-width: 1880px) {

}