/* CONTENIDO LEGAL */
#contenido {
	position: relative;
	background: var(--fondo);
}


#inicio h1, #inicio p, #ruta, #ruta a {
    color: var(--color_p);
}

#seccion {
    font-size: 1.3rem;
    
    border-top: var(--border);
	max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 0;
	color: var(--color_p);
}

/* FORMULARIO */
form {
	border: var(--border);
	display: flex;
	flex-direction: column;

	background-color: rgb(26, 26, 26);
	margin: 1rem 10rem 10rem 10rem;
	border-radius: 15px;
	padding: 2rem;
	color: var(--color_p);
	font-size: 1.3rem;
}

form label {
	margin-top: 1.6rem;

	display: flex;
	flex-direction: column;
}

form input {
	color: var(--color_p);
	font-size: 1rem;
	background:var(--color_gris_oscuro);

	border: none;
	border-bottom: 0.2rem solid grey;

	height: 2rem;

	outline: none;
}

form input:last-child {
	background: grey;
	margin-top: 1.6rem;
	cursor: pointer;

	border-radius: 15px;
	border: none;
	}

	form input:last-child:hover {
	background: rgb(77, 77, 77);
}

form textarea {
	background: transparent;

	color: var(--color_p);

	resize: vertical;
	min-height: 1.6rem;
	max-height: 10rem;

	font-size: 1rem;
	padding-top: 0.4rem;
	height: 1.6rem;

	border: none;
	border-bottom: 0.2rem solid grey;

	outline: none;
}



/* RESPONSIVE */
@media (max-width: 600px) {
    #texto_inicio {
        padding: 1rem;
    }
}