@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body {
    font-family: "Merriweather", sans-serif;
}

.section-news {
    margin-top: 20px;
}

.box-separator-content-text {
    color: #f0f0f0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 27%;
    border: 1px solid #704f3e;
    top: -143px;
    background-color: #704f3e;
    padding: 15px;
    box-shadow: 13px 8px 8px -3px rgba(0, 0, 0, 0.1);
}

.box-separator-content-text button {
    background: transparent;
    color: #fff;
    border-color: #fff;
    width: 20%;
    ;
}

.box-separator-content-text button:hover {
    background: black;
    color: #fff;
    border-color: black;
    width: 20%;
}

.box-separator-content-flex {
    display: flex;
    justify-content: center;
}

.box-separator-content-text-obs {
    position: relative;
    top: -135px;
}

.box-separator { 
    margin-top: 60px;
}

.banner-content {
    margin-top: 50px;
}

.banner-content .row:first-child {
    display: flex;
    align-items: center;
}

.text-flex-duration {
    display: flex;
    gap: 120px
}

.section-news-content-video img {
    opacity: 1;
    transition: opacity 0.3s ease;
}


.section-news-content-video:hover .img-video {
    opacity: 0.6;
}

.section-news-content-video h4 {
    margin-top: 2px !important;

}

.botao-play {
    position: absolute;
    top: 57px;
    background: #fc0000;
    color: #fff;
    border-color: #fc0000;
    width: 20%;
    left: 105px;
    display: none;
    border-radius: 6px;
}

.botao-play:hover {
    background: #fc0000;
    color: #fff;
    border-color: #fc0000;
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background: #fc0000 !important;
    color: #fff !important;
    border-color: #fc0000 !important;
}

.botao-play:active {
    background: #fc0000 !important;
    color: #fff !important;
    border-color: #fc0000 !important;
}

.botao-play:focus {
    background: #fc0000 !important;
    color: #fff !important;
    border-color: #fc0000 !important;
}




.section-news-content-video:hover .botao-play {
    display: block;
}

.video-button-first {
    background: #fff;
    color: black;
    border-color: black;
    width: 20%;
}

.video-button-first:hover {
    background: black;
    color: #fff;
    border-color: black;
}

.section-read-plus-pai {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-left: 150px;
}

.section-read-plus {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.section-read-plus-text p {
    color: #505050;
    font-size: 11px;
    width: 70px
}

.section-read-plus-text h4 {
    font-size: 15px;
    width: 290%;
}

.section-read-plus-text {
    display: flex;
    flex-direction: column;
}

.inicial-text {
    width: 40%;
}

.text-pre-banner {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.post-content {
    margin-top: 50px;
}

.post-content .col-md-6 h4 {
    margin-top: 50px
}

.leia-tambem {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.leia-tambem a {
    color: #505050;
    text-decoration: underline
}

.titulo-blog {
    margin-top: 75px;
    margin-bottom: 15px;
}

.titulo-blog h1 {
    font-size: 22px!important;
    font-weight: 500;
}

.assunto {
    color: #704f3e !important;
}

.section-news-content .col-md-3 h4 {
    font-weight: bold;
}

.section-news-content .col-md-3 a {
    color: #505050;
}

.section-news-content .col-md-3 a:hover {
    color: #303030;
}

.button-ler-mais {
    color: #505050;
}

.button-ler-mais:hover {
    color: #303030;

}

.post-content .col-md-6 p {
    font-size: 18px;
    margin-top: 45px;
}

.post-content .col-md-6 h3 {
    margin-top: 45px;
    margin-bottom: -20px;
}

.box-separator-content-text a {
    width: 100%;
}

.card-separator {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 15px;
    color: #fff;
}

.card-separator::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/news-ex-1.png);
    background-size: cover; 
    filter: blur(18px); 
    z-index: -1;
    transition: transform 0.3s ease;
}

.card-separator:hover::before {
    transform: scale(1.4);
}

.card-separator2 {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 15px;
    color: #fff;
}

.card-separator2::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/news-ex-2.png);
    background-size: cover; 
    filter: blur(18px); 
    z-index: -1;
    transition: transform 0.3s ease;
}

.card-separator2:hover::before {
    transform: scale(1.4);
}

.card-separator3 {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 15px;
    color: #fff;
}

.card-separator3::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/news-ex-3.png);
    background-size: cover; 
    filter: blur(18px); 
    z-index: -1;
    transition: transform 0.3s ease;
}

.card-separator3:hover::before {
    transform: scale(1.4);
}

.card-separator-pai {
    display: flex;
    gap: 35px;
}

.card-separator button, .card-separator2 button, .card-separator3 button {
    color: #fff;
    background-color: transparent;
    border-color: #fdfdfd;
    width: 20%;
}

.card-separator button:hover , .card-separator2 button:hover , .card-separator3 button:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.bg-banner4 {
    background-color: #704f3e;
    padding: 20px;
    margin-top: 65px;
}

.bg-banner4-text {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-size: 18px;
    color: #f0f0f0;
}

.bg-banner4-text button {
    color: #fff;
    background-color: transparent;
    border-color: #fdfdfd;
    width: 20%;
}

.bg-banner4-text button:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 20%;
}