/* --- Imagens da empresa --- */
.moldura_imgs {
  outline: #111 5px solid;
  outline-offset: -5px;
  max-width: 100%;
  height: auto;
}

/* Responsividade imagens */
@media (max-width: 480px) {
  .moldura_imgs { outline-width: 3px; }
}

 
/* Background da seção */
.career-p2-bg {  
    height: 250px;
    background-image: url(../fotos/paginas/thought-bg.jpg);   
    padding: 0;
    margin: 0;
    position: relative;
}

/* Overlay semitransparente */
.overlay-career-p2 {
    position: absolute;
    width: 100%;
    height: 250px;
    background: rgba(59, 59, 60, 0.53);
}

/* Container da barra de título */
.title-bar-career-p2 {
    padding: 50px;
    position: relative;
    z-index: 1;
}

/* H1 circular com pulsação */
.title-bar-career-p2 h1 {
    color: #fff;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border: 5px solid #fff;
    border-radius: 50%;
    margin-left: 120px;
    font-size: 3rem;
    transition: transform 0.2s ease;
    animation: pulse 1s infinite alternate;
}

/* Pulsação suave */
@keyframes pulse {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}

/* Parágrafo de texto */
.title-bar-career-p2 p {
    padding: 20px 0 0 0; /* remove os 200px à direita */
    color: #fff;
    font-size: 17px;
    text-align: left;
    max-width: 700px; /* define largura máxima opcional */
}

/* Responsividade tablets */
@media (min-width: 767px) and (max-width: 991px) {
    .title-bar-career-p2 h1 {
        margin-left: 10px;
    }
    .title-bar-career-p2 p {
        padding: 20px 50px 0 0;
        font-size: 17px;
    }
}

/* Responsividade mobile */
@media(max-width: 767px) {
    .career-p2-bg {  
        height: 400px;
    } 
    .overlay-career-p2 {
        height: 400px;
    } 
    .title-bar-career-p2 {
        padding: 50px;
    }
    .title-bar-career-p2 h1 {
        margin: 0 auto;
    }
    .title-bar-career-p2 p {
        padding: 20px 0 0 0;
        text-align: center;
    }    
}

/* Responsividade mobile pequeno */
@media (max-width: 420px) {
    .career-p2-bg {  
        height: 520px;
    } 
    .overlay-career-p2 {
        height: 520px;
    } 
    .title-bar-career-p2 {
        padding: 50px 20px;
    }
}