*{
	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: var(--font-family);
	max-width: 1000px;
	margin: auto;
	gap: 20px;

	/*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{
	width: 100%;
    max-width: 1000px; /* Ajustado al ancho de tu body */
    background: var(--background-conte);
    /*overflow: hidden;*/
}

.lista_donw{
	background-color: var(--lista_donw-bg);
	color: var(--lista_donw-color);
	text-align: center;
	font-size: 20px;
	padding: 10px;
}

/* 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;
		z-index: 100;
	}
	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;
		}

	}