/* ==========================================================================
   PÁGINA DE NOTÍCIAS - SEGUINDO PADRÃO DE TRABALHOS
   ========================================================================== */

.background {
    background-color: var(--preto-lavado);
}

.contato-spacing-section {
    width: 100%;
    height: 10rem;
}

#pnoticias {
    width: 100%;
    background-color: var(--preto-lavado) !important;
}

#intro {
    width: 100%;
}

.intro {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 4rem;
}

.intro__texto {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 6rem;
    font-family: "Nebulica-ExtraLight", sans-serif;
    font-weight: 100;
    line-height: 0.8;
    color: var(--branco);
    margin: 20rem 0 .5rem 0;
}

.intro__texto .linha1 {
    margin-left: -2rem;
}

.intro__texto .linha2 {
    margin-left: 13rem;
}

.intro__texto .linha3 {
    margin-left: -2rem;
}

.intro__texto .linha4 {
    margin-left: 6rem;
}

#listaNoticias {
    width: 100%;
    margin: 8rem 0 0 0;
}

.listaNoticias {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.listaNoticias__coluna--linha {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 8rem;
    margin: 1rem 0 2rem 0;
}

.listaNoticias__coluna--linha--item:nth-child(1) {
    animation: deslizarDeBaixoParaCima 2s ease-out forwards;
}

.listaNoticias__coluna--linha--item:nth-child(2) {
    animation: deslizarDeBaixoParaCima 3s ease-out forwards;
}

.listaNoticias__coluna--linha--item:nth-child(3) {
    animation: deslizarDeBaixoParaCima 4s ease-out forwards;
}

.listaNoticias__coluna--linha--item {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    min-height: 450px;
    margin-bottom: 1rem !important;
}

.listaNoticias__coluna--linha--item a {
    text-decoration: none;
    color: var(--preto-lavado);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    justify-content: flex-start;
}

.listaNoticias__imagem {
    width: 350px;
    height: 350px;
    border-radius: 100%;
    margin: 0 0 1rem 0;
    transition: border-radius 0.3s ease;
    object-fit: cover;
}

.listaNoticias__coluna--linha--item:hover .listaNoticias__imagem {
    border-radius: 0;
}

.listaNoticias__titulo {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--branco);
    text-align: center;
    margin-bottom: 0.5rem;
    max-width: 350px;
    line-height: 1.2;
    text-transform: uppercase;
}

.listaNoticias__titulo {
    transition: color 0.3s ease; 
}

.listaNoticias__titulo:hover {
    color: var(--amarelo-criativo);
}


.listaNoticias__subtitulo {
    font-size: 1rem;
    font-weight: 400;
    color: var(--branco);
    text-align: center;
    margin-top: 0.5rem;
    line-height: 1.4;
    max-width: 350px;
    opacity: 0.8;
}

@media only screen and (max-width:1400px) and (min-width:901px){
.listaNoticias__imagem{width:320px;height:320px}
.listaNoticias__titulo{max-width:320px}
.listaNoticias__subtitulo{max-width:320px}
}
    
@media only screen and (max-width:1180px){
.listaNoticias__coluna--linha{gap:3rem}
.listaNoticias__imagem{width:250px;height:250px}
.listaNoticias__titulo{font-size:1.25rem;max-width:250px}
.listaNoticias__subtitulo{font-size:.9rem;max-width:250px}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.listaNoticias__coluna--linha{margin:.2rem 0 .2rem 0!important}
.intro__texto{position:relative;flex-direction:column;align-items:center;font-size:5.5rem!important;top:-5rem!important;margin-bottom:-5rem!important}
.intro__texto .linha1{margin-left:-3rem!important}
.intro__texto .linha2{position:relative;left:3.7rem!important}
.intro__texto .linha3{margin-left:-3rem!important}
.intro__texto .linha4{position:relative;left:1.2rem!important}
.intro__texto::after{height:.8rem;bottom:.6rem}
.listaNoticias__coluna--linha{flex-direction:column;gap:2rem}
.listaNoticias__imagem{width:300px;height:300px}
.listaNoticias__titulo{font-size:1.5rem;max-width:300px}
.listaNoticias__subtitulo{font-size:1rem;max-width:300px}
.listaNoticias__coluna--linha,.listaNoticias__coluna--linha--item a{text-decoration:none;color:var(--preto-lavado);display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;justify-content:flex-start}
#listaNoticias{margin-bottom:7rem!important}
}
    
@media only screen and (max-width:900px){
.intro__texto{position:relative;flex-direction:column;align-items:center;font-size:3rem;top:-5rem!important;margin-bottom:-5rem!important}
#intro.intro__texto,.linha1,.linha2,.linha3,.linha4{position:relative;left:0!important;right:0!important}
.linha1{margin-left:-3rem!important}
.linha2{margin-left:4.5rem!important}
.linha3{margin-left:-3rem!important}
.linha4{margin-left:1rem!important}
.intro__texto::after{height:.8rem;bottom:.6rem}
.listaNoticias__coluna--linha{flex-direction:column;gap:2rem}
.listaNoticias__imagem{width:300px;height:300px}
.listaNoticias__titulo{font-size:1.5rem;max-width:300px}
.listaNoticias__subtitulo{font-size:1rem;max-width:300px}
}
    
@media only screen and (max-width:480px){
.intro__texto{position:relative;flex-direction:column;align-items:center;font-size:4.5rem;top:-5rem!important;margin-bottom:-5rem!important}
#intro.intro__texto,.linha1,.linha2,.linha3,.linha4{position:relative;left:0!important;right:0!important}
.linha1{margin-left:-3rem!important}
.linha2{margin-left:7rem!important}
.linha3{margin-left:-3rem!important}
.linha4{margin-left:3rem!important}
.intro__texto::after{height:.8rem;bottom:.6rem}
.listaNoticias__coluna--linha{flex-direction:column;gap:2rem}
.listaNoticias__imagem{width:300px;height:300px}
.listaNoticias__titulo{font-size:1.5rem;max-width:300px}
.listaNoticias__subtitulo{font-size:1rem;max-width:300px}
}
    
@keyframes deslizarDeBaixoParaCima {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}