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

html,
body{
	margin: 0;
	padding: 0;
/*	scroll-behavior: smooth;*/
/*	scroll-padding: 150px;*/
	}

body{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	min-height: 100vh;
	background: var(--background);
	align-items: center;
	font-family: roboto;
	max-width: 1000px;
	margin: auto;
	gap: 20px;
	font-family: 'Helvetica Bold', sans-serif;

	/*background-image: var(--background-image);
	background-repeat: var(--background-repeat);
    background-position: var(--background-position);
    background-size: var(--background-size);
    background-attachment: var(--background-attachment);
    background-color: var(--background-color);*/

	}

	/* Chrome, Safari, Edge y Opera */
input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button {
		-webkit-appearance: none; margin: 0;
	}
	/* Para Firefox */
	input[type=number] {
		-moz-appearance: textfield;
	}

a{
	text-decoration: none;
	color: black;
}
header{
	width: 100%;
	background: var(--background-header);
}
.contenidos{
	max-width: 1200px;
	min-width: 100%;
	background: var(--background-conte);
}

/* footer */
	footer{
		width: 100%;
		color: white;
		background: green;
		margin-top: auto;
		text-align: center;
		line-height: 50px;
		font-size: var(--font-size-footer);
		position: fixed;
		bottom: 0;
	}
	footer a {
	/* 	text-decoration: none; */
		color: white;
	}

	/*movil*/
	@media screen and (max-width: 720px){


		footer{
			font-size: 12px;
			line-height: 2.5rem;
			text-decoration: none;
		}

	}
	@media screen and (max-width: 400px){
		
	}

	@media (max-width: 360px){

		footer{
			font-size: 12px;
			line-height: 2.5rem;
		}
	}

/*verical*/
	@media screen and (max-height: 500px){
		.header{
			position: absolute;
		}

		footer{
			font-size: 12px;
			line-height: 2.5rem;
		}

	}