@import 'fonts';
$sm: 480px;
$tb: 768px;
$dt: 1024px;

$al_container: 1216px;
$al_sidebar: 300px;
$font_pattern: 'Inter';

$primary-color: #D0060E;
$secondary-color: #FFCE07;
$tertiary-color: #701414;
$orange: #F7941D;

$white: #fff;
$black: #000;

$danger: #dc3545;
$success: #28a745;

@import 'mixins';
body.over-h{
	overflow: hidden!important;
}
.al-container{
	width: $al_container;
	margin: 0 auto;
	max-width: 100%;
	@media screen and (max-width: calc($al_container + 30px)){
		padding: 0 15px;
	}
}
hr{
	width: 100%;
}
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	text-decoration: none;
	&:not(.fas, .fab, .fa) {
		font-size: 1rem;
	}
}
a {
	transition: all linear 0.2s;
	&:focus,
	&:hover {
		text-decoration: none;
	}
}

input,
button {
	outline: none;
}

section {
	position: relative;
}

img {
	max-width: 100%;
	object-fit: cover;
	object-position: center;
}

textarea{
	max-width: 100%;
}
html {
	height: 100%;
	overflow: auto;
	font-size: $font_pattern;
}

body {
	background: #fff;
	height: 100%;
	line-height: 1.6;
	font: normal normal 16px Arial, sans-serif;
}

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-track {
	background: darken($white, 10);
}

body::-webkit-scrollbar-thumb {
	background: $primary-color;
	&:hover {
		background: darken($primary-color, 16);
	}
}
.flex{
	display: flex;
	align-items: center;
	&.flex-align-start{
		align-items: start;
	}
	&.flex-align-end{
		align-items: end;
	}
	&.flex-wrap{
		flex-wrap: wrap;
	}
	&.flex-column{
		flex-direction: column;
	}
	&.flex-right{
		justify-content: right;
	}
	&.flex-left{
		justify-content: left;
	}
	&.flex-center{
		justify-content: center
	}
	&.flex-beetween{
		justify-content: space-between;
	}
}
@import 'header';
@import 'footer';
@import 'componentes';