/*
handler: ndmais-titulo-plus
deps: bootstrap-5,bootstrap-icons
version: 1.0.3
*/

#titulo-plus {
	margin-bottom: 20px;
}

#titulo-plus .title {
	font-size: 32px;
	font-weight: 800;
	color: var(--blue-light);
	padding-left: 25px;
    line-height: 1;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

#titulo-plus .title:before {
	content: "+";
	font-size: 38px;
	font-weight: 900;
	color: var(--purple);
	position: absolute;
	left: 0;
    top: -6px;
    line-height: 1;
}

#titulo-plus p {
    display: block;
	font-size: 14px;
	color: var(--black);
	line-height: 1.5;
    margin-bottom: 0;
}

@media (min-width: 576px) {

    #titulo-plus {
	    margin-bottom: 30px;
    }

    #titulo-plus .title {
        font-size: 44px;
        padding-left: 25px;
    }

    #titulo-plus .title:before {
        font-size: 50px;
        top: -5px;
    }

    #titulo-plus p {
        font-size: 16px;
    }

}