/* FUENTES */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
	/* COLORS */
	--primary-color: #ff8126;
	--text-color: #505050;
	--text-color-dark: #2c2c2c;

	/* FUENTES */
	--title-font: 'DM Serif Display', serif;
	--text-font: 'Open Sans', sans-serif;

	/* SOMBRAS */
	--shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: var(--text-font);
	background-color: #f5f5f5;

	&.no-scroll {
		overflow: hidden;
	}
}

.container {
	max-width: 1200px;
	margin: 0 auto;

	@media (max-width: 1024px) {
		padding: 0 20px;
	}

	@media (max-width: 768px) {
		padding: 0 40px;
	}

	@media (max-width: 480px) {
		padding: 0 20px;
	}
}