/*!
==========================================================
HEADER DA PUBLICAÇÃO
==========================================================
*/

.stbg-header-publicacao{

	display:flex;

	align-items:center;

	justify-content:center;

	min-height:300px;

	padding:60px 20px;

	background:linear-gradient(
		90deg,
		#7f1616 0%,
		#b06a23 100%
	);

	text-align:center;

}

.stbg-header-publicacao-conteudo{

	max-width:900px;

}

.stbg-header-publicacao-sobretitulo{

	display:inline-block;

	margin-bottom:18px;

	color:#fff;

	font-size:14px;

	font-weight:700;

	letter-spacing:4px;

	text-transform:uppercase;

	opacity:.85;

}

.stbg-header-publicacao h1{

	margin:0;

	color:#fff;

	font-size:clamp(18px,5vw,32px);

	font-weight:700;

	line-height:1.2;

}

.stbg-header-publicacao p{

	 display:inline-block;

    margin-top:22px;

    padding-top:14px;

    border-top:1px solid rgba(255,255,255,.25);

    color:rgba(255,255,255,.90);

    font-size:18px;

    font-style:italic;

}

/*!
==========================================================
HEADER DA PUBLICAÇÃO
==========================================================
*/

.stbg-header-publicacao{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:220px;

    padding:70px 20px;

    background:linear-gradient(
        90deg,
        #7f1616 0%,
        #b06a23 100%
    );

    text-align:center;

}

.stbg-header-publicacao-conteudo{

    width:100%;

    max-width:1200px;

    margin:0 auto;

}

.stbg-header-publicacao-sobretitulo{

    display:inline-block;

    margin-bottom:18px;

    color:rgba(255,255,255,.85);

    font-size:14px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

}

.stbg-header-publicacao h1{

    max-width:1200px;

    margin:0 auto;

    color:#fff;

    font-size:clamp(22px,5vw,32px);

    font-weight:700;

    line-height:1.3;

    text-wrap:balance;

}

.stbg-header-publicacao p{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:24px;

    color:rgba(255,255,255,.92);

    font-size:18px;

    font-style:italic;

}

.stbg-header-publicacao p::before{

    font-family:"Font Awesome 6 Free";

    content:"\f073";

    font-weight:900;

    font-style:normal;

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

    .stbg-header-publicacao{

        min-height:200px;

        padding:30px 25px;

    }

    .stbg-header-publicacao h1{

        font-size:30px;

    }

    .stbg-header-publicacao p{

        margin-top:20px;

        font-size:17px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .stbg-header-publicacao{

        min-height:180px;

        padding:30px 20px;

    }

    .stbg-header-publicacao-sobretitulo{

        margin-bottom:12px;

        font-size:12px;

        letter-spacing:3px;

    }

    .stbg-header-publicacao h1{

        font-size:26px;

        line-height:1.35;

    }

    .stbg-header-publicacao p{

        gap:8px;

        margin-top:18px;

        font-size:15px;

    }

}