/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* === SINKIN SANS COMPLETE FAMILY === 
@font-face {
	font-family: 'Sinkin Sans';
	src: url('fonts_web/SinkinSans-100Thin.woff2') format('woff2'), url('fonts_web/SinkinSans-100Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Sinkin Sans';
	src: url('fonts_web/SinkinSans-100ThinItalic.woff2') format('woff2'), url('fonts_web/SinkinSans-100ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}*/
@font-face {
	font-family: 'Sinkin Sans';
	src: url('fonts_web/SinkinSans-400Regular.woff2') format('woff2'), url('fonts_web/SinkinSans-400Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Sinkin Sans';
	src: url('fonts_web/SinkinSans-400Italic.woff2') format('woff2'), url('fonts_web/SinkinSans-400Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Sinkin Sans';
	src: url('fonts_web/SinkinSans-700Bold.woff2') format('woff2'), url('fonts_web/SinkinSans-700Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Sinkin Sans';
	src: url('fonts_web/SinkinSans-700BoldItalic.woff2') format('woff2'), url('fonts_web/SinkinSans-700BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* === Clases para aplicar la fuente === */
.sinkin {
	font-family: 'Sinkin Sans', sans-serif;
	font-weight: 400; /* Regular por defecto */
	font-style: normal;
}

/*.sinkin-thin {
	font-weight: 100;*/
}

.sinkin-bold {
	font-weight: 700;
}

.sinkin-italic {
	font-style: italic;
}


h1.sinkin, h2.sinkin, h3.sinkin, h4.sinkin, .titulo, .titulo.sinkin {
	font-family: 'Sinkin Sans', sans-serif;
	font-weight: 700;
}

	h1, h2, h3, h4, .titulo {
		font-family: 'Sinkin Sans', sans-serif !important;
		font-weight: 700;
	}