:root{
	--color-morado-rgb:0, 186, 78;
	--primario:#026D37;
	--secundario:#00BA4E;
}
@font-face {
    font-family: 'bx';
    src: url('../fonts/font-book-bx.woff2') format('woff2'), url('../fonts/font-book-bx.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'bx-bold';
    src: url('../fonts/font-bold-bx.woff2') format('woff2'), url('../fonts/font-bold-bx.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'bx-heavy';
    src: url('../fonts/font-heavy-bx.woff2') format('woff2'), url('../fonts/font-heavy-bx.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'bx-light';
    src: url('../fonts/font-light-bx.woff2') format('woff2'),url('../fonts/font-light-bx.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'bx-thin';
    src: url('../fonts/font-thin-bx.woff2') format('woff2'), url('../fonts/font-thin-bx.woff') format('woff');
    font-weight: normal; font-style: normal;
}
body,body:not(.vista-index){
	background:transparent;
	font-family:bx;
}
.bg-primary{background-color:var(--primario)!important;}
.bg-secondary{background-color:var(--secundario)!important;}
.text-primary{color:var(--primario)!important;}
.text-secondary{color:var(--secundario)!important;}
.rounded-4{border-radius:1rem !important;}
.rounded-5{border-radius:2rem !important;}
.font-heavy{font-family:"bx-heavy";}
#b-header{
	background:var(--secundario);
	border-radius:0rem 0rem 3rem 5rem;
	box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

@media (max-width:768px){
    .min-vh-50{min-height:20vh;}
    .p-5{padding:1rem!important;}
    #tutorialPasos{max-width:100%;}
}